在HTML中引入markdown

作者: Lia代码猪崽 | 来源:发表于2018-07-31 15:05 被阅读430次

在HTML中引入markdown
Ubuntu16.04系统 Markdown在VSCode中的使
CSS 中 link 和@import 的区别是
CSS 中 link 和@import 的区别是
第三方JS调用
手机hybrid应用H5开发、调试
webpack基础（五）图片的处理
Android中引入MarkDown
vue引入图片和背景图
在Mako中使用Vue.js需要引入的SDN

将会用到marked，它能将markdown语法转化为html语法。
其次，为了更方便的加载到.md文件，还引用了jquery。

一、下载依赖

npm install marked

二、引入依赖

<script src="./Static/js/lib/jquery.min.js"></script>
<script src="./Static/js/lib/marked.min.js"></script>

三、使用

<div id="content"></div>

<script>
    $.get('./Static/md/index.md', function(response, status, xhr){
        $("#content").html(marked(response));
    });
</script>

如果一些样式无法再markdown里实现的，可以写成html，然后用css实现想要的样式。

在HTML中引入markdown
将会用到marked，它能将markdown语法转化为html语法。其次，为了更方便的加载到.md文件，还引用了j...
Ubuntu16.04系统 Markdown在VSCode中的使
Markdown在VSCode中的使用 Markdown is a text-to-HTML conversion...
CSS 中 link 和@import 的区别是
引入方式： link是html标签，通过在html文件中引入，@import在css文件中引入兼容性： link...
CSS 中 link 和@import 的区别是
引入方式： link是html标签，通过在html文件中引入，@import在css文件中引入兼容性： link...
第三方JS调用
在html文件中引入js文件index.html 在文件中调用
手机hybrid应用H5开发、调试
H5开发引入flexible.js 在*.html的标签中引入 Note：HTML中无需设置，否则，不管设备...
webpack基础（五）图片的处理
webpack打包图片在js中创建图片来引入在css来引入，比如background：url() 在html中...
Android中引入MarkDown
标题说的不太好。之前想如果能在Android中解析markdown并显示出来一定不错。在GitHub上找到一个...
vue引入图片和背景图
1、data(){}中引入图片 2、html中引入图片 3、style 中引入图片
在Mako中使用Vue.js需要引入的SDN
在base.html中需要引入的SDN