PicFlow 简介
PicFlow 不是Picture Flow（图片流程），而是 文章发布（Publish）、图片管理（Image）、AI创作（Ai）、剪藏（Clip）等在写作和发布过程中遇到问题的一整套全流程内容生产工具。
1. 产品愿景 (Product Vision)
Section titled “1. 产品愿景 (Product Vision)”1.1 核心价值
Section titled “1.1 核心价值”解决 Obsidian 用户在内容生产链路中的割裂感：
- 采集难：网页剪藏格式混乱，图片容易失效（防盗链）。
- 管理难：图床配置繁琐，多环境（公司/个人）切换不便。
- 创作难：缺乏便捷的图片生成、文章润色的功能。
- 发布难：从 Markdown 到公众号/知乎等自媒体平台需要反复排版和手动处理图片。
1.2 核心差异化
Section titled “1.2 核心差异化”- 闭环生态：从“网页剪藏”到“文章改写”到“图床存储”到“一键发布”，全链路打通。
- 去 PicGo 化：无需后台进程，插件内置 SDK 直接上传。
1.3 用户使用场景
Section titled “1.3 用户使用场景”为了覆盖不同用户的需求，插件支持以下组合场景：
- 仅剪藏 (Fetch Only):
- 场景：看到一篇好文章，只想保存到本地 Obsidian，不需要 AI 改写也不发布。
- 流程：输入 URL -> 解析 -> 保存 Markdown (含原图链接或转存 S3)。
- 仅改写 (Rewrite Only):
- 场景：自己写了一段笔记，想用 AI 润色或生成摘要、配图。
- 流程：选中复本 -> AI 润色 -> 替换/追加 -> 插入指定位置。
- 仅发布 (Publish Only):
- 场景：本地已有的笔记，想一键发布到公众号/知乎等自媒体平台。
- 流程：打开笔记 -> 点击发布 -> 选择平台 -> 成功。
- 全流程 (Full Process):
- 场景：搬运 + 自动化运营。
- 流程：输入 URL -> 解析 -> AI 改写 -> 自动发布。
2. 功能介绍（Feature Overview）
Section titled “2. 功能介绍（Feature Overview）”2.1 一发发布支持平台
Section titled “2.1 一发发布支持平台”| 发布平台 | 状态 | 文档 |
|---|---|---|
| 微信公众号 (WeChat MP) | ✅ 已支持。 | |
| Bilibili (专栏) | ✅ 已支持 | |
| 微博头条 (Weibo) | ✅ 已支持 | |
| 知乎 (Zhihu) | ✅ 已支持 | |
| 掘金 (Juejin) | ✅ 已支持 | |
| CSDN | ✅ 已支持 | |
| 小红书 (Xiaohongshu) | 📅进行中 | |
| 简书 (Jianshu) | 📅进行中 | |
| 今日头条 (Toutiao) | 📅进行中 | |
| 百家号 (Baijiahao) | 📅进行中 | |
| 大鱼号 (Dayu) | 📅进行中 | |
| 搜狐号 (Sohu) | 📅进行中 | |
| 一点号 (Yidian) | 💡规划中 | |
| X (Twitter) | 💡规划中 | |
| 语雀 (Yuque) | 💡规划中 | |
| Notion | 💡规划中 | |
| 豆瓣 (Douban) | 💡规划中 | |
| 人人都是产品经理 | 💡规划中 |
2.1 主题 CSS 规则
Section titled “2.1 主题 CSS 规则”请使用以下标准选择器来控制不同元素的样式。插件会自动为内容包裹 .picflow-container 类。
| 元素 | 选择器示例 | 示例 |
|---|---|---|
| 容器 | .picflow-container | font-family, font-size: 16px, line-height: 1.6, text-align: justify (两端对齐), color: #333 |
| 一级标题 | .picflow-container h1 | font-size: 24px, font-weight: bold, border-bottom: 2px solid #07c160, margin: 20px 0 |
| 二级标题 | .picflow-container h2 | font-size: 20px, border-left: 5px solid #07c160, padding-left: 10px, background: #f6f6f6 |
| 三级标题 | .picflow-container h3 | font-size: 18px, font-weight: bold, color: #555 |
| 段落 | .picflow-container p | margin-bottom: 15px, letter-spacing: 0.5px (字间距提升阅读体验) |
| 列表 | .picflow-container ul, ol | padding-left: 20px, margin-bottom: 15px |
| 列表项 | .picflow-container li | margin-bottom: 5px |
| 引用块 | .picflow-container blockquote | border-left: 4px solid #ddd, background: #f9f9f9, padding: 10px 15px, color: #666 |
| 代码块 | .picflow-container pre | background: #282c34, color: #abb2bf, padding: 15px, border-radius: 5px, overflow-x: auto |
| 行内代码 | .picflow-container code | background: #fff5f5, color: #ff502c, padding: 2px 5px, border-radius: 3px |
| 链接 | .picflow-container a | color: #576b95, text-decoration: none, border-bottom: 1px dashed #576b95 |
| 图片 | .picflow-container img | display: block, margin: 20px auto, max-width: 100%, border-radius: 6px, box-shadow: 0 2px 10px rgba(0,0,0,0.1) |
| 加粗 | .picflow-container strong | color: #000, font-weight: bold |
| 表格 | .picflow-container table | width: 100%, border-collapse: collapse, font-size: 14px |
| 表头 | .picflow-container th | background: #f0f0f0, padding: 8px, border: 1px solid #ddd |
| 单元格 | .picflow-container td | padding: 8px, border: 1px solid #ddd |
3. 模式与权益
Section titled “3. 模式与权益”采用 混合付费模式 (Mixed Model)：基础功能免费 + 高级功能按月付费 + AI 按量付费。
权益矩阵 (Feature Matrix)
Section titled “权益矩阵 (Feature Matrix)”| 功能点 | Free (免费版) | Pro (付费版) |
|---|---|---|
| 自动上传本地和线上图片 | ✅ 同Pro版 | ✅ 单个图片/单个MD里多个图片上传 |
| 基础图床 | ✅ 同Pro版 | ✅ S3, GitHub, WebDAV, SFTP |
| 图片处理 | ✅ 压缩, 水印 | |
| 图床资产管理 | ✅ 查看、复制 | ✅ 图床图片的管理（关联图床删除） |
| 全库图床迁移 | ✅ 本地/线上图床全部迁移到线上 | |
| 网页剪藏 | ✅ 网页剪藏 | |
| AI 创作 | ✅ 生成文字和图片 (消耗 Token，Pro到期后也可用) | |
| AI 主题提取 | ✅ 逆向分析排版，生成 CSS 主题 (消耗 Token，Pro到期后也可用) | |
| 一键发布 | ✅ 复制格式 | ✅ 一键推送 |
| 多账号管理 | ✅ 同Pro版 | ✅ 多平台多账号管理 |
| 自定义微信样式 | ✅ 同Pro版 | ✅ 自定义css主题样式 |
| Front-matter模板 | ✅ 同Pro版 | ✅ 自定义新建文档的 Front-matter |
注意: ai功能会消耗 Token，订阅过期后只要有足够的 Token 余额，Ai功能依然可以继续使用。