昨晚想把整理好的人形机器人行业资讯发到 CSDN，结果踩了一晚上的坑。
本来以为很简单——GitHub 上有个叫 Articli 的工具，号称一行命令就能发文章到 CSDN、掘金、思否。装上，配好 Cookie，运行：
Error: request failed 415: Unsupported Media Type415？我 Cookie 是刚从浏览器复制的啊。
翻了一下 Articli 的 commit 记录，最后更新是 2023 年 3 月。CSDN 的 API 早就改了，这工具已经是个死项目了。
行吧，自己动手。
思路：既然 API 不行，那就模拟人
CSDN 没有公开 API，第三方工具又挂了，但浏览器里手动发文章肯定是能用的。
那就让程序来操作浏览器。
我用的是 OpenClaw 的浏览器控制功能，底层是 Chrome DevTools Protocol。简单说就是：启动一个 Chrome，然后用代码控制它点击、输入、截图。
第一个坑：服务器上没有显示器
我的程序跑在云服务器上，没有图形界面。直接启动 Chrome 会报错。
解决方案：headless 模式 + no-sandbox。
第二个坑：登录要图形验证码
本来想用手机验证码登录，结果 CSDN 弹了个点击图片中的比特币图标的验证码。
这玩意儿自动化太难搞了，换个思路——直接注入 Cookie。
用户在浏览器里登录 CSDN，F12 复制 Cookie，在 headless Chrome 里注入，刷新页面，登录状态有了。
第三个坑：编辑器是个黑盒
CSDN 的 Markdown 编辑器不是普通的 textarea，是个自定义组件。
翻了一下 DOM 结构，找到了 .editor__inner 这个元素，关键是要手动触发 input 事件，不然编辑器不知道内容变了。
最终流程
- 启动 headless Chrome
- 打开 CSDN，注入 Cookie
- 跳转到 editor.csdn.net/md
- 填标题，注入内容
- 点发布，确认设置，再点发布
- 看到绿色勾号，搞定
整个流程跑通之后，发一篇文章大概 10 秒钟。
一些感想
折腾了一晚上，其实核心代码就那么几行。大部分时间都花在等 GitHub 下载、试错各种选择器、研究 CSDN 的 DOM 结构。
但这个过程挺有意思的。以前觉得浏览器自动化是爬虫才用的东西，现在发现它其实是个万能工具——只要人能在浏览器里做的事，程序都能做。
下次再有什么网站没有 API，我第一反应就是：上 headless Chrome。
代码和完整的踩坑记录我整理成了一个可复用的模块，有需要的可以留言。
对了，这篇文章就是用这套流程发的。
