027xiguapi/code-box

本插件可以用于CSDN/知乎/脚本之家/博客园/掘金等网站,一键下载文章html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗.

TypeScript

4,159

148 commits

updated Oct 14, 2026

See the code

README

codebox-一键复制代码/下载文章

中文 | English

网站

  1. 官网 https://www.code-box.fun/
  2. 文档 https://code-box.fun/docs

介绍

本浏览器插件可以用于CSDN/知乎/脚本之家/博客园/博客园/51CTO博客/php中文网/掘金/微信等网站,一键下载文章成html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗。

同时支持文章同步:一键把当前文章同步到微信公众号、知乎、微博、小红书、掘金、CSDN、头条号等 29+ 主流平台(默认保存为草稿),支持 WordPress、Typecho 等自建站。

安装

安装方式一:插件商店(推荐)

直接下载安装:

  1. 进入应用商店

  2. 搜索:codebox

0f8137ce6861f2a387095aef446fe60 img 1724640161752

安装方式二:直接安装

  1. 安装地址:

安装方式三:公众号下载

  1. 关注公众号

img

  1. 点击 软件下载

img

安装方式三:源码安装

  1. clone源码
    git clone https://github.com/027xiguapi/code-box.git
    
  2. 安装和打包
    pnpm install
    pnpm dev
    pnpm build
    
  3. 谷歌浏览器,从右上角菜单->更多工具->扩展程序可以进入插件管理页面,也可以直接在地址栏输入 chrome://extensions 访问
  4. 勾选开发者模式,即可以文件夹的形式直接加载插件

功能

img-1

文章同步(29+ 主流平台)🆕

参考 Wechatsync 文章同步助手 的适配器体系实现,一键把当前页面文章同步到 29+ 主流平台,默认保存为草稿,确认无误后再发布。

特点

  • 用自己的登录态:直接使用浏览器中已登录的 Cookie,无需额外授权,无需输入密码
  • 调用平台官方接口:与你在网页编辑器里手动发布完全等价
  • 数据不离开浏览器:所有请求从你的浏览器直接发往各平台,没有中间服务器
  • 草稿优先:默认只保存草稿,不会自动发布
  • 图片自动转存:正文图片自动上传到目标平台
  • 按平台适配内容:不同平台对 HTML 结构要求不同(是否保留链接、标签是否压缩、代码块格式等),同步前会为每个平台分别预处理
  • 自建站支持:WordPress、Typecho、MetaWeblog

使用方式

  1. 打开任意文章页面(微信公众号文章、知乎、掘金、CSDN、博客园等都可以)
  2. 三个入口任选其一:
    • 点击扩展图标 → 文章同步
    • 文章页左侧悬浮面板 → 文章同步
    • 微信公众号文章页左侧面板 → 文章同步
  3. 在同步面板中确认提取到的文章 → 勾选目标平台(面板会显示各平台登录状态)→ 开始同步
  4. 同步完成后可在面板中查看每个平台的状态、草稿链接和同步历史

支持平台

平台ID类型同步方式
微信公众号weixin主流自媒体接口(草稿)
知乎zhihu主流自媒体接口(草稿)
微博weibo主流自媒体接口(草稿)
小红书xiaohongshu主流自媒体编辑器辅助(实验)
掘金juejin技术社区接口(草稿)
CSDNcsdn技术社区接口(草稿)
简书jianshu通用接口(草稿)
头条号toutiao通用接口(草稿)
抖音图文douyin主流自媒体编辑器辅助(实验)
B站专栏bilibili通用接口(草稿)
百家号baijiahao通用接口(草稿)
语雀yuque技术社区接口(草稿)
豆瓣douban通用接口(草稿)
搜狐号sohu通用接口(草稿)
雪球xueqiu财经接口(草稿)
人人都是产品经理woshipm产品接口(草稿)
大鱼号dayu通用接口(草稿)
一点号yidian通用接口(草稿)
51CTO51cto技术社区接口(草稿)
慕课网imooc技术社区接口(草稿)
开源中国oschina技术社区接口(草稿)
SegmentFaultsegmentfault技术社区接口(草稿)
博客园cnblogs技术社区接口(草稿)
搜狐焦点sohufocus房产接口(草稿)
X (Twitter)x海外编辑器辅助(实验)
东方财富eastmoney财经接口(草稿)
什么值得买smzdm通用编辑器辅助(实验)
网易号netease通用编辑器辅助(实验)
WordPresswordpress建站/CMS接口(草稿)
Typechotypecho建站/CMS接口(草稿)
Hexozip-download建站/CMS通过 Markdown 打包下载
Hugozip-download建站/CMS通过 Markdown 打包下载

