Support Mermaid in Ghost CMS

Code Injection

<script src="https://unpkg.com/mermaid@8.0.0/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>

HTML in Posts

<div class="mermaid">
sequenceDiagram
    participant I as Informer
    participant SC as ServiceController
    participant Q as WorkQueue
    participant B as Balancer
    I->+SC: Add/Update/DeleteService
    SC->Q: Add
    Q-->SC: return
    deactivate SC
    loop Worker
        SC->+Q: Get
        Q-->-SC: key
        SC->SC: syncService
        SC->+B: EnsureLoadBalancer
        B-->-SC: LoadBalancerStatus
    end
</div>

實際效果展示