网站建设中,中国大陆地区请使用VPN访问,欢迎提建议,关注LSKR Mastodon

如何使Blogger 支持markdown 语法?

利用Blogger插件功能通过添加JavaScript脚本实现其对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函式库showdownmarkdown文章转为html,然后再更新回去!

失败

原因是本代码脚本只是支持特定的基础主题。也就是主题页面的默认主题,自定义主题并不支持转换。

演示转换

转换结果

代码问题,以前的老旧代码存在将<> 被浏览器识别为代码现在已经不在这类问题了。用户可以直接使用,但是主题的使用上,依旧存在限制。因此并不推荐用户使用这种方式实现。

缺点

  • 不利于SEO,markdown标题 不会被搜索引擎SEO为标题
  • 不适用通用主题,只是后期的转换,修改主题后,格式丢失。

参考

发表评论

Cookie Consent
我们使用 Cookie 来了解您如何使用我们的网站并提升您的体验。这包括个性化内容和广告。
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.