一个轻量的公众号排版小工具

6次阅读
没有评论

做公众号内容的朋友应该都懂,一篇文章真正麻烦的地方,往往不是写完那一刻,而是后面的整理和发布。

标题层级要调,段落间距要看,图片要检查,链接要确认,摘要和封面也不能漏。最后复制到公众号后台,还要担心格式是不是乱了、表格是不是变形了、图片是不是丢了。

所以我最近写了一个轻量、本地化的小工具:

**宇上希光公众号排版器 **

一个轻量的公众号排版小工具

wx-paiban

它不是那种复杂的内容管理后台,更像是一个轻量的本地排版工作台。打开页面后,就可以在里面写稿、套模板、看预览、查素材、做发布前检查,最后一键复制到公众号后台。

在线体验:https://wx.ticifer.com

为什么要做这个工具?

之前我自己整理公众号文章或者md文稿时,经常会在几个工具之间来回切换。

一边写原稿,一边找排版模板; 一边调整样式,一边预览手机端效果; 发布前还要重新检查图片、链接、二维码、摘要和封面。

这些动作单独看都不复杂,但每次都重复做,就很消耗时间。

所以这个排版器的思路很简单:

把公众号发布前最常用的动作,尽量集中到一个页面里。

写稿、排版、预览、检查、复制,不用一直来回切工具。

一个页面,三个区域

排版器采用的是左中右三栏布局。

左边是原稿区,可以写 Markdown,也可以直接粘贴文字内容。

中间是预览区,可以实时看到文章排版后的效果,包括公众号宽度、手机宽度和紧凑宽度。

右边是控制台,用来调整发布信息、样式模板、素材内容、版本快照和发布检查。

这样做的好处是,文章哪里需要改、改完效果怎么样、发布前还有哪些地方要检查,都能比较直观地看到。

对 Markdown 友好,也能处理普通文本

如果你平时习惯写 Markdown,可以直接写标题、列表、引用、表格、任务项、图片等内容。

如果你手里只有一段普通文字,也可以先粘贴进去,再做初步整理。

目前支持的内容结构包括:

  • 标题、引用、列表、任务项
  • 表格、代码块、图片
  • 纯文本基础整理
  • 富文本粘贴后的 Markdown 净化
  • 图片链接识别
  • 原稿复制、Markdown 下载、全文查找替换

简单来说,不管是一篇知识长文、教程稿,还是一份活动通知,都可以先把内容放进去,再慢慢调整成适合公众号发布的版式。

当前版本,我主要强化了模板和样式

公众号排版最麻烦的地方,其实不是“能不能写”,而是“写完之后好不好看、能不能复用”。

所以 当前版本 版本里,我内置了一些常用模板和组件片段,比如:

  • 观点长文
  • 资讯快讯
  • 教程步骤
  • 清单合集
  • 活动通知
  • 导语段
  • 信息卡
  • 步骤清单
  • 问答块
  • 时间线
  • 图注块
  • 双图对照
  • 二维码收尾

这些不是为了把文章做得很花,而是为了减少重复排版。

比如写教程文章时,可以直接套步骤清单; 写活动通知时,可以用信息卡; 文章结尾需要引导关注,也可以使用二维码收尾模块。

右侧样式面板还能调整主题、主色、字体、字号、行距、段距、标题样式和图片圆角。 同一篇文章,可以快速切换成不同的阅读风格。

图片和链接检查,也放进来了

公众号文章里,最容易出问题的往往是图片和链接。

有时候图片没传好,有时候链接忘了替换,有时候二维码位置不合适。发布前如果没检查,发出去之后再改就很麻烦。

所以 当前版本 版本里也加入了素材管理能力,可以帮助识别正文里的图片和链接,并辅助定位、替换和整理。

目前图片相关支持:

  • 正文图片识别
  • 图片定位
  • 图片 alt 和链接替换
  • 封面图设置
  • 连续图片自动网格排版
  • 图注、双图、步骤图、二维码收尾等模板

对于多图文章、教程文章、产品说明或活动推文来说,这部分会比较省时间。

发布前,再做一次检查

公众号后台对部分样式、表格、列表和复制内容会有自己的限制。

所以排版器里也加入了发布前检查功能。

它会帮你提前关注这些内容:

  • 标题、摘要、封面、栏目是否完整
  • 图片链接、外链、占位链接是否需要处理
  • 表格、任务项、代码块等复杂结构是否需要复核
  • 是否存在敏感词或需要替换的表达
  • 复制到公众号后台后可能需要人工确认的样式点

这个功能不是为了增加步骤,而是为了减少发布后的返工。

本地使用,不自动上传内容

当前版本是一个本地静态工具,打开页面就能使用。

草稿、模板、版本快照等内容会保存在当前浏览器本地,不会自动上传到服务器。

也就是说:

同一台电脑、同一个浏览器里,可以继续编辑之前的内容; 换电脑或换浏览器后,本地草稿不会自动同步; 需要交接时,可以导出草稿、发布清单或交接包。

这种方式比较适合个人写作、公众号运营、小团队协作和内容交付场景。

当前版本的发布包已经整理好了

这次整理的 当前版本 发布包,包含页面文件、样式文件、脚本文件、二维码素材、Markdown 解析依赖,以及 Vercel 和 Netlify 的部署配置。

主要内容包括:

文件或目录
作用
index.html
排版器页面入口
app.js
排版器主要功能
styles.css
页面样式
assets/
赞赏和关注二维码素材
vendor/
Markdown 解析依赖
vercel.json
Vercel 部署配置
netlify.toml
Netlify 部署配置
部署说明-小白版.md
中文部署说明
DEPLOY-BEGINNER.md
英文部署说明

即使不会代码,也可以按照说明部署到 Vercel、Netlify,或者放到自己的静态网站空间里使用。

它适合谁用?

如果你平时经常需要整理公众号文章,它会比较适合你。

比如:

  • 写公众号知识长文
  • 写教程步骤稿
  • 写产品介绍稿
  • 写活动通知稿
  • 写清单合集稿
  • 写复盘总结稿
  • 做图文素材整理和发布交接

它不是为了替代所有专业排版工具,而是更适合作为一个轻量、顺手、可复用的公众号本地工作台。

使用时请保留版权信息

排版器页面底部包含版权信息:

Copyright By © 2026 宇上希光公众号排版器本地排版与模板工作台,仅在当前浏览器保存草稿与模板。

如果你部署、使用或二次调整页面,请保留底部版权内容,不要删除、隐藏、替换或改写。

写在最后

宇上希光公众号排版器1.0,算是我把自己平时写稿、排版、检查和发布流程整理成工具的一次尝试。

它目前已经能完成从原稿整理、模板套版、样式预览、素材检查,到最后复制发布的基础流程。

如果你也经常为公众号排版、格式检查、素材整理这些事情反复折腾,可以试试这个。

也欢迎关注公众号,后面我会继续记录这个工具的优化过程,迭代包

正文完
 0
Ticifer
版权声明:本站原创文章,由 Ticifer 于2026-05-23发表,共计2529字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)