上节,
已经讲了markdown怎样转成html,这节我们学习怎样把转好的html,代码部分怎样高亮。
本文采取的高亮插件是谷歌的
google/code-prettifygithub.com
图标会了下面的操作您可以使用如highlight.js,SyntaxHighlighter.js等等
步骤1:进入i5ting_toc安装路径
image步骤2:打开上图的marked/lib文件夹下的marked.js,804行
image改为
image步骤3:打开如图templete.html
image引入
image延时加载树结构(防止树结构点击定位不准)
imagecmd执行
i5ting_toc -f sample.md -o
或者
npx i5ting_toc -f sample.md -o
查看代码部分
image原来
image这样看起来是不是好看多了?
网友评论