事件复现

今天更新博客的时候,刚好最新编写output的博客中有用到mermaid流程图,更新后打开页面查看发现渲染不出来,于是突然想起原先这个配置主题上是未开启的,于是先去开启一下先。

# Mermaid
mermaid: true

然后本地启动一下,发现还是不能渲染,去看了看主题的文档,也没找到相关的内容。大概百度搜索了一下发现都推荐要装hexo-filter-mermaid-diagrams插件和添加mermaid的js。这个话在博客主题自带有,而且也有加载了mermaid的js。那么话也应该不是这个问题

<script src="https://unpkg.com/mermaid@11.4.1/dist/mermaid.js"></script>

最后注意到mermaid渲染的代码语言显示为Plaintext,感觉有点奇怪都有了mermaid为什么会为识别语言为纯文本?不对为什么mermaid会被代码块渲染了,于是赶紧又去查了一下hexo的语法高亮 | Hexo找到了答案。只需要修改hexo的_config.yml即可。

# 排除渲染代码块的语言
exclude_languages:
- mermaid

mermaid语法文档:Mermaid