Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法氧骤，它可以使普通文本內(nèi)容具有一定的格式奈泪。它用簡潔的語法代替排版疾棵，而不像一般我們用的文字處理軟件 Word 等有大量的排版戳稽、字體設置馆蠕。這使得我們能夠?qū)Ｐ牡拇a字，而不需要額外地進行排版修飾惊奇，既簡單又方便互躬。很多站長編輯都喜歡用markdown來寫文章，像簡書颂郎、開源中國等平臺都支持markdown編輯吼渡，所以最近就像把自己的博客站點也集成markdown。
我的博客是用蟬知系統(tǒng)搭建的乓序，目前沒有現(xiàn)成的markdown插件寺酪，所以只好自己動手，豐衣足食了替劈。大家可能用的是不同的建站系統(tǒng)開發(fā)的網(wǎng)站寄雀，但不必擔心，markdown的集成很簡單抬纸，雖然系統(tǒng)可能不同咙俩，但原理都是一樣的耿戚，這里我借助我自己的站點為例湿故，就不過多的講解蟬知系統(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)容命黔，然后實例化解釋器對象，然后使用解釋器將你輸入的文章內(nèi)容翻譯成目標樣式的界面內(nèi)容就斤，即html悍募，然后輸出即可。
注：根據(jù)不同系統(tǒng)的具體操作不同洋机，有的可能會涉及到數(shù)據(jù)庫字段創(chuàng)建等坠宴，代碼的引入方式也因不同系統(tǒng)架構(gòu)、擴展原理不同而又差別绷旗。
通過上面的操作原理喜鼓，我自己的博客中集成了markdown編輯器，編輯與預覽同步衔肢，所見即所得庄岖，操作簡便，我們先一起來看下效果角骤。
以上和大家一起分享了網(wǎng)站中如何集成markdown編輯器隅忿，大家可以在自己的站點上操作試一試，如果有什么問題或經(jīng)驗启搂，歡迎和大家一起分享交流硼控。