说明:「编辑器辅助」表示该平台未公开草稿接口(或接口需要浏览器端签名 / 风控校验),扩展会打开该平台的官方编辑器并自动填充标题与正文,你确认后保存草稿或发布即可。

自建站(WordPress / Typecho / MetaWeblog)

在同步面板的「自建站账号」中填写站点地址、用户名和密码(密码仅保存在本地浏览器中),添加后即可作为同步目标。WordPress 建议使用「应用密码」。

代码结构(开发者)

sync/
├── types.ts                  # 公共类型(Article / SyncResult / PlatformMeta)
├── lib/                      # HTML→Markdown、图片解析、CSS 内联、AWS4 签名、日志
├── runtime/                  # 运行时抽象 + Chrome 扩展实现(fetch / cookies / headerRules)
├── adapters/
│   ├── code-adapter.ts       # 适配器基类(请求、图片上传、Header 规则、HTML 清理)
│   ├── editor-assist.ts      # 编辑器辅助基类(半自动同步)
│   ├── registry.ts           # 适配器注册中心
│   ├── platforms/            # 29 个平台适配器
│   └── cms/                  # WordPress / MetaWeblog(Typecho)
└── extension/                # 文章提取器、平台内容预处理、同步引擎
contents/sync.ts              # 内容脚本:文章提取 + 按平台预处理
tabs/sync.tsx                 # 文章同步面板界面

新增平台:在 sync/adapters/platforms/ 下实现 CodeAdapter 子类(需要浏览器操作的平台继承 EditorAssistAdapter),然后在 sync/adapters/platforms/index.ts 的 ALL_ADAPTERS 中注册即可。

自定义

  • 插入自定义样式(css代码)
  • 下载所有图片
  • 自定义选择下载html
  • 自定义选择下载markdown
  • 自定义选择下载pdf

微信

  • 插入自定义样式(css代码)
  • 一键下载文章html
  • 一键下载文章markdown
  • 一键下载文章pdf
  • 一键下载所有图片

掘金

  • 插入自定义样式(css代码)
  • 一键下载文章html
  • 一键下载文章markdown
  • 一键下载文章pdf

CSDN

  • 一键下载文章html、pdf或markdown文件
  • 打开任意一个CSDN博客即可开始复制代码
  • 未登录CSDN状态下,支持选中代码
  • 未登录CSDN状态下,代码右上角按钮一键复制
  • 未登录CSDN状态下,不会再出现强制登录弹窗
  • 未关注博主状态下,不再提示关注博主即可阅读全文,且完整展示文章
  • 自动展开代码块
  • 移动端屏蔽跳转APP
  • 非vip用户,不再提示vip观看,且完整展示文章
  • 插入自定义样式(css代码)

知乎

  • 一键下载文章html、pdf或markdown文件
  • 一键复制代码
  • 未登录知乎状态下,不再提示展开阅读全文,且完整展示文章
  • 未登录知乎状态下,不会再出现强制登录弹窗
  • 插入自定义样式(css代码)

百度

  • 一键下载对话框html、pdf或markdown文件
  • 关闭AI对话框

