美文网首页前端知多少
i5ting_toc转成的html,怎样高亮代码?

i5ting_toc转成的html,怎样高亮代码?

作者: 孙悟空SUN | 来源:发表于2020-01-20 10:12 被阅读0次

    上节,

    已经讲了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

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

    相关文章

      网友评论

        本文标题:i5ting_toc转成的html,怎样高亮代码?

        本文链接:https://www.haomeiwen.com/subject/sbqjzctx.html