作品详情／ CASE STUDY · 01

对不齐Misaligned

公众号推文「一键排版」网页工具——左边写，右边实时预览，写完一键复制就能直接粘进公众号后台发布。

主视觉截图占位
建议放：左写右预览的整体界面（16:9）

是什么 · 为什么做

OVERVIEW

写公众号最头疼的从来不是写内容，而是排版：选字体、调行距、放图、突出标题……一篇文章光排版就要耗掉一两个小时。

「对不齐」让你只管写，把内容分成标题 / 正文 / 图片 / 引用这样的「块」，工具按选定风格自动排好版，一键复制即可发布。口号就是那句自嘲——「对不起，你的排版对不齐！」

FEATURES

杂志、报纸、便签三种内置风格；还能让 AI 按描述或参考图生成专属模板，导入后变成新的可选风格。

标题 / 正文 / 引用 / 图片等内容块，支持拖拽排序、多选批量删除复制改层级。

同时写入 HTML 与纯文本，公众号能识别成带格式的正文，而不是一堆源代码。

支持导入 Markdown / 文本 / HTML，也能导出后重新载入继续编辑，三种格式自由进出。

字色 / 背景 / 点缀三色实时调，每种风格自带预设，所见即所得。

编辑内容自动存本地，刷新关页也能恢复；撤销重做覆盖内容、配色、层级等操作。

功能截图 ①
左写右预览

功能截图 ②
三种模板效果

功能截图 ③
配色面板

DEEP DIVE

公众号粘贴 HTML 时会把 <div> 连同样式整个剥掉，彩色块、卡片全丢。我定位到这条「红线」后，把所有模板的容器一律改用 <section>，排版样式才能完整保留——这是这类工具能成立的核心 know-how。

R2 即使有免费额度也强制绑银行卡，普通用户用不了；KV 含在免费计划、无需绑卡，还原生支持给每个键设过期时间，正好满足「上传图片约 12 小时自动过期」的需求。技术选型服务于真实用户。

用 Vitest + 属性测试把「块内换行」与「块间分界」严格区分，解决了「导出再导入会把一块错拆成多块」的 bug，并用测试锁死。整个项目纯 HTML/CSS/JS、零依赖、单文件即产物。

想看看它怎么用？