BAIZE AI RESOURCE

浏览器即用的公众号封面、二维码与 Markdown 排版工具集

article-tools

浏览器即用的公众号封面、二维码与 Markdown 排版工具集

获取资源
article-tools

资源介绍

article-tools 面向需要频繁产出公众号与社媒内容的写作者，把「写完之后的一堆杂活」集中到几个网页里完成。它由四个独立 HTML 工具组成：cover.html 生成公众号封面图，支持多种配色、装饰风格与字体，可插入素材图片并导出 PNG 或复制图片；qrcode.html 生成带 Logo 的二维码；md-to-wechat.html 把 Markdown 转成微信公众号可用的富文本格式；md-to-x.html 把 Markdown 转成适合 X（Twitter）发布的格式。这些工具全部是纯前端页面，直接用浏览器打开即可，无需安装依赖。

如果希望省去复制粘贴，仓库还提供一个可选的本地小服务（server/，Node ≥ 18，零依赖）。启动后通过 http://127.0.0.1:3007/md-to-wechat.html 打开排版工具，点击「发布到草稿」即可把文章推送到公众号草稿箱。服务会自动换取并缓存 access_token、把正文中的图片逐张上传到微信并替换链接、解析封面 thumb_media_id，最后调用 draft/add 建草稿。它只建草稿不群发，误点也不会推送给粉丝，且仅监听本机 127.0.0.1。使用前需要在公众号后台获取 AppID/AppSecret，并把本机公网出口 IP 加入 IP 白名单，否则会报 40164。

应用能力

公众号封面生成

cover.html 提供多种配色方案、装饰风格与字体选择，可添加素材图片，并支持导出 PNG 或直接复制图片，用于生成公众号封面图。

带 Logo 二维码生成

qrcode.html 用于生成带 Logo 的二维码，适合放在文章末尾或推广物料中。

Markdown 转公众号富文本

md-to-wechat.html 把 Markdown 转换为微信公众号可用的富文本格式，省去手工排版。

Markdown 转 X 格式

md-to-x.html 把 Markdown 转换为适合在 X（Twitter）发布的格式。

一键发布到公众号草稿箱

md-to-wechat.html 右上角的「发布到草稿」按钮配合本地 server/ 服务，可把排好版的文章推送到公众号草稿箱；服务会自动上传正文图片并替换为微信域名链接，再调用 draft/add 建草稿。

纯前端零依赖运行

四个工具均为静态 HTML 页面，直接用浏览器打开即可使用，不需要安装任何依赖；只有可选的草稿发布服务需要 Node ≥ 18。

资源配置

应用版本

1.0.0

运行环境

WindowsmacOSLinux

安装方式

源码运行命令安装

依赖环境

Node.js浏览器API Key无额外依赖

安装与使用

  1. 直接在浏览器打开需要的工具页面，选择公众号封面、Logo 二维码、Markdown 转微信或 Markdown 转 X。

  2. 粘贴内容并调整页面提供的样式或参数，预览无误后下载图片或复制转换结果。

  3. 如需推送到微信公众号草稿箱，再单独启动可选的本地 Node 服务并配置公众号凭据。

  4. 推送前检查标题、正文、图片和账号，确认后再写入草稿箱；静态工具本身无需后端。

使用案例

公众号文章排版与草稿推送

使用场景内容创作者写完一篇公众号文章后需要排版并送审

在 md-to-wechat.html 中粘贴 Markdown 并选择风格，通过本地服务点击「发布到草稿」，服务自动上传正文图片、解析封面并调用 draft/add，文章出现在公众号草稿箱中等待确认。

生成公众号封面图

使用场景文章发布前需要一张符合账号调性的封面

打开 cover.html，选择配色方案、装饰风格与字体，必要时添加素材图片，导出 PNG 或复制图片后用于公众号文章封面。

生成带 Logo 的二维码

使用场景需要在文章或物料中放置可识别的账号二维码

打开 qrcode.html，生成带 Logo 的二维码，用于公众号引流或推广素材。

包含内容

article-tools-source.zip
README-中文安装说明.md
LICENSE-Apache-2.0.txt
SHA256.txt

常见问题

使用「发布到草稿」功能需要认证的公众号吗？
不需要。普通订阅号即可，个人号、未认证的号也能调用 draft/add 草稿接口，只要在公众号后台「设置与开发 → 基本配置」拿到 AppID 和 AppSecret 即可。
为什么调用微信接口时报错 40164？
40164 表示调用微信接口的机器出口 IP 不在白名单中。需要把本机公网出口 IP 加入公众号后台「设置与开发 → 基本配置 → IP 白名单」，本地运行就填当前网络的公网出口 IP，否则拿不到 access_token。
草稿发布服务的封面是必填的吗？
封面是 draft/add 的必填项。可以在 .env 中配置 WECHAT_THUMB_MEDIA_ID（已上传的永久素材 media_id）或 WECHAT_DEFAULT_COVER（本地封面图路径，首次自动上传并缓存 media_id）；两者都不填时，服务会用正文里的第一张图当封面，正文也没有图片则报错。
本地服务会不会误把文章群发给粉丝？
不会。该服务只调用 draft/add 创建草稿，不执行群发，误点也不会推送给粉丝；同时服务只监听 127.0.0.1，仅本机可访问，.env 和 .cache.json 已在 .gitignore 中不会提交。
为什么必须通过本地服务地址打开排版工具？
「发布到草稿」按钮需要同源请求本地服务，通过 http://127.0.0.1:3007/md-to-wechat.html 打开可避免跨域和混合内容问题；用 file:// 或线上 Pages 打开时，按钮会提示先走本地服务。