SyncCaster 是一款用于多平台内容分发的 Chrome 浏览器扩展,支持从自撰写/网页采集文章并统一转换为 Markdown,通过 DOM 自动化方式将内容一键同步发布到掘金、CSDN、知乎、微信公众号等多个主流平台,适合需要高效进行多平台内容发布的技术博主和内容创作者。
项目地址:SyncCaster文章同步助手
🔒 扩展完全本地运行,不收集、不存储任何用户信息
✨ 特性
- 📝 内置 Markdown 编辑器,支持实时预览
- 🔍 智能采集任意网页文章内容
- 🚀 一键同步到 17+ 主流博客平台
- 🔐 自动检测各平台登录状态
- 📁 同步的标签页自动归入分组,便于管理
- 🎨 微信公众号同步时完整保留渲染样式
- 🧮 支持 LaTeX 数学公式渲染
🌐 已支持的平台
| 平台 | Markdown | LaTeX | 备注 |
|---|---|---|---|
| 掘金 | ✅ | ✅ | |
| CSDN | ✅ | ✅ | |
| 博客园 | ✅ | ✅ | 需开启数学公式支持 |
| 51CTO | ✅ | ✅ | |
| 腾讯云 | ✅ | ✅ | |
| 知乎 | ✅ | ✅ | 富文本编辑器 |
| 简书 | ✅ | ✅ | |
| 阿里云 | ✅ | ✅ | |
| 思否 | ✅ | ✅ | |
| 哔哩哔哩 | ✅ | ✅ | |
| 微信公众号 | ✅ | ✅ | 富文本编辑器,支持主题样式 |
| 开源中国 | ✅ | ✅ | |
| 今日头条 | ✅ | ✅ | 富文本编辑器 |
| InfoQ | ✅ | ✅ | |
| 百家号 | ✅ | ✅ | 富文本编辑器 |
| 网易号 | ✅ | ✅ | 富文本编辑器 |
| Medium | ✅ | ✅ | 英文平台 |
🛠️ 技术栈
- 前端框架: Vue 3 + TypeScript
- 构建工具: Vite + pnpm (monorepo)
- UI 框架: Naive UI + UnoCSS
- 数据存储: IndexedDB (Dexie.js)
- Markdown: marked + highlight.js + KaTeX + Mermaid
- 扩展 API: Chrome Extension Manifest V3
🚀 快速开始
方式一:下载预构建包(推荐)
适合普通用户,无需安装任何开发工具。
- 前往 Releases 页面 下载最新版本
- 下载
Source code.zip文件 - 解压 ZIP 文件到任意文件夹(如
D:\SyncCaster) - 打开 Chrome,访问
chrome://extensions/ - 开启右上角的 开发者模式
- 点击 加载已解压的扩展程序
- 选择刚才解压的文件夹
提示:解压后的文件夹请勿删除,Chrome 需要持续访问该目录。
方式二:从源码构建
适合开发者或需要自定义修改的用户。
环境要求
- Node.js 18+
- pnpm 8+
构建步骤
克隆仓库
git clone git@github.com:RyanYipeng/SyncCaster.git
cd SyncCaster
安装依赖
pnpm install
构建扩展
pnpm build
加载本地扩展
- 打开 Chrome,访问
chrome://extensions/ - 开启右上角的 开发者模式
- 点击 加载已解压的扩展程序
- 选择
apps/extension/dist目录
开发者命令
pnpm dev # 开发模式(热更新)
pnpm test # 运行测试