# 【拓展Markdown】为hugo渲染Mermaid绘图
今天打算转帖原来发过的一篇博文时，遇到了Markdown中嵌入的Mermaid无法正常显示的问题，Mermaid可以内嵌于Markdown中通过代码显示svg绘图，但是显然hugo本身不含，这篇记录如何调整hugo达到如下效果转换：
### 效果
|  |
| :---------------------: |
| 调整之前 |
|  |
| 调整之后 |
### 配置方法
这里涉及到hugo中设置代码高亮的配置，我们检查`hugo.toml`
写入/修改：
```toml
[markup.highlight]
codeFences = true
guessSyntax = false # 注意这一项
# hl_Lines = ""
lineAnchors = ""
lineNoStart = 1
lineNos = true
lineNumbersInTable = true
noClasses = false
style = "monokai"
tabWidth = 4
```
在`./layouts/partials/`下新建一个`mermaid.html`
写入：
```html
{{ if .Params.mermaid }}
{{ end }}
```
然后在`./layouts/_default/baseof.html`引入：
```html
...
{{ partial "mermaid.html" .}}
```