SyncCaster：多平台内容分发 Chrome 扩展

本文介绍 SyncCaster，一款用于多平台内容分发的 Chrome 浏览器扩展。它支持从自撰写或网页采集文章，统一转换为 Markdown 格式，通过 DOM 自动化方式将内容一键同步发布到掘金、CSDN、知乎、微信公众号等多个主流平台。

项目简介

SyncCaster 是一个开源的 Chrome 浏览器扩展项目，由 RyanYipeng 开发维护。它解决了内容创作者在多平台发布时需要重复排版、上传图片、调整格式等繁琐操作的问题，通过自动化技术实现一次编写、多平台同步发布。

该项目在 GitHub 上已获得 138 stars，适合需要高效进行多平台内容发布的技术博主和内容创作者使用。

核心特性

多平台支持: 支持掘金、CSDN、知乎、微信公众号、头条号、百家号、网易号等主流平台
Markdown 转换: 自动将内容统一转换为 Markdown 格式，保持排版一致性
网页采集: 支持从网页采集文章内容，自动提取正文
图片处理: 自动处理本地图片上传，支持多平台图床
DOM 自动化: 通过浏览器扩展 API 模拟人工操作，实现自动化发布
自托管支持: 支持自建后端服务，数据完全由自己掌控
Monorepo 架构: 采用现代前端工程化架构，易于扩展和维护

技术栈

前端框架: React + TypeScript
构建工具: Vite
包管理: pnpm + Turborepo
浏览器扩展: Chrome Extension Manifest V3
后端服务: Node.js + Express（可选自托管）

安装指南

从 Chrome 商店安装

访问 Chrome Web Store
搜索 "SyncCaster"
点击 "添加至 Chrome"

从源码安装

bash

# 克隆仓库
git clone https://github.com/RyanYipeng/SyncCaster.git
cd SyncCaster

# 安装依赖
pnpm install

# 构建扩展
cd apps/extension
pnpm build

# 加载扩展
# 1. 打开 Chrome 扩展管理页面 (chrome://extensions/)
# 2. 开启开发者模式
# 3. 点击 "加载已解压的扩展程序"
# 4. 选择 apps/extension/dist 目录

快速开始

基本使用流程

安装扩展: 从 Chrome 商店或源码安装 SyncCaster
登录平台: 在扩展中登录需要发布的各个平台账号
编写/采集内容:
- 在扩展编辑器中编写 Markdown 内容
- 或使用网页采集功能抓取文章内容
一键发布: 选择目标平台，点击发布按钮

支持的发布平台

平台	状态	备注
掘金	✅ 支持	技术社区
CSDN	✅ 支持	技术博客平台
知乎	✅ 支持	问答社区
微信公众号	✅ 支持	需扫码登录
头条号	✅ 支持	字节跳动内容平台
百家号	✅ 支持	百度内容平台
网易号	✅ 支持	网易内容平台

使用示例

场景 1：撰写技术文章并多平台发布

markdown

# 如何使用 React Hooks

React Hooks 是 React 16.8 引入的新特性...

## useState 基础用法

```jsx
const [count, setCount] = useState(0);

text


1. 在 SyncCaster 编辑器中编写上述内容
2. 添加代码高亮和配图
3. 选择发布平台（掘金、CSDN、知乎）
4. 点击"一键发布"

### 场景 2：采集网页文章并转发

1. 在目标网页点击 SyncCaster 图标
2. 选择"采集文章"
3. 自动提取正文内容
4. 编辑并添加自己的评论
5. 发布到指定平台

## 项目结构

SyncCaster/ ├── apps/ │ └── extension/ # Chrome 扩展主程序 ├── packages/ │ ├── shared/ # 共享工具库 │ └── ui/ # UI 组件库 ├── docs/ # 文档 └── scripts/ # 构建脚本