i5ting_toc转成的html，怎样高亮代码？

上节,

已经讲了markdown怎样转成html，这节我们学习怎样把转好的html，代码部分怎样高亮。

本文采取的高亮插件是谷歌的

google/code-prettify​github.com

图标

会了下面的操作您可以使用如highlight.js,SyntaxHighlighter.js等等

步骤1：进入i5ting_toc安装路径

image

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

image

改为

image

步骤3：打开如图templete.html

image

引入

image

延时加载树结构（防止树结构点击定位不准）

image

cmd执行

i5ting_toc -f sample.md -o

或者

npx i5ting_toc -f sample.md -o

查看代码部分

image

原来

image

这样看起来是不是好看多了？

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容