文章AI改写&排版助手 · 使用教程
一句话说明：你写 Markdown（或者把文章贴进来），它给你套上 102 套专业排版， 点一下「一键复制发布」，直接粘到公众号后台就是排好版的样子——不用手动调样式。
这个工具不写文章，它只管排版。 它把「Markdown 文本」翻译成「带内联样式的 HTML」， 因为微信公众号编辑器只认内联样式。
一、5 分钟上手
只有三步：
- 左侧画布写内容——自己写 Markdown，或者把写好的文章直接粘进来。 不清空也行，画布上本来就有一篇示例，看着它改最快。
- 右侧选模板——在「✨ 主题模板」里挑一套喜欢的风格，预览会立刻变。
- 点右上角「一键复制发布」——提示「已复制！可直接粘贴到微信后台」之后，
去公众号后台的正文区按
Ctrl+V（Mac 是⌘V）。
建议先按上面走一遍完整流程，拿到一次成功体验，再回来看下面的细节。
📱 在手机上操作：界面会变成「编辑 / 预览 / 样式 & 模板」三个 Tab， 步骤一样、只是要切 Tab。完整流程见 第九节。
二、界面速览
页面从左到右分三块（手机上是三个 Tab，见第九节）：
| 区域 | 位置 | 作用 |
|---|---|---|
| 手机预览 | 左侧 | 模拟 iPhone 外观，实时显示排完版的样子。这才是最终效果，复制出去的就是它 |
| 画布 | 中间 | 你写／贴内容的地方。所见即所得地编辑 Markdown |
| 样式 & 模板 | 右侧 | 选模板、调字号行高、开关「预览跟随画布」 |
顶栏五个按钮：
| 按钮 | 作用 |
|---|---|
| 使用教程 | 就是这一页 |
| 参数配置 | 配置 AI 平台（扣子／元宝）的 Token 等，只有用「AI 改写」功能才需要 |
| 一键复制发布 | 复制排好版的 HTML，去公众号后台粘贴 |
| 保存 | 把当前文章存到浏览器本地（历史里能找回） |
| 历史 | 查看之前保存的文章，最多 5 篇 |
预览区右上角有个小叉，可以把它收起来腾出空间；收起后左侧会出现一个竖条按钮点开。
三、画布怎么写
3.1 直接打字，或者直接粘
画布是所见即所得的编辑器，支持标准 Markdown。从别处复制的文章可以直接 Ctrl+V 粘进来，
标题、列表、加粗这些格式会自动识别。
3.2 斜杠菜单：打 / 就能插入元素
在空行打一个 /，会弹出快捷菜单（支持继续打字筛选）。一共 14 项：
| 菜单项 | 得到的效果 |
|---|---|
| 文本 | 普通段落 |
| 一级 / 二级 / 三级标题 | # / ## / ### |
| 有序列表 | 1. 2. 3. |
| 无序列表 | - 开头的圆点列表 |
| 代码块 | 灰底等宽字体块 |
| 引用 | 左侧竖线的引用段落 |
| 分隔线 | 一条水平分割线 |
| 表格 | 插入一个 3 行 3 列、自带表头的表格 |
| 加粗 / 斜体 / 删除线 | 行内样式 |
| 行内代码 | code 这种小灰底片段 |
3.3 支持的 Markdown 语法
| 写法 | 效果 |
|---|---|
# 标题 |
一级标题（文章大标题，建议整篇只写一个） |
## 章节 |
二级标题。组件主题靠它分章，所以很重要 |
### 子标题 |
三级标题 |
**加粗** / *斜体* |
行内强调 |
~~删除线~~ |
删除线 |
`行内代码` |
行内等宽片段 |
> 引用 |
引用块 |
- 项目 / 1. 项目 |
无序 / 有序列表 |
- [ ] 待办 |
任务列表（带勾选框） |
--- |
分隔线 |
 |
