使用 Markdown 寫 Blogger

參考網址：

• 在 blogger 貼漂亮 code 的方法（使用 markdown 和 prettyprint）
• Markdown on 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>
 
// The > will replaced to > when using innerHTML, so replace it back to >
// for showdown to render blockquote
function blockquote(str) {
    return str.replace(/\n>/g,'\n>') ;
}
 
var converter = new showdown.Converter();
var posts = document.querySelectorAll(".post-body");
var s = "";
Array.prototype.forEach.call(posts, function(el, i) {
    var idx = el.innerHTML.indexOf("markdown");
    if(idx != -1 && idx <= 1) {
        el.innerHTML = converter.makeHtml(blockquote(el.innerHTML).replace("markdown",""));
        var pres = el.querySelectorAll("pre");
        for (var i = 0; i < pres.length; i++) {
            pres[i].classList.add("prettyprint");
            pres[i].classList.add("linenums:1");
        }
    }
});
</script>
 
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js">
</script>

之後要利用 Markdown 寫文章時，只要在開頭第一行先寫上 markdown 這個關鍵字，再從第二行開始寫文章就可以了。

Markdown - 易編易讀，優雅的寫文吧！