在html中引用markdown
1,直接引入markdown文件
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> <script> $.get('../md/index.md', function(response, status, xhr){ $("#content").html(marked(response)); }); </script>
md文件内容效果
html页面效果
2.直接写入md源码
<div id="content">
md文件显示效果
html页面效果
相比之下推荐第一种,
原因1,直接更改文件即可达到效果,
原因2,字符串拼接会比较麻烦,因为md的格式中会有双引号,反引号等出现,所以拼接就是一个特别麻烦的事,如果有好的方式,谢谢提点