作为一名程序员,置信大家都关注了很多技术大佬的公众号,其中不乏文章款式看起来特地难受的。之前也有读者敌人问我,我的公众号文章是用什么工具排版的,看起来很难受!明天给大家举荐一下我常常应用的排版工具 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!