AI工具 Skill技能库 关于道场

公众号排版预览器:将Markdown一键渲染为公众号适配的本地HTML

一人堂 |2026-07-08

用Markdown写公众号文章后排版麻烦?公众号排版预览器将Markdown文件直接渲染为适合微信公众号复制预览的本地HTML,包含7种预设样式,无需外部API,适合频繁写公众号的运营者和博主。

公众号排版预览器:将Markdown一键渲染为公众号适配的本地HTML

【适用场景】

当你用Markdown写完公众号文章后,需要适配微信的排版规范时;当你想在发布前预览文章在公众号中的实际效果时;当需要把Markdown格式文章转成可复制到公众号编辑器的HTML时——公众号排版预览器帮你把Markdown文档渲染成公众号-ready的HTML文件。

Step 1:准备Markdown文件

将要发布的文章内容写成Markdown格式文件(.md),确保文章结构清晰(标题、段落、列表、引用等格式标记正确)。如果文章中包含图片,需要提前上传到图床并插入图片URL。

Step 2:运行渲染脚本

使用命令行运行脚本,指定要渲染的Markdown文件,脚本会自动应用公众号样式规范生成HTML文件:

```bash python3 scripts/wechat_markdown_preview.py article.md --out out/wechat ```

脚本内置7种预设样式主题,可以根据账号风格选择合适的样式。生成的HTML文件可以直接在浏览器中预览效果。

Step 3:预览并复制到公众号编辑器

在浏览器中打开生成的HTML文件,预览实际效果。如需调整样式,可以修改预设样式参数后重新渲染。确认效果后,复制HTML内容(选中全部后复制),直接粘贴到公众号后台编辑器。

Step 4:微调后发布

在公众号编辑器中对粘贴的内容进行微调(如图片位置、段落间距等),确认无误后发布。注意微信公众号对HTML格式有一定限制,部分样式可能在某些情况下显示异常。

【代码模板】

``` 输入:帮我把 article.md 渲染成公众号可用的HTML

命令:python3 scripts/wechat_markdown_preview.py article.md --out out/wechat

输出: 生成文件:out/wechat/article.html

在浏览器中打开预览效果。如需更换样式,可使用 --theme 参数: python3 scripts/wechat_markdown_preview.py article.md --theme elegant --out out/wechat

7种预设主题: - default:默认简洁风格 - elegant:优雅文艺风格 - modern:现代简约风格 - warmth:温暖亲和风格 - tech:科技感风格 - minimal:极简留白风格 - classic:经典报纸风格 ```

【复盘要点】

图片需提前上传图床:Markdown中的本地图片路径在HTML渲染后会失效,需要先将图片上传到图床并使用URL引用。建议使用稳定的图床服务,避免文章发布后图片显示异常。

复制到公众号编辑器时建议全选复制:粘贴时选中全部内容再复制,确保格式完整。如果粘贴后格式错乱,可以尝试在编辑器中使用「复制为纯文本」后再手动排版。

不同账号风格选择不同主题:7种预设样式覆盖了从简约到复古的多种风格,选择与账号调性匹配的样式可以减少后期微调的工作量。

生成的文件可以重复使用:生成的HTML文件保存在本地,可以随时重新打开预览或修改样式参数后重新渲染,适合批量处理多篇文章。

来源:SkillHub https://skillhub.cn/skills/wechat-markdown-preview