背景:
在使用Markdown编写开发文档时,由于Markdown语法不支持锚点跳转,于是想到把 .md文档加载到Html页面通过 a 标签里来实现跳转。
1、ajax请求加载本地md
将请求到的文件添加到 <div id="content">
中
$(function(){
$.ajax({
type:"get",
url:"./test.md",
dataType:"html",
success:function(res){
$("#content").append(marked(res)); // 使用marked插件解析.md文件
}
})
})
2.解析 xxx.md
解析需使用marked插件库,将md文本转化为html DOM,框架Github地址——戳戳戳!
引入marked.js <script src="./marked.js"></script>
3.编写css
由于转化后的md没有了基本的css样式,需要自行编写,其中代码高亮可使用Highlight
插件,使用方法可参考☞《highlight.js代码高亮使用》