最近我自己又开发了新的公众号排版,做了一版比较简约的。
不想再和别人撞同款版式,也不想用那种塞满卡片的样式,所以这一版整体走的就是克制。下面直接说最终做出来的东西。
01 一键转,粘进去就能用
你照常写 Markdown,跑一下,它就吐出一份能直接全选复制、粘进公众号编辑器的 HTML。
图片不用手动插——本地图它会自己转成 base64 内嵌进去。我实测过,一篇带 10 张截图(原图
- 8MB)的文章,成品压到
- 2MB,粘进去不卡。
==关键是不挑平台==:全内联样式,不用 div、不用 class、不用 h1~h6,粘进微信不会被把样式洗掉,也不会被拦。
02 四套主题,换风格只改一处
做了四套,调性不一样,适配不同号的脾气:
- graphite 石墨,蓝,冷静技术感
- ink 墨,墨绿,书卷气
- tech 硬核,青蓝加深色代码块
- news 温暖,砖红
我自己的复盘、长文一般用墨;实操、出海类用石墨或硬核。
==换一套皮,底层一行不用动==,只改一份主题配置。这就是我说的"自己的视觉语言"——不套别人的模板。
03 避开那套"同款"结构
市面上常见的排版,长一个样:开头一个金句卡,章节头是"大数字 + 竖线 + 英文副标",结尾三个图标并排的互动卡。
这一版刻意把这类结构避开了:
章节头是「编号色块 + 标题 + 一条横向分隔线」;金句不单独做卡片,走行内 ==高亮== 或左边一道色条的引用;结尾就是一句引导 + 渐变线 + 签名,纯文字。
==分层靠字号、字重和留白,不靠色块和卡片==。看起来是我自己的东西,不是谁的换色版。
04 实操和观点,两种节奏
文章类型也分了两类,因为这两类读起来完全不是一回事。
tutorial 实操类:步骤自动编号成一条流程,代码块带语言小字,图片带图注。适合写教程。
opinion 观点类:段落间距放宽,引用的话渲染成大字金句行,不加框。适合写复盘、思考。
不指定就用通用。==类型不影响主题,四套皮和两类文章随便组合==。
每一篇都过了兼容性校验再发,确保粘进微信不出错。
05 烦排版的,来找我拿
如果你也一直烦公众号排版——要么手动调到崩溃,要么发出去和别人撞脸——可以来聊聊。
出海群、副业群的朋友,直接找我拿这套就行,我会在群里分享我用的skills(基本是自己做的)。感兴趣的可以进社群领。