本地部署Markdown Nice开源项目,微信公众号排版神器

本地部署Markdown Nice开源项目,微信公众号排版神器

无辣
昨天发布 /正在检测是否收录...

前言

Markdown Nice为微信排版优化做的很好,主题也十分丰富,可惜商业化做的很差,插件会修改首页,网页版要注册登录,主题也少,好在它有个开源的编辑器,虽然好几年不更新了,但好在能满足我的使用需求。
这是我部署的效果,加了一些主题,公众号支持都没问题。
可以直接使用我的地址:https://md.1day.vip,最好还是自己部署。
图片[1] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

mrakdown-nice部署流程

  1. 先访问markdown-nice开源项目地址,下载项目到本地,并解压。

    网盘链接:[https://pan.quark.cn/s/88803e3d6be3]()
    提取码:nc7p
  2. 为编辑器添加更多主题。打开这个地址,下载 localThemeList.json文件,放到\src\json文件夹下。
    图片[2] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记
  3. 找到src/component/MenuLeft/Theme.js,按照下图修改以下代码。
// eslint-disable-next-line import/extensions
import localThemeData from "../../json/localThemeList"; 

图片[3] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

remoteThemelist = localThemeData;

图片[4] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

  1. 修改\package.json文件中改为"homepage" "./.",

图片[5] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

  1. 打包。用自己习惯的方式将工程打包,也可以使用我打包好的文件。

    链接:https://pan.quark.cn/s/4dc45403d4d1
    提取码:uPwg
npm -i 
npm run build

图片[6] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

build文件夹就是打包好项目,此时可以在本地打开index.html或者部署到服务器上。

图片[7] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

部署

1Panel面板的新手可以参考我的流程。

  1. 如图创建网站,选择静态网站。

图片[8] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

  1. 上传build文件夹到服务器。

图片[9] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

  1. 修改用户和用户组为1000

图片[10] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

  1. 运行目录修改为build

图片[11] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

  1. 解析域名到服务器,给网站添加ssl证书等,每个人的习惯都不一样,就不多说了,可以参考我的截图。

图片[12] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

图片[13] - 本地部署Markdown Nice开源项目,微信公众号排版神器 - 无辣的学习笔记

© 版权声明
THE END
喜欢就支持一下吧
点赞 0 分享 收藏
评论 抢沙发
OωO
取消