2026-10-08 11:34:47 +08:00
2026-04-28 21:14:29 +08:00
2024-12-25 10:17:42 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2024-11-15 08:50:16 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2025-01-15 16:14:02 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2024-07-09 16:23:49 +08:00
2026-04-28 21:14:29 +08:00
2024-07-15 10:43:14 +08:00
2025-01-26 10:45:38 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00
2024-09-20 14:48:27 +08:00
2026-05-11 10:24:46 +08:00
2026-10-08 11:34:47 +08:00
2026-10-08 11:34:47 +08:00

Codebox - One-click Code Copying/Downloading Articles

中文 | English

official website

https://www.code-box.fun/

Introduction

This browser plugin can be used on websites like CSDN/Zhihu/Script Home/Blog Garden/51CTO Blog/PHP Chinese Network/Juejin/WeChat, etc., to download articles as HTML or Markdown files with one click; to copy code without logging in; to support selected code; or to copy code with one click from the button in the upper right corner of the code; to remove the prompt to follow the blogger to read the full text; to remove the login pop-up window; to remove the pop-up window to jump to the APP.

It also supports Article Sync: sync the current article to 29+ mainstream platforms (WeChat, Zhihu, Weibo, Xiaohongshu, Juejin, CSDN, Toutiao, ...) with one click, saved as a draft by default, plus self-hosted blogs such as WordPress and Typecho.

Installation

Directly download and install:

  1. Enter the app store

  2. Search: codebox

0f8137ce6861f2a387095aef446fe60 img 1724640161752

Installation Method 2: Direct Installation

  1. Installation address:

Installation Method 3: Download from WeChat Official Account

  1. Follow the WeChat official account

img

  1. Click Software Download

img

Installation Method 4: Source Code Installation

  1. Clone the source code
    git clone https://github.com/027xiguapi/code-box.git
    
  2. Install and package
    pnpm install
    pnpm dev
    pnpm build
    
  3. For Google Chrome, you can enter the plugin management page from the upper right menu -> More tools -> Extensions, or you can directly enter chrome://extensions in the address bar to access it.
  4. Check the developer mode, and you can directly load the plugin in the form of a folder.

Function

img-1

Article Sync (29+ Platforms) 🆕

Ported from the adapter architecture of Wechatsync. One click to sync the current article to 29+ mainstream platforms, saved as a draft by default.

Features

  • Uses your own sessions: reads the cookies already in your browser, no extra authorization, no password
  • Calls the official web APIs: exactly the same endpoints the platforms' own editors use
  • Your data never leaves the browser: all requests go directly from your browser to the platform, no middle server
  • Draft first: articles are saved as drafts by default, never auto-published
  • Automatic image transfer: images in the article are re-uploaded to the target platform
  • Per-platform content adaptation: platforms differ in what HTML they accept (links kept or stripped, whitespace compacted, code block format...), so the content is preprocessed separately for each target
  • Self-hosted blogs: WordPress, Typecho, MetaWeblog

Usage

  1. Open any article page (WeChat, Zhihu, Juejin, CSDN, Cnblogs, ...)
  2. Open the sync panel from any of these entries:
    • Click the extension icon → Sync Articles
    • The floating panel on the article page → 文章同步 / Sync Articles
    • The panel on WeChat article pages → 文章同步
  3. Check the extracted article, select the target platforms (the panel shows the login status of each one), then click 开始同步 (Start sync)
  4. The panel reports per-platform status, draft links and keeps a sync history

Supported platforms

Platform ID Type Sync mode
WeChat Official Account weixin Mainstream media API (draft)
Zhihu zhihu Mainstream media API (draft)
Weibo weibo Mainstream media API (draft)
Xiaohongshu xiaohongshu Mainstream media Editor assist (beta)
Juejin juejin Tech community API (draft)
CSDN csdn Tech community API (draft)
Jianshu jianshu General API (draft)
Toutiao toutiao General API (draft)
Douyin (image-text) douyin Mainstream media Editor assist (beta)
Bilibili column bilibili General API (draft)
Baijiahao baijiahao General API (draft)
Yuque yuque Tech community API (draft)
Douban douban General API (draft)
Sohu sohu General API (draft)
Xueqiu xueqiu Finance API (draft)
Woshipm woshipm Product API (draft)
Dayu dayu General API (draft)
Yidian yidian General API (draft)
51CTO 51cto Tech community API (draft)
Imooc imooc Tech community API (draft)
OSChina oschina Tech community API (draft)
SegmentFault segmentfault Tech community API (draft)
Cnblogs cnblogs Tech community API (draft)
Sohu Focus sohufocus Real estate API (draft)
X (Twitter) x Overseas Editor assist (beta)
Eastmoney eastmoney Finance API (draft)
SMZDM smzdm General Editor assist (beta)
Netease netease General Editor assist (beta)
WordPress wordpress CMS API (draft)
Typecho typecho CMS API (draft)
Hexo zip-download CMS Markdown package download
Hugo zip-download CMS Markdown package download

