ox-hugo 集成 mermaid

Memo 主题下的配置

在的 Blog 主题基于 Hugo 主题 MemE 文档 | reuixiy 来做的,看了下文档,天然的原生支持 Mermaid , 就不用针对 hugo 做太多定制化的东西,需要注意 导出的配置的 Front Mattermermaid true 的配置即可

我们用的是 ox-hugo , 我们需要在自定义 FRONT_MATTER

1
:EXPORT_HUGO_CUSTOM_FRONT_MATTER: :mermaid true

其次在 org-bable 中,对 mermaid 进行如下配置

1
2
3
4
5
6
#+begin_src mermaid :exports code :results raw :hugo-shortcode mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;

示例

如上的配置,就能正常转为 mermaid 图

graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
updatedupdated2025-02-162025-02-16