mirror of
https://github.com/imfing/hextra.git
synced 2025-09-16 23:21:26 -04:00

* chore(docs): rename `exampleSite` to `docs` and create `examples` * chore(build): update build script to support new version format and source directories; add v0.10 to documentation menu
1.5 KiB
1.5 KiB
title, weight, next
title | weight | next |
---|---|---|
نمودارها | 6 | /docs/guide/shortcodes |
در حال حاضر، Hextra از Mermaid برای نمودارها پشتیبانی میکند.
Mermaid
Mermaid یک ابزار نمودار و چارت مبتنی بر جاوااسکریپت است که تعاریف متنی الهامگرفته از Markdown را گرفته و به صورت پویا در مرورگر نمودارها را ایجاد میکند. به عنوان مثال، Mermaid میتواند فلوچارتها، نمودارهای توالی، نمودارهای دایرهای و موارد دیگر را رندر کند.
استفاده از Mermaid در Hextra به سادگی نوشتن یک بلوک کد با زبان تنظیم شده mermaid
است:
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
به صورت زیر رندر میشود:
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
نمودار توالی:
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
برای اطلاعات بیشتر، لطفاً به مستندات Mermaid مراجعه کنید.