Hugo FixIt TEST

Mermaid Diagrams Test

Lruihao published on 2025-08-20 included in Markdown Shortcodes and Tests

The FixIt theme supports two ways to use Mermaid: code block syntax and shortcode syntax.

flowchart TD
    A[Start] --> B{Is it?}
    B -->|Yes| C[OK]
    C --> D[Rethink]
    D --> B
    B ---->|No| E[End]

flowchart TD
    A[Start] --> B{Is it?}
    B -->|Yes| C[OK]
    C --> D[Rethink]
    D --> B
    B ---->|No| E[End]

flowchart TD
    A[Start] --> B{Is it?}
    B -->|Yes| C[OK]
    C --> D[Rethink]
    D --> B
    B ---->|No| E[End]

Lruihao published on 2025-08-17 included in Markdown and Tests

Color	Syntax	Example	Output
HEX	`#RRGGBB`	`#0969DA`	`#0969DA`
RGB	`rgb(R,G,B)`	`rgb(9, 105, 218)`	`rgb(9, 105, 218)`
HSL	`hsl(H,S,L)`	`hsl(212, 92%, 45%)`	`hsl(212, 92%, 45%)`

e.g. The background color is #ffffff for light mode and #000000 for dark mode.