对于写公众号来说，排版的重要性简直太要命了。如果没有一个好的排版，即使这篇文章非常硬核，也像是在牛粪上长出来的一朵花。
之前发了个投票，让大家评选我之前的排版情况，结果普遍认为不行。
一开始用过 mdnice。优点很明显，模板多，一键渲染，初始体验确实不错。你把 Markdown 往里一贴，右边效果就出来了，刚开始会有一种"还可以"的感觉。
但用久了以后，问题也出来了。
模板风格比较固定，想细调就不太顺手；每次渲染也容易变慢；更重要的是，预览的时候是一回事，复制到公众号里又是另一回事。
后来又用过 md.gzcx.net。这个工具的好处是可以自定义 CSS，短期内挺爽。你想调字号、调间距、调标题样式，都能自己写。
但问题是，长期维护一套公众号 CSS，真不是啥轻松活。
今天调一下引用块，明天表格又不舒服；这篇文章代码块多，那篇文章图片多；再加上微信公众号编辑器自己还会过滤一部分样式，最后就变成了：我明明是在写文章，结果每天都像是在调兼容性 bug。
这您受得了吗。
所以针对这两个工具的痛点，下决心写了一个我自己的排版工具 --- layweout。
layweout 是什么
Layweout 这个名字来自 layout + we。
layout 是布局排版，we 是微信公众号，也是我们的意思。合起来就是一个专门给公众号场景做排版输出的工具。
这个名字我自觉有点小聪明，但还算逻辑自洽。
现在的工作流大概是这样：
左边是样式区，选择文章模板。
中间是文本区，可以输入 Markdown、HTML，也可以直接粘贴富文本。
右边是手机端阅读预览，用来快速判断排版节奏。
最后点击复制，工具会重新生成一份适合公众号编辑器粘贴的内联样式 HTML。
比如我用"大号科技风"复制到公众号是这样的。
这里有个很关键的点：
Layweout 不直接复制预览 DOM。
因为浏览器预览和公众号编辑器根本不是一个环境。
浏览器里能跑的 CSS，公众号编辑器不认识。你在预览区看着背景、渐变、圆角、边距都挺好，粘进去以后可能直接没了。
所以 Layweout 的核心逻辑不是"把右边预览复制过去"，而是：
说白了，预览是给人看的，导出是给公众号编辑器看的。
这俩不能混在一起。
Layweout 现在内置了 36 套带独立导出 profile 的模板，按出版、科技、品牌生活、配色方案分组。
给大家看一下渲染的效果：
这些模板不是简单换颜色。
每套模板都有自己的 tokens，比如：页面背景、正文颜色、强调色、引用块背景、代码块颜色、表格样式、字体、行高、间距、外层容器背景。
大概率会有你喜欢的风格。
关于 Logo
就在开发 Layweout 的过程中，图像生成工具也刚好变得更能用了。
于是我抽了一天，算是给这个工具认真做了一下 Logo。
这个过程也挺有意思。
一开始我想得很复杂。
既然叫 layweout，那是不是应该有一个 L，还要有 layout 的感觉，最好还能带一点微信公众号排版的含义。
然后越想越离谱。
如果把所有含义都塞进去，最后一定会变成一个很努力很臃肿而且很难看的图标。
后来我就把思路收窄了。
它不需要解释所有东西，只要让人一眼觉得：这是一个和排版、文本、流动有关的工具。
所以最后保留的是几条横向的彩色排版线。
它有点像文章里的段落，有点像模板色板，也像是一行行的文章，然后加上模板色系的风格。渐变代表着从无到有。
我思来想去，觉得这个 logo ，看起来像那么回事儿了。
这个 Logo 不算特别严肃。
但我觉得它和 Layweout 的气质是匹配的。
因为这个工具本身也不是一个很重的后台系统，它更像一个写作者桌面上的小工作台。
我不希望它长得太企业服务，也不希望它像一个纯代码工具。
它应该轻一点，亮一点，但又不能花到影响写作。
这个平衡其实挺难。
这和排版其实是同一个道理。
不要把所有东西都强调。
重点越多，重点就越少。
排版工具的思考
mdnice 这类工具当然不是不好。
它适合快速排版，适合不想折腾的人。模板一选，文章一贴，基本就能出稿。
但它对我来说还是太重了，我从写完文章到排版再到发布，经过的流程杂且繁琐。而且主题模板的样式也让我感觉到不适应。
我的问题是，我写的东西有的时候又臭又长，有的时候又很短。
有时候像人在说话，有时候又像刚从 AI 里捞出来，还没拧干。
而且我写的内容类型又不固定。有时候是 AI 工具体验，有时候是技术踩坑，有时候是产品思考。里面可能有代码块、表格、引用、截图、列表、分割线。
所以我觉得很多排版工具从格式上来说，并不能满足我的真实体验。
我对排版工具的要求其实就三条：
第一，正文要舒服。 公众号大部分阅读都发生在手机上，正文的字号、行高、段间距，比花哨的标题重要多了。
第二，复杂元素不能炸。 代码块、表格、引用块、图片说明，这些东西一旦出问题，整篇文章立刻显得很业余。
第三，复制到公众号以后不能大变样。 预览再好看，粘进去崩了，那都是白搭。
现成工具最大的问题，就是第三点。
它们通常更重视预览效果，但对"公众号编辑器到底认不认这份 HTML"这件事，处理得不够彻底。
而 Layweout 反过来想。
先保证粘进去稳，再谈样式好不好看。
这个顺序很重要。
Layweout 到底解决了什么
如果只是说"我又写了一个公众号排版工具"，其实没什么意思。
这个方向已经有人做了。
而且做得还不少。
所以我真正想解决的不是"再造一个 mdnice"，而是解决我自己在长期写作里碰到的几个具体问题。
本地工作台：内容先归我。 文章不该一开始就被平台绑住。Layweout 接受 Markdown、HTML 或富文本，只负责把它整理成公众号可发布的样子。原稿就是原稿，发布只是最后一步。
预览和导出分开。 浏览器预览和公众号编辑器是两套环境。预览帮你看节奏，导出则单独生成一套最稳妥的内联样式 HTML。预览可以漂亮，导出必须老老实实。
模板不是堆装饰。 一篇文章里有标题、引用、代码、表格，它们得保持同一种阅读节奏。Layweout 用 tokens 管基础变量，profile 管元素输出，让模板是一套规则，而不只是一张皮。
公众号兼容是硬指标。 做了很多不性感的事：全内联样式、背景兜底、引用块降级为更稳定的表格结构......它们不会让截图更惊艳，但能让你粘贴后不用再跟编辑器斗智斗勇。能稳定落地，比花哨重要得多。
确实好看
我觉得 Layweout 这里面的 CSS 样式其实挺深得我心，它能和市面上一些其他的模板工具分开来，保持独特性和新颖。
最后，它减少了我的心理负担。 以前写完文章，心里还有一道坎：排版、复制、检查代码块。现在这些都由工具处理。我只需要判断文章适合哪种阅读气质，选模板，预览，复制。这就够了。
最后
排版这事，说小也小。
它不像模型能力，不像产品架构，不像数据库性能，看起来没那么硬核。
但对内容创作者来说，它非常现实。
一篇文章写得再认真，如果排版乱七八糟，读者的阅读成本会立刻升高。
尤其公众号这种场景，大部分人都在手机上看。
屏幕就那么大。
正文挤一点，标题重一点，引用块乱一点，读者可能就划走了。
所以我现在越来越觉得：
排版不是装饰，排版是内容的交付方式。
Layweout 做的事情，本质上就是把这条交付链路变稳定。
从输入，到预览，到模板，到复制，到公众号编辑器，每一步都尽量收敛。
不追求花哨。
先追求稳定。
稳定之后，再追求好看。
这也是我现在做工具越来越明确的一个判断：
好工具不是把所有选项都摊开给用户，而是把复杂性消化掉，然后给用户一条最顺的路。
Layweout 现在还不算完美。
但至少它已经解决了我最头疼的问题：
文章写完以后，我不用再和公众号编辑器斗智斗勇了。
这就已经很值了。
最后，欢迎体验 layweout.vercel.app/ ，希望你不再因为排版而焦虑。