feat(hook): code block mermaid (#954)

exampleSite/content/posts/theme-documentation-content/index.en.md

@@ -239,6 +239,19 @@ This part is shown in the [basic markdown syntax page](../basic-markdown-syntax/
 
 **LoveIt** theme has some extended syntax elements for you to write articles.
 
+### Mermaid Diagrams
+
+```mermaid
+graph TD
+    A[Enter Chart Definition] --> B(Preview)
+    B --> C{decide}
+    C --> D[Keep]
+    C --> E[Edit Definition]
+    E --> B
+    D --> F[Save Image and Code]
+    F --> B
+```
+
 ### Emoji Support
 
 This part is shown in the [emoji support page](../emoji-support/).

exampleSite/content/posts/theme-documentation-content/index.zh-cn.md

@@ -238,6 +238,19 @@ resources:
 
 **LoveIt** 主题提供了一些扩展的语法便于你撰写文章.
 
+### Mermaid 图表
+
+```mermaid
+graph TD
+    A[输入图表定义] --> B(预览)
+    B --> C{决定}
+    C --> D[保持]
+    C --> E[编辑定义]
+    E --> B
+    D --> F[保存图片和代码]
+    F --> B
+```
+
 ### Emoji 支持
 
 这部分内容在 [Emoji 支持页面](../emoji-support/) 中介绍.

layouts/_default/_markup/render-codeblock-mermaid.html

@@ -0,0 +1 @@
+{{- dict "Content" .Inner "Page" .Page | partial "plugin/mermaid.html" -}}

layouts/partials/plugin/mermaid.html

@@ -0,0 +1,3 @@
+{{- $id := dict "Content" .Content "Scratch" .Page.Scratch | partial "function/id.html" -}}
+<div class="mermaid" id="{{ $id }}"></div>
+{{- .Page.Scratch.SetInMap "this" "mermaid" true -}}

layouts/shortcodes/mermaid.html

@@ -1,3 +1 @@
-{{- $id := dict "Content" (trim .Inner "\n") "Scratch" .Page.Scratch | partial "function/id.html" -}}
-<div class="mermaid" id="{{ $id }}"></div>
-{{- .Page.Scratch.SetInMap "this" "mermaid" true -}}
+{{- dict "Content" (trim .Inner "\n") "Page" .Page | partial "plugin/mermaid.html" -}}