Strong

Dieses Plugin umrandet Textteile. Markdown hat eine gewisse redundanz - fetter Text kann etwa mit den Markierungen ** oder __ erzeugt werden.

Dieses Plugin fügt allen __-Markierungen einen konfigurierten className hinzu. So kann mit etwas CSS etwa ein Rahmen um den Text gezogen werden.

Dieser Text ist __umrandet__.

http://localhost:3000

Dieser Text ist umrandet.

Konfiguration

className

Der Name des CSS-Klassen, die hinzugefügt werden soll.

Standard: -

tagName

Der Name des HTML-Tags, das um den Text gezogen werden soll.

Standard: strong

Installation

Code

• src/plugins/remark-strong

docusaurus.config.ts

import strongPlugin from './src/plugins/remark-strong/plugin';

const REMARK_PLUGINS = [
    /* ... */
    [ strongPlugin, { className: 'boxed' } ]
];

CSS

CSS für eine dunkelblaue Umrandung:

strong.boxed {
    color: #3348b5;
    font-weight: normal;
    border: 1px solid var(--ifm-color-gray-600);
    padding: 1px 0.4em 1px 0.3em;
    border-radius: 0.2em;
    line-height: initial;
}

html[data-theme='dark'] {
    strong.boxed {
        color: #8395ef;
    }
}