公众号排版自动化方案:基于AI Skill的实操指南
一、排版规范标准
公众号排版需遵循以下技术参数,确保多端显示一致性。文字与段落方面,全角中文字符与半角英文字符、数字之间需加半角空格,例如"公众号排版需搭配 13px 正文字体"。正文行高设置为1.5至1.8倍,段落间距比行高大5至8像素。每段不超过5行,以适配手机阅读习惯。中文与英文、数字、链接间需添加空格,但与日期之间不加空格,例如"我和Bob在2024年7月6日进行了3次通话"。
字号与间距方面,大标题18像素,正文16像素,注释14像素。两侧边距10像素,字间距1.6像素,行间距1.6像素。图片规范方面,封面图尺寸900像素乘383像素,次图383像素乘383像素,正文插图统一尺寸,比例3比4或16比9,自适应屏幕,非自创图片需标注来源。对齐方式上,长文案两端对齐,短文案和注释类居中对齐。
二、自动化排版工具:gzh-design-skill
该工具为开源项目,将Markdown转换为样式全内联的HTML,可直接粘贴至公众号编辑器,不丢失格式。其核心机制为内容与样式分离:用户用Markdown写内容,工具自动套用主题样式并生成内联样式HTML。工具内置六套主题,摸鱼绿适用于教程和测评,红白色系适用于深度分析和观点,石墨极简风适用于科技和专业内容,留白禅意风适用于随笔和极简风格,摸鱼票据风适用于工具对比,橄榄手记适用于内刊和案例复盘。
安装方法需要Node.js环境,可使用命令"npx skills add https://github.com/isjiamu/gzh-design-skill"一键安装。若使用Claude Code、Codex、Cursor等Agent环境,可在对话中输入"请帮我查找并自动安装https://github.com/isjiamu/gzh-design-skill这个skill"。
三、操作流程
标准工作流分三步。第一步准备Markdown文件,标题层级使用井号标识,一级标题一个井号,二级标题两个井号,三级标题三个井号,段落分明,内容完整。第二步调用Skill,输入指令"用摸鱼绿把这篇文章排成公众号HTML:article.md"。第三步复制到公众号,AI生成带复制按钮的预览页,浏览器打开后点击复制到公众号,再到公众号编辑器粘贴即可。
生成的HTML会自动执行validate_gzh_html.py脚本进行校验,ERROR清零方可交付。
四、自定义主题生成
如需自定义主题,可输入指令"按黑白杂志、克莱因蓝点睛、衬线字体的气质,给公众号排版生成一套新主题"。AI会一次性询问所有偏好,包括名称、主色、背景色、正文色、强调色、装饰色、字体、圆角、阴影、适用场景。随后产出45至75个区块的完整HTML组件库,确认后转成标准主题库并登记,后续排版与内置主题用法一致。
五、适用范围
该方案适用于观点和深度分析、教程和操作指南、测评和工具盘点、知识整理和方法论、生活和情感随笔等内容类型。不适用于普通网页和落地页、PPT演示文稿、纯图片海报,以及代写文章(该工具仅排版,不负责写作)。
六、操作注意事项
公众号平台对AI生成内容有规范要求,排版后需手动核对单位格式(像素、百分比、auto)、标点符号(全角半角)以及技术细节的真实性。建议发布前在手机端预览测试,确认实际显示效果。封面图和正文插图需单独上传至公众号后台。
七、技术原理简述
整个流程分为五个环节。内容输入阶段采用Markdown解析。样式装配阶段进行主题组件库匹配和内联样式注入。HTML生成阶段将所有样式内联化,文字用span leaf标签包裹。校验阶段使用自动化脚本验证样式完整性。输出阶段生成带复制功能的HTML预览页。
- 点赞
- 收藏
- 关注作者
评论(0)