如何使Blogger 支持markdown 语法？

Google blogger 如何实现支持Markdown 语法呢？技术人员为了便于排版，都会使用Markdown 编写文章，这样文章节省了排版的时间。默认的blogger不支持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") <= 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为标题
• 不适用通用主题，只是后期的转换，修改主题后，格式丢失。

参考

1. http://etrex.blogspot.com/2017/03/blogger-code-markdown-prettyprint.html

Ahmedabad