md文档高亮

参考了个别博客,文档,我选择用一种简单的方式,描述下~





    
    
    
    my-umi-app
    
    
     
    
    
    




    

如果放在脚手架搭建的项目里,大概分为下面步骤:

(1)安装并引入marked

npm install marked --save

在包含md文件页面里,

import marked from ‘marked’;

等效于下面该句:


(2)引入高亮文件

在index.html里,添加:




(3)

var rendererMD = new marked.Renderer();
marked.setOptions({
    renderer: rendererMD,
    // 高亮配置
    highlight: function (code) {
        return hljs.highlightAuto(code).value;
    },
    gfm: true,
    tables: true,
    breaks: false,
    pedantic: false,
    sanitize: false,
    smartLists: true,
    smartypants: false
});

var markdownString = '```js\n console.log("hello"); \n```';

document.getElementById('content').innerHTML = marked(markdownString);

你可能感兴趣的:(总结)