乐于分享
好东西不私藏

公众号排版,分享一款我用AI做的免费排版工具,这篇文章就是用它来排版的

公众号排版,分享一款我用AI做的免费排版工具,这篇文章就是用它来排版的

📦 6 Parts

👉 滑动

PART 01

01 那些年,我们交过的排版"智商税"

The Pain

PART 02

02 一个单文件工具,双击即用

One File

PART 03

03 它到底能做什么

Features

PART 04

04 为什么它能"过审"

Compliance

PART 05

05 谁适合用,怎么用

How To

PART ///

写在最后

The End

你有没有过这种时刻——文章写完了,点开排版工具,突然发现"高级样式"要会员;好不容易排好,复制到公众号后台,一半样式没了;想换套风格,又得从头来一遍。

我写过不少号,最烦的就是这一步。写作一小时,排版两小时,还不一定好看

直到我把整个排版流程,做成了一个单文件 HTML 工具:左边贴 Markdown,右边实时预览,点一下,富文本直接进剪贴板,去后台 Ctrl/⌘+V 就完事。

不用会员不用联网,不把你的稿子上传到任何服务器。

下面把这件事讲清楚

01

PART

01 那些年,我们交过的排版"智商税"

The Pain

说几个你可能踩过的坑:

第三方排版工具好看的样子基本都要开会员。月卡季度卡年卡,排版比写稿还烧钱。

样式复制到公众号后台大量丢失inline 样式被清、class 被剥,精心调的排版一贴就崩。

模板千篇一律,读者一眼认出"又是某某工具排的",品牌感全无。

网页版工具要登录、要上传原文,敏感稿子你敢吗?

更隐蔽的是:很多工具生成的 HTML 带着 <style><script>class公众号会直接吞掉或拦截,你排得越花,丢得越狠。

02

PART

02 一个单文件工具,双击即用

One File

这个工具的本质,是把一套成熟的公众号排版规范,固化成一个零依赖的单文件 HTML。它的排版基因,来自甲木开源的「公众号设计 skill」——摸鱼绿、红白、石墨这些主题,以及自动下划线、金句卡等规范,被我原样吸收,再固化成不用装环境、双击就用的单文件。

它没有后端、没有 npm、没有登录。下载下来,浏览器双击打开,就能用。

三个特点我必须强调:

不上传。你贴的每一行字都只在本地浏览器里,关掉页面什么都没留下。

不联网。断网也能排,连 Wi-Fi 都不用

不乱改。它生成的 HTML 100% 走公众号允许的写法——全内联样式、文字节点用 <span leaf=""> 包裹、没有 class 也没有 script。所以贴进去样式不丢、审核不卡

03

PART

03 它到底能做什么

Features

核心就一个动作:你写 Markdown,它出排版

下面这些,都是开箱即用:

实时预览

左边贴,右边立刻出效果,所见即所得。

6 套主题一键切换

摸鱼绿、红白色系、石墨极简、留白禅意、橄榄手记、摸鱼票据。同一篇稿,换皮肤只要一秒。

智能下划线

自动给关键词加绿色下划线,这是"高级感"的来源,不用你手动标。

全可配置

文字号、正文颜色、强调色、章节英文副标、末章样式、作者签名语——都能改。

一键复制富文本

用 ClipboardItem 写入剪贴板,去后台粘贴直接成型。

自动目录 + 章节编号

##自动变成 PART 01 / 02,带横向滑动目录,结构感拉满。

...markdown

## 01 那些年,我们交过的排版"智商税" :: The Pain

- 第三方排版工具,**好看的样子基本都要开会员**

- 样式复制到公众号后台**大量丢失**

你看,章节标题后面 :: 跟着的那串英文,就是标题下方的小字副标——可配置不用你手抄。

04

PART

04 为什么它能"过审"

Compliance

这是最关键的,也是大多数工具翻车的地方。

公众号后台对粘贴内容有硬规矩:不允许外部 `<style>`/`<script>`、不认 class、会剥离非内联样式

这个工具从一开始就按规矩生:

每一样式写死在标签的 style 属性里(内联)。

每一个文字节点都用 `<span leaf="">` 包起来,这是公众号编辑器识别"这是文字"的标准姿势。

全程**没有 class、没有 id、没有 position

fixed、没有 display:grid**——全是公众号安全的属性。

所以你复制进去,看到的就和预览一模一样。不会出现"预览美如画,后台乱成渣"。

05

PART

05 谁适合用,怎么用

How To

适合这几种人:

爱写技术 / 干货 / 测评的号主——模板化排版最省时间。有多套风格需求的人——今天严肃用红白,明天轻松用摸鱼绿。在意隐私的人——稿子不出本机。嫌会员贵的人——这一个文件,等于永久免费。

三步上手:

1

浏览器打开这个 HTML文件

2

左边输入框粘贴你的 Markdown 稿。

3

右边看效果,调主题 / 字号 / 颜色,点「一键复制富文本 → 公众号」,去后台粘贴。

就这么简单。

工具是手段,内容是王道。排版再好,也救不了一篇没想清楚文章;但一篇清楚文章,值得一个不丢脸的排版

///

LAST

写在最后

The End

如果你也厌烦了为排版开会员、为样式丢失抓狂,把这个工具收好。

它已经开源在 GitHubhttps://github.com/dreamfly2012/wx-format,免费、可改、能提 PR。去点个 Star,比收藏这篇文章更实在。

顺手点个「收藏」,下次写稿直接调出来;转发给那个总在群里问"你这排版用的啥"的朋友

如果这篇对你有用,点个「在看」告诉我——下一期可以聊聊怎么把常用排版存成模板一篇顶十篇。

我是 梦回故里,热衷于分享 AI 观察与干货,欢迎关注我。

既然看到这里了,如果觉得有用,随手点个赞、在看、转发三连吧。

点赞
在看
转发

THANKS FOR READING