Chrome插件 - Code-Box安装使用详解（CSDN、知乎免登录复制代码、下载文章）
作者：hangge | 2026-07-11 09:29
对于经常浏览技术博客的开发者来说，CSDN、知乎等平台未登录状态下无法复制代码、强制弹出登录框、关注博主才能阅读全文等问题非常令人头疼。本文将介绍一款免费实用的浏览器插件 Code-Box，支持 Chrome、Edge、Firefox 等主流浏览器。安装后，我们可以在未登录状态下实现一键复制代码、自动展开全文、去除登录弹窗等功能，大大提升浏览体验。
一、基本介绍
1，什么是 Code-Box
（1）Code-Box 是一款由开源社区开发的浏览器扩展插件，专门用于解决国内主流技术博客平台的阅读限制问题。
- GitHub 主页：https://github.com/027xiguapi/code-box
- Chrome 应用商店：点击进入
- 官方文档：https://www.code-box.fun
（2）该插件的核心功能包括：
- 免登录复制代码：在未登录状态下也能一键复制代码块
- 下载文章：支持将文章下载为 HTML 或 Markdown 文件
- 解除阅读限制：自动展开全文，无需关注博主
- 去除弹窗：屏蔽登录弹窗和跳转 APP 提示
- 自动展开代码块：一键展开被折叠的长代码
2，支持的网站平台
| 平台名称 | 支持功能 |
|---|---|
| CSDN | 免登录复制代码、解除关注阅读全文、去除登录弹窗 |
| 知乎 | 免登录展开全文、去除登录弹窗 |
| 掘金 | 免登录复制代码、下载文章 |
| 博客园 | 免登录复制代码、下载文章 |
| 脚本之家 | 免登录复制代码 |
| 51CTO 博客 | 免登录复制代码 |
| php 中文网 | 免登录复制代码 |
| 微信公众号 | 下载文章为 HTML/Markdown |
提示：插件会持续更新以支持更多网站，如有新平台需求可以在 GitHub 上提交 Issue 反馈。
二、安装方式
1，方式一：应用商店安装（推荐）
（1）Chrome 浏览器安装步骤：
- 打开 Chrome 浏览器，访问 Chrome 应用商店
- 在搜索框中输入 "codebox" 或 "code-box"
- 找到名为 "codebox-AI 下载文章" 的插件
- 点击 "添加至 Chrome" 按钮完成安装
（2）Edge 浏览器安装步骤：
- 打开 Edge 浏览器，访问 Edge 加载项商店
- 搜索 "codebox"
- 点击 "获取" 按钮安装
（4）安装完成后，浏览器右上角工具栏会出现 Code-Box 图标：
2，方式二：开发者模式安装
（1）如果无法访问应用商店（如网络限制），可以通过开发者模式手动安装。首先需要从 GitHub 下载插件源码：
提示：如果 GitHub 访问较慢，可以使用国内镜像或直接下载 Release 发布包。
git clone https://github.com/027xiguapi/code-box.git
（2）或者直接下载 Release 页面的压缩包并解压。
（3）打开 Chrome 浏览器，进入扩展程序管理页面：
- 方法一：点击右上角 ⋮ 菜单 → 更多工具 → 扩展程序
- 方法二：在地址栏直接输入 chrome://extensions 并回车
（4）开启右上角的 "开发者模式" 开关：
（5）点击左上角的 "加载未打包的扩展程序" 按钮，选择解压后的插件文件夹（选择 dist 目录或项目根目录）：
（6）安装成功后，扩展程序列表中会显示 Code-Box 插件。
三、功能演示
1，免登录复制代码
（1）安装插件后，访问 CSDN、知乎 等技术博客，即使未登录状态，代码块右上角也会出现复制按钮。点击复制按钮，代码即可一键复制到剪贴板，无需登录或关注博主。
（2）也可以直接用鼠标选中代码区域进行复制，插件会自动解除选择限制。
2，自动展开全文
（1）在 CSDN 访问文章时，即使未关注博主，插件也会自动展开全文内容。
（2）在 知乎 访问问答时，"展开阅读全文" 的提示会被自动移除，完整展示所有内容。
3，下载文章
插件支持将当前浏览的文章下载保存为本地文件。点击浏览器工具栏中的 Code-Box 图标，选择下载格式，支持 Markdown、HTML、PDF 三种。
4，去除弹窗干扰
插件会自动屏蔽以下弹窗，让浏览体验更加清爽流畅，专注于内容本身。
- 强制登录弹窗
- "关注博主即可阅读全文" 提示
- 跳转 APP 提示框
- 被折叠的代码块自动展开
全部评论（0）