插入图片 |
| 列一 | 列二 | |
表格 |
==高亮文字== |
金句高亮（不是标准 Markdown，但本工具支持） |
3.4 ==高亮==：把金句标出来
在你想要突出的那句话两侧各写两个等号，例如：
==排版不是装饰，它是信息层级本身。==
三条渲染管线都认这个写法，会按当前模板的主色给你加上高亮底。
⚠️ 代码块和行内代码里的
==（比如if (a == b)）不会被当成高亮，放心写代码。
3.5 画布工具条上的四个按钮
画布左上角那一排（标着「MD语法（/ 唤醒快捷菜单）」的旁边）：
| 按钮 | 作用 |
|---|---|
| 输入AI内容 | 打开 AI 改写弹窗，见第七节 |
| 对比原文 | 查看 AI 改写前后字符级的红绿对比（红＝删除，绿＝新增）。没做过 AI 改写会提示你先用 AI |
| 恢复示例内容 | 把画布恢复成内置的示例文章。会覆盖当前内容，先保存或复制 |
| 清空画布 | 清空正文、封面文案、已插入的图片。会弹确认框，之后从零开始贴自己的文章 |
四、图片怎么处理
4.1 插入图片
直接把图片复制粘贴到画布上就行（截图、网页图片都可以）。插进来的图片会存在本地， 不会上传到任何服务器。
也可以用  的写法引用网络图片。
4.2 调整图片大小
点一下图片选中它，画布上方会出现一条「图片宽度」设置条：
| 做法 | 说明 |
|---|---|
| 点预设按钮 | 25% / 50% / 75% / 100% 四个快捷值，最省事 |
| 拖图片四角 | 自由缩放（手机上不推荐，手指容易拖偏） |
| 填自定义 | 输入框直接填数字，5 – 100，超出会自动夹到边界 |
宽度按百分比存储，所以在画布里看着正好的宽度，到公众号里也是同样的比例。 （这也是为什么不存像素——手机和公众号两边的显示宽度本来就不一样。）
4.3 一行放多张图
在同一行里连着写多张图片，就会自动排成并排的一行：
  
