博客写作神器：介绍与部署Markdown Nice

素颜马尾好姑娘i 2023-10-15 10:38 14阅读 0赞

作为开发者和写作者，我们经常需要使用Markdown来编写文档、博客和技术文稿。然而，标准的Markdown格式可能显得有些普通，缺乏一些专业的排版效果。在这里，我们将向你介绍一个强大的工具——Markdown Nice（mdnice），它可以帮助你轻松地为你的Markdown文档添加漂亮的排版效果。

github地址：[https://github.com/mdnice/markdown-nice][https_github.com_mdnice_markdown-nice]

gitee地址：[https://gitee.com/zhning12/markdown-nice][https_gitee.com_zhning12_markdown-nice]

在线地址： [https://editor.mdnice.com/][https_editor.mdnice.com]

博主在线地址：[http://mdnice.xiuji.mynatapp.cc/][http_mdnice.xiuji.mynatapp.cc]

#### 简介 ####

![\_20230826000305.png][20230826000305.png]

一款支持自定义样式的 Markdown 编辑器的开源node项目，功能如下：

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

#### 部署 ####

**步骤 1：下载项目**

我们先从github上下载项目到我们的服务器上

**步骤 2：构建镜像**

在项目的同级目录下编写Dockerfile文件

![\_20230826000000.png][20230826000000.png]

Dockerfile

# 使用官方Node.js运行时环境作为基础镜像
    FROM xj/nodepython:14.16.0-p2
    
    # 维护者信息
    MAINTAINER "xj"
    
    # 将项目文件复制到镜像的工作目录中
    COPY markdown-nice  /app
    
    # 切换工作目录
    WORKDIR /app
    
    
    # 安装项目依赖
    RUN npm install
    
    # 暴露容器的HTTP端口
    EXPOSE 3000
    
    # 设置启动命令
    CMD ["npm", "run", "start"]

在Dockerfile同级目录下构建镜像

docker build -t xj/mdnice:2.0 .

构建成功后可使用如下命令查看构建好的镜像

docker images | grep mdnice

**步骤 3：编写docker-compose.yml 文件**

docker-compose.yml

version: '3.3'
    
    services:
      mdnice:
        image: xj/mdnice:2.0
        restart: always
        ports:
          - "8010:3000"

**步骤 4：启动项目**

在docker-compose.yml的同级目录下执行如下命令：

docker-compose up -d

查看日志

docker-compose logs -f

没啥问题的话项目已经就启动了

#### 功能说明 ####

我们具体来说下我比较喜欢的几个功能

*  导出功能

![\_20230826001252.png][20230826001252.png]

*  主题

![\_20230826001338.png][20230826001338.png]

*  代码主题

![\_20230826001346.png][20230826001346.png]

*  本地历史功能

![\_20230826002236.png][20230826002236.png]

![\_20230826002247.png][20230826002247.png]

*  复制和预览功能

我们一套markdown格式的文章，可以同时复制到公众号、知乎、掘金等等博客平台，预览也可以切换成手机和电脑两种不同的模式.

![\_20230826001513.png][20230826001513.png]

#### 总结 ####

Markdown Nice是一个强大的工具，可以让你轻松地将普通的Markdown文档转换为具有漂亮排版的HTML格式。通过简单的命令行操作，你可以选择不同的排版样式和主题，为你的文档增添专业的外观。无论是写博客、技术文稿还是文档资料，Markdown Nice都是一个值得尝试的工具。

希望这篇文章能够帮助你了解Markdown Nice并成功部署它，让你的Markdown文档更加出色！

[https_github.com_mdnice_markdown-nice]: https://github.com/mdnice/markdown-nice
[https_gitee.com_zhning12_markdown-nice]: https://gitee.com/zhning12/markdown-nice
[https_editor.mdnice.com]: https://editor.mdnice.com/
[http_mdnice.xiuji.mynatapp.cc]: http://mdnice.xiuji.mynatapp.cc/
[20230826000305.png]: https://img-blog.csdnimg.cn/img_convert/d9f8c3cd324d41d54a22e246ab3ebb19.png
[20230826000000.png]: https://img-blog.csdnimg.cn/img_convert/5c25dd4958f40f7085b8510aced07563.png
[20230826001252.png]: https://img-blog.csdnimg.cn/img_convert/7e9149c6622874c1584cde3cf8cee26f.png
[20230826001338.png]: https://img-blog.csdnimg.cn/img_convert/105013b0e5adf4aa532195dd1d70350c.png
[20230826001346.png]: https://img-blog.csdnimg.cn/img_convert/42b66d73c58b18eead2c144016641676.png
[20230826002236.png]: https://img-blog.csdnimg.cn/img_convert/dac88c9f3164525309e84061642c8b00.png
[20230826002247.png]: https://img-blog.csdnimg.cn/img_convert/9872ca89fe58c4974710bbc1087fe485.png
[20230826001513.png]: https://img-blog.csdnimg.cn/img_convert/ed8965f450c85e0dd605b8bc98e63edb.png