最近尝试了一下使用typora+PicGo写文章的方式,在typora上输出文本可以进行即时渲染,图片复制粘贴到编辑器可以方便地上传到又拍云,自动生成链接,但是用typora写流程图的时候复制到typecho,发现自带的解析器无法解析mermaid语法,改用vditor解析会导致排版错乱,在网上摸索一番,终于找到了解决方案,写(水)一篇文章记录下来。

我们需要安装一个markdown解析库插件"MarkdownParse"😊

这是一个 Markdown 解析插件,用 Parsedown 替换 Typecho 自带的 Markdown 解析库,并额外支持 [TOC]语法来生成目录,同时支持 MathJax 来渲染数学公式,也支持 Mermaid 生成各种图表。根据实际渲染需求,智能识别是否加载渲染资源,无需再担心引入冗余资源。

操作步骤

  1. 下载"MarkdownParse"插件
  2. 修改文件夹的名字为"MarkdownParse"
  3. 添加到你的项目中并启用它

语法示例

```mermaid
graph LR
 专利挖掘 --> 研发项目出发
 专利挖掘 --> 技术问题出发
 研发项目出发 --> 1.筛选研发项目
 研发项目出发 --> 2.从研发项目中选择技术点
 研发项目出发 --> 3.技术点讨论
 研发项目出发 --> A[4.交底书撰写]
 技术问题出发 --> 1.收集技术问题
 技术问题出发 --> 2.细化技术问题
 技术问题出发 --> 3.解决方案评估
 技术问题出发 --> B[4.交底书撰写]
```

显示效果

graph LR 专利挖掘 --> 研发项目出发 专利挖掘 --> 技术问题出发 研发项目出发 --> 1.筛选研发项目 研发项目出发 --> 2.从研发项目中选择技术点 研发项目出发 --> 3.技术点讨论 研发项目出发 --> A[4.交底书撰写] 技术问题出发 --> 1.收集技术问题 技术问题出发 --> 2.细化技术问题 技术问题出发 --> 3.解决方案评估 技术问题出发 --> B[4.交底书撰写]

最后,感谢插件作者程小白大佬的辛勤付出~🌹

最后修改:2022 年 03 月 04 日
如果觉得我的文章对你有用,请随意赞赏