多平台文章同步浏览器插件 – ArticleSync

邹爱兵

ArticleSync - 多平台文章同步插件

ArticleSync 是一个浏览器扩展，帮助用户轻松将文章同步发布到多个社交平台。支持将文章从本地草稿发布到各大平台，如知乎、Bilibili 等。它提供了一站式解决方案，让你在不同的社交媒体平台上同步文章变得简单高效。
基于浏览器插件模式,自动检测本地登录账号,杜绝账号泄露,环境异常等风险
基于 chrome Manifest v3 浏览器扩展标准开发,注意内核版本要求
背景

你也知道,我这又一下子多了好几个博客平台,和一大堆社交网站,如果我想让他们之间都能保持活跃的更新怎么办.(证明我还活着) 还能一键盗文章
我最常更新的就是我自己的小破站了,但是其他平台,我可能就只是偶尔更新一下,但是又不想每次都去手动发布,所以我就想,能不能写一个插件,自动检测我本地登录的账号,然后自动发布呢.
正所谓,自己动手丰衣足食.鼓捣了好几天.勉强算是能用的样子,剩下的就有空在更新了.除非你给我钱
插件还有很多不完善的地方,我也没有多平台正式在生产环境中实测,如遇报错,实属正常,那就提交issue吧,或者自己改改,改好了再提交PR吧.嘻嘻~
为了不影响我说话,截图放最后了
还有,开源不易,来个star吧,嘿嘿嘿~
本来想加一点私货进去的,自动关注我的社区平台
功能特色

• 多平台支持：支持知乎、Bilibili等各大主流平台,支持自建开源CMS系统。
  
• 状态跟踪：在插件界面中查看文章的同步状态.
  
• 账号管理：可查看与插件绑定的各平台账号信息。
  
• 可扩展性强：支持开发者通过适配器模式轻松扩展到更多平台。
  
• 安全可靠：插件基于浏览器扩展模式，确保账号安全，避免账号泄露等风险。
  

Todo List

• 独立文章编辑器
  
• 图片一键同步
  
• markdown与HTML互转
  
• 第三方图床系统
  
• 多账号管理
  
• 多系统客户端版本
  
• 一键ai总结
  
• 视频同步
  
• 标签,分类的支持
  
• 更加友好的错误处理
  
• 更多平台的接入
  

支持渠道

媒体媒体行业状态网址支持类型更新时间哔哩哔哩主流自媒体已支持https://bilibili.com/HTML2024/10/13知乎主流自媒体已支持https://www.zhihu.com/HTML2024/10/13博客园博客已支持https://cnblogs.com/HTML2024/10/14新浪头条主流自媒体已支持https://weibo.com/HTML2024/10/14emlog开源CMS已支持https://www.emlog.net/HTML2024/10/14WordPress开源CMS已支持https://cn.wordpress.org/HTML,Markdown2024/10/14Discuz开源CMS已支持https://www.discuz.vip/Markdown,Text2024/10/15安装说明

• 克隆仓库到本地：
  1. git clone https://github.com/iAJue/Articlesync.git

  复制代码
• 进入项目目录：
  1. cd articlesync

  复制代码
• 安装依赖：
  1. npm install

  复制代码
• 打包项目
  1. npm run build

  复制代码
• 加载插件：
  

• 打开 Chrome 浏览器，进入 chrome://extensions/。
  
• 启用 开发者模式。
  
• 点击 加载已解压的扩展程序，选择 dist/ 文件夹。
  

• 开发
  
  
  • 启动开发环境
    
  1. npm run watch-reload

  复制代码
  
  
  • 以配置热更新,每次修改代码后，插件将自动打包，并且 Chrome 会自动重新加载插件。
    
  
  

如何添加一个适配器

• 在 src/adapters 目录下创建一个新的适配器文件，例如 PlatformAdapter.js。
  
• 继承 BaseAdapter 类，并实现以下方法：
  
  
  
  • getMetaData(): 获取当前页面的元数据。
    
  • addPost(post): 添加新的文章。
    
  • editPost(post, post_id): 编辑文章。
    
  • uploadFile(file): 上传文件。
    
  • 定义constructor构造函数，设置适配器的版本、类型和名称或其他初始化数据.
    1. constructor() {
    2.         super();
    3.         this.version = '1.0';
    4.         this.type = 'Twitter';
    5.         this.name = '推特';
    6. }

    复制代码
  
  
• 在 src/adapters/adapters.js 中导入并注册新的适配器。
  

项目结构

1. ├── src
2. │   ├── adapters         # 各平台的适配器
3. │   │   ├── ZhiHuAdapter.js
4. │   │   ├── BilibiliAdapter.js
5. │   ├── contents         # 内容脚本
6. │   ├── background.js    # 后台脚本
7. │   ├── popup            # 插件弹窗界面
8. │   │   ├── popup.js
9. │   │   ├── popup.html
10. │   ├── options          # 扩展选项页面
11. │   │   ├── options.js
12. │   │   ├── options.html
13. │   ├── dist             # 打包后的文件
14. │   ├── manifest.json    # Chrome 插件清单文件
15. ├── webpack.config.js    # Webpack 配置文件
16. ├── package.json         # 项目配置文件
17. ├── README.md            # 项目说明文件
18. ├── .gitignore           # Git 忽略文件

复制代码

贡献指南

欢迎对项目进行贡献！如果你有任何改进意见或想要添加新的平台支持，请遵循以下步骤：

• Fork 仓库。
  
• 创建一个新的分支。
  
• 提交你的更改。
  
• 发起一个 Pull Request。
  

反馈

如果你在使用过程中遇到任何问题或建议，请通过以下方式告诉我们：

• 提交 Issue
  
  
  
  • BUG
    
    
    
    • 浏览器版本: Chrome 129.0.6668.90
      
    • 内核版本: 129.0.6668.90
      
    • 操作系统: Windows 10
      
    • 插件版本: 1.0.0
      
    • 复现步骤:
      
    • 错误描述:
      
    
    
  • 建议
    
    
    
    • 描述:
      
    • 期望效果:
      
    
    
  • 支持
    
    
    
    • 平台:
      
    • 网址:
      
    • 账号: (有最好)
      
    
    
  
  
• Blog：访问 阿珏酱のBlog 留言
  

投喂 ☕

1. 我很可爱，请给我钱！
2. I am cute, please give me money!

复制代码

许可证

Copyright (c) 2024-present, iAJue
本项目遵循 GPL-3.0 许可证。
截图

来源:https://www.cnblogs.com/Ajue/p/18471351
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！