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