介绍

MarkdownNice是一个支持自定义样式的在线微信Markdown排版工具，正如其名字一样，让排版更漂亮，支持多个平台！

---

---

Gitee

https://gitee.com/zhning12/markdown-nice

https://github.com/mdnice

https://mdnice.com/

---

---

从Github历史star数可以看出其用户增速较快

特点

支持自定义样式的 Markdown 编辑器支持微信公众号排版支持知乎、稀土掘金、博客园和 CSDN 等一系列平台内容和自定义样式浏览器中实时保存支持上传图片、脚注、公式

快速开发

克隆项目后：

统一使用yarn进行包管理和运行，命令行运行下方指令：

$ yarn
$ yarn start

运行后即可在浏览器中访问http://localhost:3000看到页面了

---

---

作者还提供了架构图：

主要开发库

React：facebook 开源的 js 视图层框架markdown-it：markdown 转换富文本解析器juice：将 CSS 类选择器转换为行内样式的工具codemirror：网页代码编辑器ant-design：React UI组件库mobx：状态管理库highlight.js：代码高亮库MathJax-node：公式转图片库axios、ali-oss、qiniu-js等

当作组件使用

目前仅支持 React

1、安装 markdown-nice

$ yarn add markdown-nice

或者

$ npm install markdown-nice --save

---

index添加引用

---

import React from 'react';
import MarkdownNice from 'markdown-nice';
function App() {
 return (
 

 
 
 );
}
export default App;

---

在线效果

总结

MarkDown是一个非常值得使用的排版工具，可在线使用，也可以自己开发并部署，还可当作组件使用，如果你有类似排版头疼的问题，不妨试试它，Enjoy it！