Blogger 配置 markdown 显示

markdown ## (一)登入Blogger后台页面,点击布局,添加小工具
image
## (二)选择HTML/JavaScript微件
image
## (三)添加内容如下 ```text 标题: 标题不添加,则不会在浏览页面时显示微件 内容: ```

<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>

## (四)尝试发布内容 在文章发布时切换为HTML视图 首行以 ```text markdown ``` 为始进行编辑
image
插入html语法时,可以切换为撰写视图

评论