Mermaid Diagrams

Markler supports Mermaid diagrams. Just use a mermaid code block.

Flowchart

graph TD
    A[Write Markdown] --> B[Run Markler Build]
    B --> C{Has Mermaid?}
    C -->|Yes| D[Load Mermaid.js]
    C -->|No| E[Skip Mermaid]
    D --> F[Render Diagrams]
    E --> F
    F --> G[Beautiful HTML Page]

Sequence Diagram

sequenceDiagram
    participant U as User
    participant C as CLI
    participant P as Pipeline
    participant M as Marked

    U->>C: markler build
    C->>P: build(config)
    P->>P: Discover .md files
    P->>M: Parse markdown
    M-->>P: HTML content
    P->>P: Wrap in template
    P-->>C: Build result
    C-->>U: Done!

State Diagram

stateDiagram-v2
    [*] --> Pending
    Pending --> Building: markler build
    Building --> Done: Success
    Building --> Error: Failure
    Error --> Building: Retry
    Done --> [*]

Back to Home or read the Getting Started guide.