¶ i5ting_toc - md转Html
众所周知,我一直都在用 Markdown 写文章,这种语言的特性我在之前的 Markdown技术文档编写规范 这篇文章里写的很细。
现在大部分的网站都支持 md 语法了,除了极少数落伍被大众渐渐遗忘的网站。
我昨天在总结一周文章归档 技术站历史文章归档日志 的时候,我想在空间发个日志记录一下生活。
但我看了看日志的编辑器。。。
这敢情还是十年前的风格,属于富文本编辑器。
如你所想,它并没有支持 md 语法。
我看了看这个编辑器的更新日志。
好家伙,这玩意最后一次更新还是2011年,它已经有九年历史了。
不难看出腾讯对旗下产品的重心正逐渐转变,至于转移到哪,大家各有各的体会与看法。。
不过好在编辑器提供了HTML语法支持
可以输入 Html 代码以代替复杂的富文本编辑。
¶ 如何将 md 转换为 html
接下来进入正题!
将 md 转换为 html,说透彻一点就是将 md 语法转换为 html 语法。
我们可以照葫芦画瓢,自己重写一遍,人工语法转换器。。(笑
但这种方法对你的要求蛮高的,还要你掌握 html 语法
在这里,我们使用一个基于 node.js 的包,i5ting_toc
Github地址在这:i5ting_toc
它可以通过简单的几行命令将 md 转换成 html
¶ 如何使用 i5ting_toc
首先你要确保你安装了 node 和它的包管理器 npm 。
(这里使用的是Powershell)
-
安装
1
npm install -g i5ting_toc
-
用法
-
你可以加一个 -h 的参数查看帮助
1
i5ting_toc -h
-
你想跟据本地的 md 文件让他自动转换成 html 文件的话
你可以给它加上一个
-f
参数,并在后面附上你要转换的文件名如果你不想写 -f ,那么它将会寻找当前目录下的
README.md
进行转换(若无则报错)1
i5ting_toc -f XXXX.md
-
更多高级用法见官方首页
-
¶ 举例
-
现在在我的桌面上有一个 md 文档我要把它转换为 html
-
打开 Powershell 进入桌面文件夹
-
调用 i5ting_toc 并加上 -f 参数
1
i5ting_toc -f .\技术站历史文章归档日志.md
-
可以发现桌面出现了一个 preview 文件夹
打开 html 文件
¶ 所见即所得