Markdown是一種可以使用普通文本編輯器編寫的標(biāo)記語言，通過簡單的標(biāo)記語法，它可以使普通文本內(nèi)容具有一定的格式。它用簡潔的語法代替排版，而不像一般我們用的文字處理軟件 Word 等有大量的排版、字體設(shè)置。這使得我們能夠?qū)Ｐ牡拇a字，而不需要額外地進(jìn)行排版修飾，既簡單又方便。很多站長編輯都喜歡用markdown來寫文章，像簡書、開源中國等平臺都支持markdown編輯，所以最近就像把自己的博客站點(diǎn)也集成markdown。

我的博客是用蟬知系統(tǒng)搭建的，目前沒有現(xiàn)成的markdown插件，所以只好自己動手，豐衣足食了。大家可能用的是不同的建站系統(tǒng)開發(fā)的網(wǎng)站，但不必?fù)?dān)心，markdown的集成很簡單，雖然系統(tǒng)可能不同，但原理都是一樣的，這里我借助我自己的站點(diǎn)為例，就不過多的講解蟬知系統(tǒng)內(nèi)部集成，只是給大家演示下整體的操作流程，以供大家參考。

操作過程：

首先,我們需要先下載解釋器showdown.js，傳送門：https://github.com/showdownjs/showdown

然后將showdown.js引入到內(nèi)容編輯頁面的模板文件中。

還要引入下面的JS代碼：

function compile(){
    var text = document.getElementById("content").value;
    var converter = new showdown.Converter();
    var html = converter.makeHtml(text);
    document.getElementById("result").innerHTML = html;
}

上面代碼中，text是獲取你輸入的markdown語法的文章內(nèi)容，然后實(shí)例化解釋器對象，然后使用解釋器將你輸入的文章內(nèi)容翻譯成目標(biāo)樣式的界面內(nèi)容，即html，然后輸出即可。

注：根據(jù)不同系統(tǒng)的具體操作不同，有的可能會涉及到數(shù)據(jù)庫字段創(chuàng)建等，代碼的引入方式也因不同系統(tǒng)架構(gòu)、擴(kuò)展原理不同而又差別。

通過上面的操作原理，我自己的博客中集成了markdown編輯器，編輯與預(yù)覽同步，所見即所得，操作簡便，我們先一起來看下效果。

以上和大家一起分享了網(wǎng)站中如何集成markdown編輯器，大家可以在自己的站點(diǎn)上操作試一試，如果有什么問題或經(jīng)驗(yàn)，歡迎和大家一起分享交流。