简书

  • 一键下载文章html、pdf或markdown文件
  • 移动端,一键复制代码
  • 不再提示展开阅读全文,且完整展示文章
  • 不会再出现强制登录弹窗
  • 插入自定义样式(css代码)

脚本之家

  • 一键下载文章html、pdf或markdown文件
  • 打开任意一个脚本之家博客即可开始复制代码
  • 未登录脚本之家状态下,支持选中代码
  • 屏蔽广告
  • 移动端未登录脚本之家状态下,代码右上角按钮一键复制
  • 插入自定义样式(css代码)

博客园

  • 一键下载文章html、pdf或markdown文件
  • 一键复制代码
  • 插入自定义样式(css代码)

51CTO博客

  • 一键下载文章html、pdf或markdown文件
  • 未登录51CTO博客状态下,支持选中代码
  • 未登录51CTO博客状态下,代码右上角按钮一键复制
  • 未登录51CTO博客状态下,不会再出现强制登录弹窗
  • 移动端未登录51CTO博客状态下,代码右上角按钮一键复制
  • 插入自定义样式(css代码)

php中文网

  • 一键下载文章html、pdf或markdown文件
  • 未登录php中文网状态下,支持选中代码
  • 未登录php中文网状态下,代码右上角按钮一键复制
  • 未登录php中文网状态下,不会再出现强制登录弹窗
  • 未登录php中文网状态下,移动端代码右上角按钮一键复制
  • 插入自定义样式(css代码)

img img img img img img img img img

参考

  1. copy-csdn
  2. plasmo
  3. Chrome 应用商店一站式支持
  4. 开箱即用的web打印和下载
  5. 导出微信公众号文章为PDF
  6. 微信公众号推文图片一键下载
  7. Wechatsync 文章同步助手(文章同步适配器体系参考)

隐私政策

网页

友链

027xiguapi/code-box

本插件可以用于CSDN/知乎/脚本之家/博客园/掘金等网站,一键下载文章html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗.

TypeScript

4,159

148 commits

updated Oct 14, 2026

See the code

README

codebox-一键复制代码/下载文章

中文 | English

网站

  1. 官网 https://www.code-box.fun/
  2. 文档 https://code-box.fun/docs

介绍

本浏览器插件可以用于CSDN/知乎/脚本之家/博客园/博客园/51CTO博客/php中文网/掘金/微信等网站,一键下载文章成html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗。

同时支持文章同步:一键把当前文章同步到微信公众号、知乎、微博、小红书、掘金、CSDN、头条号等 29+ 主流平台(默认保存为草稿),支持 WordPress、Typecho 等自建站。

安装

安装方式一:插件商店(推荐)

直接下载安装:

  1. 进入应用商店

  2. 搜索:codebox

0f8137ce6861f2a387095aef446fe60 img 1724640161752

安装方式二:直接安装

  1. 安装地址:

安装方式三:公众号下载

  1. 关注公众号

img

  1. 点击 软件下载

img

安装方式三:源码安装

  1. clone源码
    git clone https://github.com/027xiguapi/code-box.git
    
  2. 安装和打包
    pnpm install
    pnpm dev
    pnpm build
    
  3. 谷歌浏览器,从右上角菜单->更多工具->扩展程序可以进入插件管理页面,也可以直接在地址栏输入 chrome://extensions 访问
  4. 勾选开发者模式,即可以文件夹的形式直接加载插件

功能

img-1

文章同步(29+ 主流平台)🆕

参考 Wechatsync 文章同步助手 的适配器体系实现,一键把当前页面文章同步到 29+ 主流平台,默认保存为草稿,确认无误后再发布。

