前言

写了几篇技术文章后，我面对一个机械循环：在 IDE 里让 Claude Code 输出 Markdown，切到浏览器打开 CSDN 创作页，粘贴内容，调整标题，填标签，点发布。
文章少还行。十篇呢？
这篇文章记录了我怎么把这串操作变成一行命令。你读完可以跟着做，15 分钟能把环境配好，之后每次发文章就是一条 opencli 命令的事。

一、这篇文章帮你解决什么

具体来说，你会学会三件事：

把网站变 CLI — 装一个叫 OpenCLI 的工具，让浏览器变成可脚本化的命令行接口
用 Claude Code 写高质量文章 — 配合写作类 Skills，AI 帮你从选题到定稿，文章自带排版规范
一行命令发 CSDN — Claude Code 写完 Markdown，OpenCLI 直接填入 CSDN 编辑器，点发布

二、OpenCLI 是什么

OpenCLI 是一个开源命令行工具，GitHub 上 2 万多个 Star。
它的核心设计：把网站变成 CLI 命令。
通常 Agent 想获取网页信息，需要打开浏览器、加载 HTML、解析 DOM、提取内容。每一步都在烧 token。
OpenCLI 给每个网站写一个适配器。比如搜知乎：

opencli zhihu search "AI Agent"

适配器自动完成导航和提取，返回干净的 JSON。整个过程不消耗 LLM token。
对于发文章的网站，OpenCLI 提供了浏览器自动化——直接操控你的 Chrome 标签页，用命令模拟点击、输入、填充表单。CSDN 目前没有内置适配器，但浏览器自动化足够用了。

其他方案和自己造轮子比：写爬虫要两天，手动发帖费手，OpenCLI 刚好卡在中间——不用写代码，但比纯手动快一个数量级。

---

三、环境安装

3.1 装 OpenCLI

前置条件：Node.js ≥ 21。

npm install -g @jackwener/opencli

验证：

opencli --version

输出 v1.7.x 就说明安装成功。

3.2 装 Chrome Bridge 扩展

OpenCLI 操控浏览器靠的是一个 Chrome 扩展——OpenCLI Bridge。CLI 发指令，扩展在浏览器里接收并执行，结果传回来。

推荐：直接去 Chrome 网上应用店搜索 OpenCLI 安装。
地址：https://chromewebstore.google.com/detail/opencli/ildkmabpimmkaediidaifkhjpohdnifk
备用：去 OpenCLI GitHub Releases 下载 zip，解压后在 chrome://extensions 页面开启开发者模式，点"加载已解压的扩展程序"，选解压文件夹。
装好后 Chrome 工具栏会出现 OpenCLI 图标。暂时不用管它。

3.3 验证环境

opencli doctor

正确的输出：

opencli v1.7.x doctor (node v24.x.x)
[OK] Daemon: running on port 19825
[OK] Extension: connected
[OK] Connectivity: connected in 0.1s

三个 [OK] 全部出现才算链路打通。

• Extension 未连接：确认 Chrome 开着，扩展开关打开
• Daemon 未运行：重启终端，重跑 opencli doctor

---

四、推荐几个写作 Skills

在让 Agent 自动发文章之前，先要有好内容。
Claude Code 的 Skills 机制可以给 Agent 装上专业写作能力。不需要重新训练模型，把对应的 SKILL.md 文件放进 skills/ 目录就行。
下面四个 Skills 对技术文章写作帮助很大，都在 GitHub 上开源：

Skill	仓库	用在哪
wechat-writer	DavidLam-oss/wechat-writing-team	公众号全流程：选题筛选、素材转化、四轮审校、降 AI 味
wewrite	oaker-io/wewrite	端到端流水线：热搜抓取、SEO 分析、AI 配图、发布
baoyu-cover-image	JimLiu/baoyu-skills	封面图自动生成，适合 CSDN 头图
huashu-proofreading	alchaincyf/huashu-skills	专门做审校：去 AI 味、找逻辑漏洞、优化段落节奏
安装方法：

git clone https://github.com/DavidLam-oss/wechat-writing-team.git
cp -r wechat-writing-team/skills/wechat-writer ~/.claude/skills/

重启 Claude Code 后，用 skill_list 就能看到新技能。

