如何使Blogger 支持markdown 语法？

Google 的blogger 如何实现支持Markdown 语法呢？

技术人员为了便于排版，都会使用Markdown 编写文章，这样文章节省了排版的时间。

上传内容的时候，blogspot不支持Markdown 的语法，如何解决 ？

实现方式

找到"布局"、找到“小工具”、添加 “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") &lt = 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。然后再更新回去！

注意事项

注意事项一

要用markdown编写的文章最开头放一行markdown 字串，让script 知道这一篇文章是用markdown 写的，用于标记。

注意事项二

编写文章时要用HTML 的模式编写

 

使用第一个 xmp 来即可展示代码，如果需要美观化，使用markdown 语法，将其中的左右括号，改变为HTML的 支持方式即可。

参考

[1] https://www.onejar99.com/markdown-blogger-showdown-codeprettify/

[2] http://lausai360.blogspot.com/2018/11/markdown-on-google-blogger.html

---