注意：必须写在同一行。分两行写就是上下两张竖排——这是刻意区分的，不是 bug。
一行建议 2–3 张，太多在手机上每张会小到看不清。
五、模板怎么选（102 套）
「✨ 主题模板」面板上方有一排分类标签，一共 7 类、102 套：
| 分类 | 套数 | 风格 | 适合 |
|---|---|---|---|
| 极简风 | 10 | 圆点、细边框、留白多 | 日常阅读、干货文 |
| 商务风 | 10 | 方块标识、实底色块 | 行业报告、商务分析 |
| 文艺风 | 10 | 花朵图标、居中、衬线字 | 散文、情感文 |
| 科技风 | 10 | 尖角、/> 终端标识 |
产品评测、技术解读 |
| 节庆风 | 10 | 星星、浓烈色块 | 节日推文、活动通告 |
| 视觉皮肤 | 29 | 独立设计语言，整篇皮肤 | 想要的是一套完整「视觉气质」 |
| 组件主题 | 23 | 组件化装配，带封面和文末卡片 | 有封面／署名／互动区的完整稿 |
怎么选
- 拿不准就从「极简风」开始，最不挑内容。
- 想要强烈风格就翻 视觉皮肤，29 套差异很大。
- 需要封面、文末署名、互动区这类完整结构，选 组件主题（带 VIP 角标）。
组件主题的两个特殊之处
- 封面和文末是「作者区」。里面的创意文案（标题、作者名、简介等）
机器推不出来，会以
{{占位符}}的形式留在画布上，由你点着改——见第六节。 - 它靠
##二级标题分章。想让它分出章节，就用##写章节标题。
六、组件主题的封面 / 文末怎么填
选了组件主题的模板时，画布上方会出现「🎨 封面文案」面板，下方会出现「🎨 文末签名」面板。
- 点面板里的虚线处直接打字即可，改完预览和复制结果同步变。
- 填完的内容会存起来，和 Markdown 正文是分开的。
- 留空＝不填：复制出去的 HTML 里会重新露出
{{占位符}}，提醒你这块还没写完。
没有封面面板是正常的——只有部分主题有封面组件。
七、细节微调
右侧面板下半部分有两个滑块：
| 滑块 | 范围 | 默认 | 建议 |
|---|---|---|---|
| 正文字号 | 14 – 20 px | 16 | 公众号正文一般 15–16px；给中老年读者看可以调到 17 |
| 行高间距 | 1.5 – 2.2 | 1.8 | 1.75–2.0 最舒服；太密显挤，太疏显散 |
两个滑块三条渲染管线都生效（包括组件主题）。
「预览跟随画布」开关：开启后滚动画布，预览会跟着走；预览区可以单独滚动，不受影响 （单向同步，这样你滚预览看效果时画布不会被拽走）。手机上不显示这个开关。
八、保存与历史
- 点「保存」或「一键复制发布」都会把当前文章存到浏览器本地（
localStorage）。 - 点顶栏「历史」可以查看、载入之前存的文章，最多保留 5 篇，超出的会被顶掉。
- 保存的内容包括正文、模板、字号行高、封面／文末文案。
⚠️ 存在浏览器本地意味着：换浏览器、换设备、清理浏览器数据都会丢。 重要的稿子请自己另外备份一份。
九、手机上怎么用
手机上没有三栏并排，改成顶部三个 Tab 切换——「编辑 / 预览 / 样式 & 模板」， 一次只显示一块。
9.1 手机上的完整流程
- 「编辑」Tab（打开就是它）——写内容，或者把文章直接粘进来。 画布上方那排按钮在手机上会折成两行：「输入AI内容 / 对比原文 / 恢复示例内容」 一行，「清空画布」另起一行。
- 「样式 & 模板」Tab——先点分类标签（极简风 / 商务风 / 文艺风 / 科技风 / 节庆风 / 视觉皮肤 / 组件主题），再点下面的模板卡片。选完顺手把「正文字号」「行高间距」 两个滑块拉一下。
- 「预览」Tab——从头滑到底，确认没有溢出、没有漏图、图片都正常显示。
- 点顶栏「复制发布」——看到提示「已复制！可直接粘贴到微信后台」。
- 切到微信，进公众号的图文编辑页——光标放进正文区，长按 → 粘贴。
- 粘贴完在手机上再翻一遍，确认版式和图片都对，再发。
💡 三个 Tab 只是切换显示，不会丢内容，来回切随便点。 「编辑」看完想去「预览」确认一下，再切回来接着改，都是安全的。
9.2 顶栏按钮在手机上变短了
| 电脑上 | 手机上 |
|---|---|
| 使用教程 | 教程 |
| 参数配置 | 配置 |
| 一键复制发布 | 复制发布 |
| 保存 | 只剩一个书签图标 |
| 历史 | 只剩一个时钟图标 |
按钮一行放不下时会自动换行到第二行（320–390px 宽的手机上会这样）， 这是正常的自适应，不是布局坏掉。
9.3 手机上特别值得注意的几点
- 改图片宽度请用预设按钮，别拖四角。点一下图片，设置条里点 「25% / 50% / 75% / 100%」就行——手指拖图片四角很容易拖偏。
- 手机上不显示「预览跟随画布」开关（那是桌面端专属）。手机里预览本来就是独立滚动的。
- 滑块用手指拖不好控制，可以按住慢慢挪；两个滑块的范围是 字号 14–20px、行高 1.5–2.2。
- 横竖屏都能用，但竖屏更接近读者的真实观感，排版时建议保持竖屏。
- 「复制发布」和「保存」建议都点一下：复制是为了发出去，保存是为了以后能找回来。
十、复制到公众号
- 点顶栏「一键复制发布」。
- 看到提示「已复制！可直接粘贴到微信后台」。
- 打开公众号后台的图文编辑页，把光标放进正文区，粘贴：
- 电脑上：按
Ctrl+V（Mac 是⌘V） - 手机上：在「订阅号助手」App 里进图文编辑，长按正文区 → 粘贴
- 电脑上：按
- 版式会直接带过来。
📱 手机上也能走这条路（浏览器里复制 → 切到「订阅号助手」App 长按粘贴）， 但排版效果最好在电脑上确认：手机屏幕窄，看不出溢出、多图并排挤没挤这类问题。 我们的建议是电脑上复制粘贴、手机上只做最后一遍检查。
注意事项：
- 一定要粘到正文区，别粘到标题栏。
- 文章标题在公众号后台是独立的输入框，不在正文里。部分主题会在正文顶部生成一个标题块， 如果你不想重复，把它删掉即可。
- 粘贴后请检查一遍图片。图片在工具里是本地内嵌的，粘到公众号后确认都能正常显示， 必要时用公众号自带的图片上传替换。
- 如果提示复制失败，可以手动在预览区全选复制。
- 微信不吃
<style>标签和 CSS class，这也是本工具把所有样式都写成内联样式的原因。
十一、AI 改写（可选功能）
工具内置了一个「把文章丢给 AI 改写」的入口，它需要你先配置一个自己的 AI 智能体。
11.1 先配置参数
点顶栏「参数配置」：
| 字段 | 说明 |
|---|---|
| AI 平台 | 选 扣子 (Coze) 或 元宝 (Yuanbao)，按你搭智能体的平台选 |
| 配置名称 | 自己起个名，比如「我的改写助手」 |
| 扣子 | Token (访问令牌) / Bot ID (智能体ID) / User ID (用户名) |
| 元宝 | AppKey (访问密钥) / AppID (智能体ID) / Username (用户名) |
可以保存多套配置、设默认、删除。「配置名称」就是给这个用的—— 配置多套不同用途的智能体，就能一键快速切换（改写风格 A／风格 B／去 AI 味……）。
怎么从零搭一个扣子智能体、拿到 Token 和 Bot ID，见 《扣子智能体搭建教程》（含每一步的截图）。 元宝那边同理，思路一样：建智能体 → 发布拿到密钥 → 填到这里。
11.2 使用
- 画布上方点「输入AI内容」。
- 在弹窗里粘贴原文（或者直接用画布里的内容）。
- 点处理，等 AI 返回——结果会直接应用到画布。
- 想看看改了哪里，点「对比原文」，会打开字符级红绿对比。
这个功能只是「调用你自己配的智能体」，工具本身不提供 AI。没配参数时会提示你先去配。
十二、常见问题
| 问题 | 原因 / 处理 |
|---|---|
| 复制过去没有版式 | 确认粘到了正文区；确认复制时看到成功提示；实在不行在预览区手动全选复制 |
| 表格在预览里变成一串文字 | 属于个别模板的已知问题，换一套模板试试 |
| 图片宽度调了没反应 | 先点一下图片选中，设置条才会出现；宽度存在百分比上，画布和公众号里比例一致 |
| 组件主题的封面文案改不动 | 要点虚线处直接打字；不在「封面文案」面板里的内容属于正文，在画布里改 |
| 换模板后封面没了 | 只有部分组件主题有封面组件；换到没有封面的主题，封面面板会消失 |
| 历史里找不到之前的文章 | 最多存 5 篇，更早的被顶掉了；且只存在当前浏览器里 |
| 手机上顶栏按钮排成两行 | 正常的自适应 |
| 手机上找不到「保存」和「历史」 | 它们只剩图标了：书签图标是保存，时钟图标是历史 |
| 手机上切 Tab 会不会丢内容 | 不会。三个 Tab 只是切换显示，内容一直在 |
==高亮== 没生效 |
确认是两个等号、且不在代码块里 |
十三、排版小建议
- 一篇只写一个
#一级标题，其余用##。组件主题就是按##分章的。 - 金句用
==…==标，比加粗更能拉开层次。 - 正文字号 15–16px、行高 1.8 是公众号最稳的组合。
- 图片别太大：手机屏宽就那么点，一行最多三张。
- 模板风格和内容要匹配：商务内容配节庆风会显得不专业。
- 排完先在预览里从头翻到底，确认没有溢出、没有漏图，再复制。