網站實現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

個人博客網址： https://colablog.cn/

如果我的文章幫助到您，可以關注我的微信公眾號，第一時間分享文章給您