AI 写作排版系统：3 分钟完成公众号排版
一套完整的 AI 写作系统：给个主题思路，直接出完整文章——排版、配图、风格，全部自动搞定。
系统介绍
这套系统可以实现：
写文章 → 一键排版 → 自动上传图片 → 复制粘贴到公众号 → 发布
解决什么问题
1. 一图说清复杂逻辑
用 AI 梳理文章里的复杂逻辑，自动生成可视化配图。
例如，把这样的文字描述：
发布内容 -> 看数据 -> 分析原因 -> 更新方法 -> 发布内容变成这样的可视化流程图：
2. AI 编程，个性化排版
每个图片可以自动添加头像和水印，增加辨识度。
3. 一键整理，自动出稿
按照预设的写作提示词，AI 直接整理成完整文档。
整体流程
(Markdown)
(自动上传)
(排版插件)
(粘贴发布)
需要的工具
必需工具
可选工具
第一步：下载 Obsidian
Obsidian 是一款本地化的 Markdown 写作编辑器。
软件安装完成，接下来安装插件。
第二步：安装插件
使用 AI 编程工具（Claude Code 或其他），在 Obsidian 笔记库目录下运行以下提示词：
帮我安装 AI 写作插件：
1.克隆 https://github.com/Ceeon/ai-writing-plugins 到临时目录
2.确保当前目录有 .obsidian/plugins/ 文件夹（没有就创建）
3.把 obsidian-apple-style 和 obsidian-image-uploader 复制到 .obsidian/plugins/
4.告诉我怎么配置 PicGo 的 GitHub 图床
5.告诉我怎么启用插件插件说明：
• obsidian-apple-style — 排版插件，一键转公众号格式
• obsidian-image-uploader — 图片上传插件，粘贴图片自动上传到图床
使用其他 AI 编程工具
Cursor、Windsurf、Trae 等带 IDE 的工具也能使用：
- 用 Obsidian 打开笔记库目录
- 用 AI 工具打开同一个目录
- 把上面的提示词发给 AI
核心是让 AI 能访问 .obsidian/plugins/ 文件夹。
第三步：配置 PicGo 图床
图床让图片有固定网址，这样公众号才能正常显示图片。
这一步配置较长，但只需配置一次，后续使用非常方便。
- 仓库名：你的用户名/图床仓库名（如 Chengfeng/pic）
- 分支：main（默认）
- Token：需要去 GitHub 获取
选择第二个按钮（Fine-grained tokens）：
填写 Token 信息并设置权限：
滑到底部点击保存：
复制生成的 Token：
图床配置完成！以后在 Obsidian 里粘贴图片，会自动上传到 GitHub。
第四步：启用插件并使用
启用插件
使用排版插件
基础配置完成！写文章 → 一键排版 → 粘贴发布，整个流程已跑通。
进阶玩法
进阶一：让 AI 按你的规范写作
可以使用提示词模板，让 AI 按照你的写作结构规范写作。把以下内容发给 AI：
# 写作结构规范
## Markdown 格式
1.**三级标题**：只用 H1/H2/H3，不用 H4/H5/H6
2.**句子换行**：用 `///`（除序号列表、一问一答等紧密关联内容外）
3.**有序列表**：数字后无空格（`1.项目` 不是 `1. 项目`）
## 换行符说明
`///` 是自定义换行符，插件会自动转换为 HTML 的 `
` 标签。
为什么不用 `---`？因为 Markdown 会把它解析成水平线 `
`。
## 检查清单
- [ ] 只用 H1/H2/H3？
- [ ] 句子之间用 /// 换行？
- [ ] 有序列表无空格？
## 常见错误
❌ H4/H5/H6 → 改用 H3
❌ 用 --- 换行 → 改用 ///
❌ 1. 项目（有空格）→ 1.项目（无空格）想更进一步？可以把提示词保存成 Skills 文件，参考 Skills 完整指南
进阶二：用 Nano Banana Pro 生成逻辑图
遇到复杂逻辑时，可以用 AI 生成配图。
操作步骤：
- 把逻辑写成文字或 ASCII 图
- 粘贴到 Nano Banana Pro
- 添加提示词，如「插画风」
示例效果：
进阶三：用 AI 定制头像和排版风格
排版插件的样式可以通过 AI 对话修改，无需懂代码。
修改头像：
帮我修改排版插件的头像：
1.打开 .obsidian/plugins/obsidian-apple-style/themes/apple-theme.js
2.找到头像图片的 URL
3.替换成我的新头像地址：[粘贴你的头像链接]修改排版风格：
帮我修改排版插件的样式：
1.打开 .obsidian/plugins/obsidian-apple-style/styles.css
2.我想要：
- 标题颜色改成深蓝色
- 正文字号改成 16px
- 段落间距再大一点AI 会帮你找到对应的代码并直接修改。不满意可以继续对话调整。
这就是 AI 编程的好处——不用懂代码，用自然语言描述需求就行。
有问题？扫码联系
← 返回首页