網站實現markdown功能

前言

因爲我的一直想弄一個博客網站，因此寫博客的功能也就必須存在啦，而以前想過用富文本編輯器來實現的。可是接觸了markdown後，發現真的是太好玩了，並且使用markdown的話能夠在博客園、CSDN、公衆號等各個地方使用。若是使用富文原本實現的話。。那可就慘了，發一篇文章在不一樣的地方就要從新弄一下樣式。真的是很是蛋teng。因此建議不會markdown語法的童鞋仍是得好好去看看。


在這裏我要介紹的是如何在你的網站接入Markdown功能

實現功能

實現markdown的功能主要實現兩部分，找到能夠轉換markdown語法的功能。而後去找一下你本身喜歡的markdown主題樣式。（若是你追求至簡的話，你只須要實現第一部就能夠了，只是有點醜。。。）

showdown.js

爲何使用showdown.js？膚淺的我只認star數（手動吾眼）
入口在此：https://github.com/showdownjs/showdown
用法也是灰常之簡單：
只需使用到 dict\showdown.js文件，引入了以後，只需以下使用:

var converter = new showdown.Converter(),
    text      = '# hello, markdown!',
    html      = converter.makeHtml(text);

這樣就能夠獲取到markdown語法轉換後的html啦。
其實仍是很醜的。。。由於沒有樣式。。。

主題樣式

Typora

入口：http://theme.typora.io/

貌似挺多人喜歡用這個，可是我我的以爲麻麻地。並且有些主題對中文不太支持。不過裏面的主題還挺多的。能夠搞一下。

Markdownhere

入口：https://markdown-here.com/

Markdownhere 是李笑來製做的一套 CSS 主題，。我如今用着他的CSS主題，其實也是麻麻地，而後本身也改了一點。感受沒啥變化(一名CSS的菜鳥)。

少數派

爲何叫少數派？我也不知道，我一直覺得是少數人使用的流派（本身yy的）。

入口：https://cdn.sspai.com/minja/sspai.css.zip