特点

  • 用自己的登录态:直接使用浏览器中已登录的 Cookie,无需额外授权,无需输入密码
  • 调用平台官方接口:与你在网页编辑器里手动发布完全等价
  • 数据不离开浏览器:所有请求从你的浏览器直接发往各平台,没有中间服务器
  • 草稿优先:默认只保存草稿,不会自动发布
  • 图片自动转存:正文图片自动上传到目标平台
  • 按平台适配内容:不同平台对 HTML 结构要求不同(是否保留链接、标签是否压缩、代码块格式等),同步前会为每个平台分别预处理
  • 自建站支持:WordPress、Typecho、MetaWeblog

使用方式

  1. 打开任意文章页面(微信公众号文章、知乎、掘金、CSDN、博客园等都可以)
  2. 三个入口任选其一:
    • 点击扩展图标 → 文章同步
    • 文章页左侧悬浮面板 → 文章同步
    • 微信公众号文章页左侧面板 → 文章同步
  3. 在同步面板中确认提取到的文章 → 勾选目标平台(面板会显示各平台登录状态)→ 开始同步
  4. 同步完成后可在面板中查看每个平台的状态、草稿链接和同步历史

支持平台

平台ID类型同步方式
微信公众号weixin主流自媒体接口(草稿)
知乎zhihu主流自媒体接口(草稿)
微博weibo主流自媒体接口(草稿)
小红书xiaohongshu主流自媒体编辑器辅助(实验)
掘金juejin技术社区接口(草稿)
CSDNcsdn技术社区接口(草稿)
简书jianshu通用接口(草稿)
头条号toutiao通用接口(草稿)
抖音图文douyin主流自媒体编辑器辅助(实验)
B站专栏bilibili通用接口(草稿)
百家号baijiahao通用接口(草稿)
语雀yuque技术社区接口(草稿)
豆瓣douban通用接口(草稿)
搜狐号sohu通用接口(草稿)
雪球xueqiu财经接口(草稿)
人人都是产品经理woshipm产品接口(草稿)
大鱼号dayu通用接口(草稿)
一点号yidian通用接口(草稿)
51CTO51cto技术社区接口(草稿)
慕课网imooc技术社区接口(草稿)
开源中国oschina技术社区接口(草稿)
SegmentFaultsegmentfault技术社区接口(草稿)
博客园cnblogs技术社区接口(草稿)
搜狐焦点sohufocus房产接口(草稿)
X (Twitter)x海外编辑器辅助(实验)
东方财富eastmoney财经接口(草稿)
什么值得买smzdm通用编辑器辅助(实验)
网易号netease通用编辑器辅助(实验)
WordPresswordpress建站/CMS接口(草稿)
Typechotypecho建站/CMS接口(草稿)
Hexozip-download建站/CMS通过 Markdown 打包下载
Hugozip-download建站/CMS通过 Markdown 打包下载

说明:「编辑器辅助」表示该平台未公开草稿接口(或接口需要浏览器端签名 / 风控校验),扩展会打开该平台的官方编辑器并自动填充标题与正文,你确认后保存草稿或发布即可。

自建站(WordPress / Typecho / MetaWeblog)

在同步面板的「自建站账号」中填写站点地址、用户名和密码(密码仅保存在本地浏览器中),添加后即可作为同步目标。WordPress 建议使用「应用密码」。

代码结构(开发者)

sync/
├── types.ts                  # 公共类型(Article / SyncResult / PlatformMeta)
├── lib/                      # HTML→Markdown、图片解析、CSS 内联、AWS4 签名、日志
├── runtime/                  # 运行时抽象 + Chrome 扩展实现(fetch / cookies / headerRules)
├── adapters/
│   ├── code-adapter.ts       # 适配器基类(请求、图片上传、Header 规则、HTML 清理)
│   ├── editor-assist.ts      # 编辑器辅助基类(半自动同步)
│   ├── registry.ts           # 适配器注册中心
│   ├── platforms/            # 29 个平台适配器
│   └── cms/                  # WordPress / MetaWeblog(Typecho)
└── extension/                # 文章提取器、平台内容预处理、同步引擎
contents/sync.ts              # 内容脚本:文章提取 + 按平台预处理
tabs/sync.tsx                 # 文章同步面板界面

