神器 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！