实现方式
找到 布局>小工具>HTML和JavaScript小工具
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.6.4/showdown.min.js"></script>
<script>
var converter = new showdown.Converter();
var posts = document.querySelectorAll(".post-body,.snippet-item");
Array.prototype.forEach.call(posts, function(el, i){
if(el.innerHTML.indexOf("markdown") <= 1){
el.innerHTML = converter.makeHtml(el.innerHTML.replace("markdown",""));
}
});
var pres = document.querySelectorAll("pre");
Array.prototype.forEach.call(pres, function(el, i){
el.classList.add("prettyprint");
});
</script>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst"></script>
原理
用javascript
将使用markdown
的文章内容抓出来,然后用网路上已经有人写好的javascript
函式库showdown
将markdown
文章转为html
,然后再更新回去!
失败
原因是本代码脚本只是支持特定的基础主题。也就是主题页面的默认主题,自定义主题并不支持转换。
演示转换
转换结果

代码问题,以前的老旧代码存在将<>
被浏览器识别为代码现在已经不在这类问题了。用户可以直接使用,但是主题的使用上,依旧存在限制。因此并不推荐用户使用这种方式实现。
缺点
- 不利于SEO,markdown标题 不会被搜索引擎SEO为标题
- 不适用通用主题,只是后期的转换,修改主题后,格式丢失。