WeChat Article Lab

一个开源的本地微信公众号排版工具。你可以把 Markdown、TXT、DOCX 稿件导入进来，选择模板和配色，生成适合粘贴到微信公众号编辑器的内联 HTML。

作者：lizhiwei

它能做什么

• 导入 md、txt、docx 稿件
• 将 Markdown 渲染成微信公众号兼容的富文本 HTML
• 自动把 CSS 转成内联样式，减少粘贴到公众号后样式丢失
• 三栏工作台：左侧写稿，中间预览，右侧 AI 和模板控制
• 三栏宽度可拖拽，刷新后自动保留
• 预览区使用 iframe 隔离，避免 AI 生成的 CSS 影响工具界面
• 内置 5 套公众号模板：清透科技、冷静蓝图、黑白锐评、绿意卡片、淡彩图文
• 每套模板支持多套配色，一键换色，布局不变
• 支持新增、删除、保存本地模板
• 支持 AI 生成新模板、AI 修改当前模板
• 支持 AI 局部改写 Markdown 文章
• 支持复制富文本、复制 HTML 源码、下载可打开的 HTML 文件
• 支持 Mac / Windows 双击启动脚本

适合谁

• 经常用 Markdown 写公众号文章的人
• 想把文章快速转成微信图文格式的人
• 想沉淀自己公众号排版模板的人
• 想用 DeepSeek 或 OpenAI-compatible API 辅助改模板、改文章的人

快速开始

npm install
npm run dev

然后打开：

http://localhost:5173/

双击启动

Mac：

./start.command

Windows：

start.bat

启动脚本会检测 Node.js 和依赖；缺失时会下载本地便携 Node 到 .runtime，不会写入系统目录。

AI 配置

默认 DeepSeek 配置：

Endpoint: https://api.deepseek.com/chat/completions
Model: deepseek-v4-flash

API Key 只保存在浏览器本地缓存，不会写入后端文件，也不会写入模板文件。

模板说明

模板文件位于：

templates/*.json

每个模板包含：

• css：模板样式源码
• palettes：配色方案
• defaultPaletteId：默认配色
• name / description / useCase：模板说明

模板 CSS 支持这些配色 token：

{{accent}}
{{accentSoft}}
{{text}}
{{border}}
{{background}}

渲染时会自动替换成当前配色，并转成内联样式。

安全与兼容

• 不上传公众号账号信息
• 不接微信公众号草稿箱 API
• 不保存密钥到项目文件
• AI 生成的 CSS 会经过清洗，过滤高风险布局属性
• 图片会被强制限制在正文宽度内，避免跑出版心

开发命令

npm run dev
npm run lint
npm run build
npm run test:render

技术栈

• Vite
• React
• TypeScript
• Express
• markdown-it
• juice
• mammoth

开源协议

MIT License