码迷,mamicode.com
首页 > Web开发 > 详细

I5TING_TOC转成的HTML,怎样高亮代码

时间:2020-05-10 13:22:49      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:eva   引入   type   cdn   vendor   val   master   lin   hive   

找到安装位置
全局安装一般在默认位置
C:\Users\administrator\AppData\Roaming\npm\node_modules\i5ting_toc

 

修改marked.js
i5ting_toc\node_modules\marked\lib\marked.js
将第804行修改如下

 if (!lang) {
    return ‘<pre class="prettyprint linenums:0"><code>‘

 

修改templete.html
i5ting_toc\vendor\template.html
引入google的高亮插件code-prettify

<script type="text/javascript" src="toc/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="toc/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="toc/js/ztree_toc.js"></script>
<script type="text/javascript" src="toc_conf.js"></script>
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script> /** 增加这一行 **/
<SCRIPT type="text/javascript" >
$(document).ready(function(){
    var css_conf = eval(markdown_panel_style);
    $(#readme).css(css_conf)
    
    var conf = eval(jquery_ztree_toc_opts);
        $(#tree).ztree_toc(conf);
});
</SCRIPT>

 

再执行编译html命令

i5ting_toc -f sample.md -o

 





I5TING_TOC转成的HTML,怎样高亮代码

标签:eva   引入   type   cdn   vendor   val   master   lin   hive   

原文地址:https://www.cnblogs.com/dshvv/p/12862631.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!