hexo-插件系列

hexo-renderer-mathjax

用来写数学公式，不需要额外的配置，只需要 npm i hexo-renderer-mathjax

hexo-filter-sequence

用于画时序图的，使用比较麻烦，参考1参考2 如果要画时序图，可以采用下面两种插件替换

hexo-tag-plantuml

画各种图形，种类多。使用方法具体参考文档
安装方法，见 github

hexo-filter-mermaid-diagrams

可以用来画流程图、时序图等，但文档不全。安装参考
使用方法见以下 demo.

graph LR;
    用户界面交互-->状态;
    状态-->UI渲染;
    UI渲染-->|用户界面与数据保持一致|数据;

hexo-filter-mermaid-diagrams 坑

1. 流程图名称写单词时，首字母大宝。如：Constructor

graph TD
Constructor[构造函数:来初始化相关特性,对象特性因对象传参而异,可能包含私有属性]
Prototype(原型上定义共有属性)
style Prototype fill: aliceblue

2. 流程图中标点符号使用转义字符
2-1. 流程图中特殊符号可以采用""包裹

名称 转义字符 描述
： : 冒号(colon)
, , 逗号(comma)

hexo-filter-mermaid-diagrams 升级 mermaid 致最新版，绘制 pie/journey 等图形

/themes/**(theme topic, eg: next)/config.yml
mermaid 版本默认 v7.1.2，修改版本为 v8.7.0

1
2
3
4
5
mermaid: ## mermaid url https://github.com/knsv/mermaid
  enable: true  # default true
  startOnload: true  #default true
  version: "8.7.0" # default v7.1.2
  options:  # find more api options from https://github.com/knsv/mermaid/blob/master/src/mermaidAPI.js