新增平台:在 sync/adapters/platforms/ 下实现 CodeAdapter 子类(需要浏览器操作的平台继承 EditorAssistAdapter),然后在 sync/adapters/platforms/index.ts 的 ALL_ADAPTERS 中注册即可。

自定义

  • 插入自定义样式(css代码)
  • 下载所有图片
  • 自定义选择下载html
  • 自定义选择下载markdown
  • 自定义选择下载pdf

微信

  • 插入自定义样式(css代码)
  • 一键下载文章html
  • 一键下载文章markdown
  • 一键下载文章pdf
  • 一键下载所有图片

掘金

  • 插入自定义样式(css代码)
  • 一键下载文章html
  • 一键下载文章markdown
  • 一键下载文章pdf

CSDN

  • 一键下载文章html、pdf或markdown文件
  • 打开任意一个CSDN博客即可开始复制代码
  • 未登录CSDN状态下,支持选中代码
  • 未登录CSDN状态下,代码右上角按钮一键复制
  • 未登录CSDN状态下,不会再出现强制登录弹窗
  • 未关注博主状态下,不再提示关注博主即可阅读全文,且完整展示文章
  • 自动展开代码块
  • 移动端屏蔽跳转APP
  • 非vip用户,不再提示vip观看,且完整展示文章
  • 插入自定义样式(css代码)

知乎

  • 一键下载文章html、pdf或markdown文件
  • 一键复制代码
  • 未登录知乎状态下,不再提示展开阅读全文,且完整展示文章
  • 未登录知乎状态下,不会再出现强制登录弹窗
  • 插入自定义样式(css代码)

百度

  • 一键下载对话框html、pdf或markdown文件
  • 关闭AI对话框

简书

  • 一键下载文章html、pdf或markdown文件
  • 移动端,一键复制代码
  • 不再提示展开阅读全文,且完整展示文章
  • 不会再出现强制登录弹窗
  • 插入自定义样式(css代码)

脚本之家

  • 一键下载文章html、pdf或markdown文件
  • 打开任意一个脚本之家博客即可开始复制代码
  • 未登录脚本之家状态下,支持选中代码
  • 屏蔽广告
  • 移动端未登录脚本之家状态下,代码右上角按钮一键复制
  • 插入自定义样式(css代码)

博客园

  • 一键下载文章html、pdf或markdown文件
  • 一键复制代码
  • 插入自定义样式(css代码)

51CTO博客

  • 一键下载文章html、pdf或markdown文件
  • 未登录51CTO博客状态下,支持选中代码
  • 未登录51CTO博客状态下,代码右上角按钮一键复制
  • 未登录51CTO博客状态下,不会再出现强制登录弹窗
  • 移动端未登录51CTO博客状态下,代码右上角按钮一键复制
  • 插入自定义样式(css代码)

php中文网

  • 一键下载文章html、pdf或markdown文件
  • 未登录php中文网状态下,支持选中代码
  • 未登录php中文网状态下,代码右上角按钮一键复制
  • 未登录php中文网状态下,不会再出现强制登录弹窗
  • 未登录php中文网状态下,移动端代码右上角按钮一键复制
  • 插入自定义样式(css代码)

img img img img img img img img img

参考

  1. copy-csdn
  2. plasmo
  3. Chrome 应用商店一站式支持
  4. 开箱即用的web打印和下载
  5. 导出微信公众号文章为PDF
  6. 微信公众号推文图片一键下载
  7. Wechatsync 文章同步助手(文章同步适配器体系参考)

隐私政策

网页

友链

Significant stargazers

Syrone Wong

715 followers · starred Jul 2026

vyang

32 followers · starred Aug 2024

Orion

70 followers · starred Nov 2025

Mao Mr

95 followers · starred Jan 2026