公众号文章同步助手

一个浏览器插件，用于在公众号文章页面自动显示同步按钮，支持一键同步到多个平台。

功能特性

• 📤 在公众号文章页面自动注入同步按钮
• 🔄 支持一键同步到多个平台
• ✅ 支持平台勾选选择
• 🎨 美观易用的UI界面

支持的平台

• 📝 CSDN
• 🏫 博客园
• 🧠 知乎
• 📰 今日头条

安装方法

Chrome浏览器

1. 打开Chrome浏览器，输入 chrome://extensions/ 进入扩展管理页面
2. 开启右上角的「开发者模式」
3. 点击「加载已解压的扩展程序」
4. 选择插件项目文件夹（包含manifest.json的目录）
5. 插件安装完成，会在浏览器右上角显示图标

Edge浏览器

1. 打开Edge浏览器，输入 edge://extensions/ 进入扩展管理页面
2. 开启左侧的「开发者模式」
3. 点击「加载已解压的扩展」
4. 选择插件项目文件夹（包含manifest.json的目录）
5. 插件安装完成，会在浏览器右上角显示图标

使用方法

1. 打开任意公众号文章页面（URL包含 mp.weixin.qq.com/s）
2. 页面右上角会自动显示「同步到其他平台」按钮
3. 点击按钮，选择要同步的平台（默认全选）
4. 点击「开始同步」按钮，插件会自动处理同步过程

实现原理

1. 内容脚本注入：通过manifest.json配置，在公众号文章页面自动注入content.js和content.css
2. 页面元素识别：在公众号文章页面识别并提取文章标题、作者、发布时间和正文内容
3. 平台选择：提供直观的平台选择界面，支持多选
4. 同步处理：对每个选中的平台执行同步操作

作者介绍

欢迎关注我的微信公众号 编程乐趣。

技术交流

也可扫下面二维码，加我个人微信，备注：加群，拉你进技术交流群，与更多程序员，交流开源项目和编程知识。

开发说明

项目结构

OneClick/
├── manifest.json      # 插件配置文件
├── popup.html         # 插件弹出页面
├── README.md          # 说明文档
├── images/            # 图片资源目录
│   ├── icon16.png     # 16x16像素图标
│   ├── icon48.png     # 48x48像素图标
│   ├── icon128.png    # 128x128像素图标
│   └── logo.svg       # Logo文件
├── css/               # 样式文件目录
│   └── content.css    # 内容脚本样式文件
└── js/                # JavaScript文件目录
    ├── content.js     # 内容脚本，核心功能实现
    └── background.js  # 后台脚本

主要功能模块

1. 页面检测：检测当前是否在公众号文章页面
2. UI注入：在页面中注入同步按钮和平台选择面板
3. 内容提取：从页面中提取文章内容
4. 平台同步：将文章内容同步到各个平台

实际同步实现指南

当前版本提供了模拟同步功能。要实现实际同步，需要：

1. 登录状态检查：检测用户是否已登录目标平台
2. 编辑器页面跳转：打开目标平台的编辑器页面
3. 内容自动填充：使用JavaScript自动填充标题和内容
4. 发布提交：触发平台的发布按钮或API

注意事项

1. 由于浏览器安全策略限制，插件可能需要额外的权限才能操作其他平台
2. 不同平台的编辑器页面结构可能会变化，需要定期维护
3. 建议先在测试环境中使用，确认功能正常后再用于正式环境

许可证

MIT License