新手推荐组合：wechat-writer 管结构 + huashu-proofreading 管文字打磨。两个基本覆盖从选题到定稿。

---

五、用 Claude Code 写一篇文章

以这篇为例，完整流程：
第一步：定选题

“帮我列五个适合写成技术文章的角度，方向是 AI Agent 和 CLI 工具的结合”
第二步：加载 Skill，开始写
“加载 wechat-writer，按规范写一篇教程，主题是如何用 OpenCLI 把文章自动发到 CSDN”
Claude Code 会按 Skill 模板产出：引言、目录、各章节、代码示例、总结。你在旁边看，有不满意的直接提修改。
第三步：输出 Markdown 文件
“把这篇保存为 markdown 文件到桌面”
到这一步，手上已经有了一篇排版完整的文章。

---

六、用 OpenCLI 把文章发到 CSDN

6.1 准备阶段（只做一次）

Chrome 打开并登录 CSDN。

opencli browser csdn open "https://editor.csdn.net/md?not_checkout=1"

这会打开 CSDN 的 Markdown 编辑器页面。
确认登录成功后，看一眼页面元素：

opencli browser csdn state

输出会列出页面上所有可交互的元素和编号。标题输入框、编辑器区域、发布按钮都在里面。记下它们对应的数字，后面填内容要用。

6.2 发布阶段（每次发文章）

填标题：

opencli browser csdn fill 3 "你的文章标题"

数字 3 是标题输入框的元素编号，以你 state 命令的输出为准。
填正文：

opencli browser csdn fill 117 "$(cat 你的文章.md)"

数字 117 是 Markdown 编辑器的 pre 元素。这一步直接把 Markdown 全文注入编辑器，替换默认的欢迎文字。

如果长文本注入不完整，换 eval 执行原生 JS：

opencli browser csdn eval "
var pre = document.querySelector('pre[contenteditable=true]');
pre.innerText = '文章内容';
"

保存草稿：

opencli browser csdn click 122

发布（需先手工填标签和分类专栏）：

opencli browser csdn click 126

CSDN 要求必须填写文章标签和分类专栏才能发布。这两个字段是动态渲染的自动补全组件，目前 OpenCLI 的 fill 命令选不中，需要手动操作一次。填好后点发布即可。

6.3 脚本化

把上面流程写成 shell 脚本，每次发文章只改路径：

#!/bin/bash
TITLE="我的文章标题"
FILE="./文章.md"
opencli browser csdn open "https://editor.csdn.net/md?not_checkout=1"
sleep 3
opencli browser csdn fill 3 "$TITLE"
opencli browser csdn fill 117 "$(cat $FILE)"
opencli browser csdn click 122  # 保存草稿
echo "草稿已保存，去浏览器填标签后点发布"

---

七、常见问题

标题填了但正文没变化？
CSDN 编辑器是 contenteditable 模式，fill 命令对长文本偶尔不稳。用 eval 直接打 JS。
Chrome 开着但显示 Extension 未连接？
去 chrome://extensions 找到 OpenCLI Bridge，关掉再打开。然后重跑 opencli doctor。
发布后文章去哪了？
点"发布文章"按钮 → 文章直接公开，在 CSDN 后台文章管理页面可见。点"保存草稿" → 进入草稿箱。
排版会不会很干？
文章中插入图片用标准 Markdown 语法 ![alt](url)。OpenCLI 注入内容时会把图片链接一起带进去。CSDN 会自动渲染。
另外：每大节之间用 --- 分割，段落不要太长（3-4 行最佳），关键词加粗，这些小技巧对手机端阅读体验影响很大。

八、下一步可以做的事

给 CSDN 写一个正式的 OpenCLI 适配器
现在每次靠元素编号操作，CSDN 改版编号就变。写一个适配器后，一句命令搞定：

opencli csdn publish --title "标题" --file 文章.md

参考 OpenCLI 自带的 weibo/publish.js，大约 100 行 JS。
把 OpenCLI 接入你的 Java Agent 项目
Agent 调 bash 工具执行 opencli csdn publish，发文章变成 Agent 的一个内置工具。再配上审批协议，Agent 写了文章必须你点头才能发。
把你的技术文章推上 CSDN
已经写好的文章，只需要走一遍上面的发布流程。四篇文章加四张封面图，一个下午能全部上线。