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