获取showdown.js,这是改变样式所需的js
这是他们的github ,https://github.com/showdownjs/showdown
但是我们使用引入的bootcdn showdown.min.js吧。
http://www.bootcdn.cn/showdown/
进行网站的设置
html中引入
<script src="https://cdn.bootcss.com/showdown/1.8.6/showdown.js"></script>
我们的文章在一个div里,id 为postcont
<!--文章内容开始--> ???<div id="postcont" style="white-space: pre">文章内容</div> ???<script> ???var converter = new showdown.Converter(); ???var post ?????= document.getElementById('postcont'); ???var ?text ?????= post.textContent||post.innerText;//获取文本内容, post.textContent是非ie所用,post.innerText是ie所用, ???var html ?????= converter.makeHtml(text); ?????????//这里写成这样是为了兼容 ???post.innerHTML=html; ???</script> ???<!--文章内容结束-->
效果:
使你的网站支持markdown
原文地址:https://www.cnblogs.com/webdev8888/p/8971933.html