最近尝试了一下使用(水)一篇文章记录下来。
typora
+PicGo
写文章的方式,在typora上输出文本可以进行即时渲染,图片复制粘贴到编辑器可以方便地上传到又拍云,自动生成链接,但是用typora写流程图的时候复制到typecho,发现自带的解析器无法解析mermaid语法,改用vditor解析会导致排版错乱,在网上摸索一番,终于找到了解决方案,写我们需要安装一个markdown解析库插件"MarkdownParse"😊
这是一个 Markdown 解析插件,用 Parsedown 替换 Typecho 自带的 Markdown 解析库,并额外支持 [TOC]语法来生成目录,同时支持 MathJax 来渲染数学公式,也支持 Mermaid 生成各种图表。根据实际渲染需求,智能识别是否加载渲染资源,无需再担心引入冗余资源。
操作步骤
- 下载"MarkdownParse"插件
- 修改文件夹的名字为"MarkdownParse"
- 添加到你的项目中并启用它
语法示例
```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.交底书撰写]
最后,感谢插件作者程小白大佬的辛勤付出~🌹