Note: "Editor assist" means the platform does not expose a public draft API (or the API requires browser-side signing / risk-control checks). The extension opens the platform's official editor and prefills the title and content, then you confirm to save the draft or publish.

Self-hosted blogs (WordPress / Typecho / MetaWeblog)

Fill in the site URL, username and password under "self-hosted accounts" in the sync panel (the password is stored only in your local browser). WordPress users should use an Application Password.

Code structure (developers)

sync/
├── types.ts                  # shared types (Article / SyncResult / PlatformMeta)
├── lib/                      # HTML→Markdown, image parsing, CSS inlining, AWS4 signing, logger
├── runtime/                  # runtime abstraction + Chrome extension implementation
├── adapters/
│   ├── code-adapter.ts       # adapter base class (requests, image upload, header rules)
│   ├── editor-assist.ts      # editor-assist base class (semi-automatic sync)
│   ├── registry.ts           # adapter registry
│   ├── platforms/            # 29 platform adapters
│   └── cms/                  # WordPress / MetaWeblog (Typecho)
└── extension/                # article extractor, per-platform preprocessing, sync engine
contents/sync.ts              # content script: extraction + preprocessing
tabs/sync.tsx                 # the sync panel UI

To add a platform: implement a CodeAdapter subclass in sync/adapters/platforms/ (or extend EditorAssistAdapter when the platform needs the browser editor), then register it in ALL_ADAPTERS in sync/adapters/platforms/index.ts.

Customization

  • Insert custom styles (CSS code)
  • Download all images
  • Customize the selection to download HTML
  • Customize the selection to download Markdown
  • Customize the selection to download PDF

WeChat

  • Insert custom styles (CSS code)
  • One-click download of article HTML
  • One-click download of article Markdown
  • One-click download of article PDF
  • One-click download of all images

Nuggets

  • Insert custom styles (CSS code)
  • One-click download of article HTML
  • One-click download of article Markdown
  • One-click download of article PDF

CSDN

  • One-click download of article HTML, PDF, or Markdown files
  • Open any CSDN blog to start copying code
  • Support for selected code when not logged in to CSDN
  • One-click copy of code from the button in the upper right corner of the code when not logged in to CSDN
  • No more forced login pop-ups when not logged in to CSDN
  • No more prompts to follow the blogger to read the full text when not following the blogger, and the full text is displayed
  • Automatically expand code blocks
  • Block APP redirection on mobile
  • For non-VIP users, no more prompts for VIP viewing, and the full text is displayed
  • Insert custom styles (CSS code)

Zhihu

  • One-click download of article HTML, PDF, or Markdown files
  • One-click copy of code
  • No more prompts to expand and read the full text when not logged in to Zhihu, and the full text is displayed
  • No more forced login pop-ups when not logged in to Zhihu
  • Insert custom styles (CSS code)

Baidu

  • One-click download of dialog box HTML, PDF, or Markdown files
  • Close AI dialog box

Jian Shu

  • One-click download of article HTML, PDF, or Markdown files
  • One-click copy of code on mobile
  • No more prompts to expand and read the full text, and the full text is displayed
  • No more forced login pop-ups
  • Insert custom styles (CSS code)

Script Home

  • One-click download of article HTML, PDF, or Markdown files
  • Open any Script Home blog to start copying code
  • Support for selected code when not logged in to Script Home
  • Block ads
  • One-click copy of code from the button in the upper right corner of the code on mobile when not logged in to Script Home
  • Insert custom styles (CSS code)

Blog Garden

  • One-click download of article HTML, PDF, or Markdown files
  • One-click copy of code
  • Insert custom styles (CSS code)

51CTO Blog

  • One-click download of article HTML, PDF, or Markdown files
  • Support for selected code when not logged in to 51CTO Blog
  • One-click copy of code from the button in the upper right corner of the code when not logged in to 51CTO Blog
  • No more forced login pop-ups when not logged in to 51CTO Blog
  • One-click copy of code from the button in the upper right corner of the code on mobile when not logged in to 51CTO Blog
  • Insert custom styles (CSS code)

PHP Chinese Network

  • One-click download of article HTML, PDF, or Markdown files
  • Support for selected code when not logged in to PHP Chinese Network
  • One-click copy of code from the button in the upper right corner of the code when not logged in to PHP Chinese Network
  • No more forced login pop-ups when not logged in to PHP Chinese Network
  • One-click copy of code from the button in the upper right corner of the code on mobile when not logged in to PHP Chinese Network
  • Insert custom styles (CSS code)

img img img img img img img img img

Reference

  1. copy-csdn
  2. plasmo
  3. Chrome App Store One-stop Support
  4. Out-of-the-box web printing and downloading
  5. Export WeChat Official Account Articles to PDF
  6. One-click Download of WeChat Official Account Article Images
  7. Wechatsync (reference for the article sync adapter system)

Privacy Policy

Webpage

S
Description
No description provided
Readme 3.5 MiB
Languages
TypeScript 96.4%
HTML 1.9%
JavaScript 0.9%
SCSS 0.6%
CSS 0.2%