使用博客园 Cnblogs Client 插件一键发布

使用博客园 Cnblogs Client 插件一键发布 Markdown 博文操作指南

通过 VS Code 官方插件 "博客园Cnblogs客户端"（Cnblogs），可以在本地 Markdown 编写完成后，直接将文中引用的本地图片批量提取并上传到博客园图床，再一键发布博文，省去手动找图床、替换外链的繁琐步骤。整个流程分为：安装插件 → 登录账号 → 打开工作空间编写 Markdown → 提取图片 → 上传到博客园 五个步骤。

一、安装插件

1. 打开 VS Code，点击左侧活动栏的 扩展 图标（快捷键 Ctrl+Shift+X）。
2. 在搜索框中输入 cnblogs 或 博客园，找到名为 "博客园Cnblogs客户端" 的插件（发布者为 cnblogs）。
3. 点击 安装，完成后建议重启 VS Code。

---

二、登录博客园账号

1. 安装成功后，左侧活动栏会出现一个 "写代码小人" 图标，点击它。
2. 在弹出的面板中点击 Login 按钮，浏览器会跳转到博客园登录页面，使用博客园账号登录并授权。
3. 授权成功后，插件面板会显示出你博客的随笔列表，说明登录完成。

---

三、打开 Markdown 文件

在vs code中打开编写好的markdown文件

---

四、提取图片（核心步骤）

这一步的作用是：把 Markdown 中所有本地图片路径，批量上传到博客园图床，并自动替换为博客园的在线 URL，这样发布出去的博文才能正常显示图片。
操作方式：

1. 在打开的需要上传的文档中 点击鼠标右键。
2. 在上下文菜单中选择 "提取图片"（见下方截图红框位置）。

3. 插件会自动识别文中所有本地图片并上传，过程结束后原文中的 ./images/xxx.png 会被替换为 https://img2024.cnblogs.com/... 形式的在线链接。

---

六、上传博文到博客园

图片提取完成、确认正文无误后，再进行发布：

1. 在 .md 编辑器中 再次右键。
2. 选择 "上传到博客园"。
3. 首次发布会弹出 博文设置面板，可填写标题、分类、标签、是否发布等，确认后点击保存即可。
4. 发布成功后右下角会出现成功提示，登录博客园后台即可看到新随笔。

若该文件此前已关联到某篇博文，会直接更新那篇博文，而不是新建一篇。

---

核心操作顺序一句话总结：打开工作空间中的 .md 文件 → 右键"提取图片" → 右键"上传到博客园"，即可完成一篇带图博文的发布，全程无需再登录网页版或手动上传图床。