上节,
已经讲了markdown怎样转成html,这节我们学习怎样把转好的html,代码部分怎样高亮。
本文采取的高亮插件是谷歌的
google/code-prettifygithub.com

会了下面的操作您可以使用如highlight.js,SyntaxHighlighter.js等等
步骤1:进入i5ting_toc安装路径

步骤2:打开上图的marked/lib文件夹下的marked.js,804行

改为

步骤3:打开如图templete.html

引入

延时加载树结构(防止树结构点击定位不准)

cmd执行
i5ting_toc -f sample.md -o
或者
npx i5ting_toc -f sample.md -o
查看代码部分

原来

这样看起来是不是好看多了?
网友评论