2018-09-27
markdown 編寫
markdown
#安裝步驟
* 到blogger「版面配置」新增小工具
* 選擇「HTML/JavaScript」
* 勾選 顯示「 HTML/JavaScript 」
* 填入以下程式碼(需將全型 < 取代為 <,將全型 > 取代為 >)
```js
<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>
::decode
```
* 儲存
撰寫時要在文章中有 markdown
例如:
```
markdown
# 文章標題
文章內容
```
參考來源:
[卡卡米的記憶體: 在 blogger 貼漂亮 code 的方法(使用 markdown 和 prettyprint)](http://etrex.blogspot.com/2017/03/blogger-code-markdown-prettyprint.html)
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言