mirror of
https://github.com/imfing/hextra.git
synced 2025-08-24 00:07:00 -04:00
ec007d73c0
* docs(blog): prepare for v0.10 release post * Update v0.10.md * Update v0.10.md to refine upgrade instructions and enhance blog features. Added synchronized tab switching and pagination controls, while improving the search experience and table of contents navigation. * Enhance v0.10 release documentation with detailed upgrade instructions and migration guide. Added Tailwind theme variable customization section and clarified breaking changes. Improved clarity on CSS class prefix changes for better user experience. * Update v0.10.md to enhance upgrade instructions, clarify breaking changes, and improve overall readability. Adjusted formatting for consistency and added details on asset management and user experience improvements. * Add notable new features to v0.10.md, including dropdown menu support, enhanced search experience, and blog list pagination. Updated FlexSearch upgrade details for clarity and improved migration guide by removing redundant breaking change notes. * chore: update zh-cn translation * chore: update ja translation * chore: update fa and ja translations * chore: prepare release
1.1 KiB
1.1 KiB
title, weight, next
| title | weight | next |
|---|---|---|
| 图表 | 6 | /docs/guide/shortcodes |
目前，Hextra 支持通过 Mermaid 绘制图表。
Mermaid
Mermaid 是一个基于 JavaScript 的图表绘制工具，它能将类 Markdown 的文本定义动态转换为浏览器中渲染的图表。例如，Mermaid 可以绘制流程图、时序图、饼图等多种图表。
在 Hextra 中使用 Mermaid 非常简单，只需编写一个语言设置为 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: 你好 John，最近怎么样？
loop 健康检查
John->>John: 与疑病症斗争
end
Note right of John: 理性思考 <br/>占据上风！
John-->>Alice: 好极了！
John->>Bob: 你怎么样？
Bob-->>John: 非常好！
更多信息请参阅 Mermaid 官方文档。