神器 MdNice !

做爲一名程序員，相信你們都關注了不少技術大佬的公衆號，其中不乏文章樣式看起來特別舒服的。以前也有讀者朋友問我，個人公衆號文章是用什麼工具排版的，看起來很舒服！今天給你們推薦一下我常常使用的排版工具 MdNice，支持多達20種樣式，總有一款適合你！

SpringBoot實戰電商項目mall（40k+star）地址：https://github.com/macrozheng/mall

使用Markdown寫文章

做爲程序員，咱們常常會寫一些開發文檔，Markdown做爲一種輕量級標記語言，很是容易學習和使用。看看Github上面的開源項目文檔，不少都是用它來寫的，就知道它有多流行了！

因此咱們選擇使用它來寫文章，準沒錯！使用Markdown寫文章須要一個編輯器，這裏我我的推薦使用下面兩個。

使用IDEA來寫，IDEA不愧爲神器，自帶Markdown支持，用來寫文章也是很不錯的。

使用Typora來寫，使用Typora來寫最大的好處是所見即所得，Typora的用法具體能夠參考《神器 Typora ！》。

使用Markdown寫的文章，支持的樣式比較單一，因此咱們須要一個排版工具，將Markdown轉化爲HTML，並添加好看的樣式，若是發到公衆號上去的話，還須要支持微信的樣式，此時就要使用到MdNice了。

MdNice簡介

Markdown Nice（簡稱MdNice）是一款樣式豐富的 Markdown 編輯器，同時支持微信公衆號、知乎和稀土掘金等平臺的文章排版（能用富文本編輯器寫文章的平臺基本都支持）。

MdNice支持多達20種樣式，總有一款適合你，接下來咱們來看看有哪些樣式！

看完這些樣式是否是有種似曾相識的感受，不少技術大佬的文章都是用MdNice排版的！

本地部署

做爲一名程序員，咱們不只要會使用工具，本身動手部署一下也是頗有必要的！接下來咱們本地部署下，來體驗一下吧！

• 首先咱們須要把項目下載到本地並導入到IDEA，項目地址：https://github.com/mdnice/mar...

• 接下來咱們須要使用yarn命令安裝項目全部依賴；

yarn

• 而後再使用以下命令啓動項目；

yarn start

• 項目啓動後便可訪問，訪問地址：http://localhost:3000

• 此時咱們會發現沒有主題能夠選擇，須要在項目的src\json目錄下添加localThemeList.json用於定義主題，文件地址（數據太長，這裏只提供格式）：https://github.com/macrozheng...

[
  {
    "themeId": "1",
    "itemId": null,
    "name": "橙心",
    "cover": "https://files.mdnice.com/pic/9322d897-85d5-4be1-9c9d-c392d4d39bff.png",
    "css": "很長的css樣式代碼",
    "article": "",
    "html": null,
    "exampleHtml": null,
    "authorName": "zhning12",
    "authorEmail": null,
    "description": "橙心的做者很懶，暫時沒有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21231,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T09:57:55.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  }
]

• 而後修改項目的src\component\MenuLeft\Theme.js文件，主要是導入localThemeList.json和將獲取遠程主題改成從本地獲取；

• 修改完主題以後，咱們能夠發現已經有20種主題可供選擇了：

• 最後經過右上角的複製按鈕，便可將Markdown轉化爲對應主題的HTML了，而後複製到公衆號的編輯器中便可，是否是很方便！

在線使用

固然，若是你以爲本地搭建有點麻煩，也能夠直接在線使用，在線使用地址：https://www.mdnice.com/

總結

剛開始作公衆號的時候，一直在尋找一款合適的排版工具，最後找到了MdNice。樣式豐富，使用方便，想要使用Markdown寫文章的朋友能夠嘗試下！

項目地址

https://github.com/mdnice/mar...

本文 GitHub https://github.com/macrozheng/mall-learning 已經收錄，歡迎你們Star！