一、开源项目简介

✍ 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 所有基础语法、色盘取色、一键复制并粘贴到公众号后台、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性。

本项目基于 wechat-format 进行二次开发，感谢 lyricat 的创意和贡献！

Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！只要你会基本的 Markdown 语法，就能做出一篇样式简洁而又美观大方的微信图文。

二、开源协议

使用WTFPL开源协议

三、界面展示

四、功能概述

功能特性

• 支持自定义 CSS 样式
• 支持 Markdown 所有基础语法
• 支持浅色、暗黑两种主题模式
• 支持 Ctrl + F 快速格式化文档
• 支持色盘取色，快速替换文章整体色调
• 支持多图上传，可自定义配置图床
• 支持自定义上传逻辑
• 支持在编辑框右键弹出功能选项卡
• 支持批量转换本地图片为线上图片

目前支持哪些图床

#

图床

使用时是否需要配置

备注

详细内容请查看

README.md

文档

1

默认

否

-

2

GitHub

配置 Repo、Token 参数

如何获取 GitHub token？

3

阿里云

配置 AccessKey ID、AccessKey Secret、Bucket、Region 参数

如何使用阿里云 OSS？

4

腾讯云

配置 SecretId、SecretKey、Bucket、Region 参数

如何使用腾讯云 COS？

5

七牛云

配置 AccessKey、SecretKey、Bucket、Domain、Region 参数

如何使用七牛云 Kodo？

6

MinIO

配置 Endpoint、Port、UseSSL、Bucket、AccessKey、SecretKey 参数

如何使用 MinIO？

7

自定义上传

是

如何自定义上传？

五、技术选型

如何开发和部署

# 安装依赖
npm i

# 启动开发模式
npm start

# 部署在 /md 目录
npm run build
# 访问 http://127.0.0.1:9000/md

# 部署在根目录
npm run build:h5-netlify
# 访问 http://127.0.0.1:9000/

为何二次开发

现有的开源微信 Markdown 编辑器，样式繁杂，也不符合我个人的审美需求。在我使用它们进行文章排版的时候，经常还要自己做一些改动，费时费力，因此动手做了二次开发。