vscode+picgo+gitee实现Markdown图床

vscode中编辑Markdown文件,复制的图片默认是保存在本地的。当文档上传csdn时,会提示图片无法识别

可以在gitee上创建图床仓库,使用picgo工具上传图片,在Markdown中插入gitee链接的方式来解决该问题。

一、 安装picgo工具

1.1 vscode安装picgo插件

1.2 安装picgo

进入PicGo官网: PicGo官网

点击免费下载按钮

建议安装正式版,下载安装文件。

正常安装完成后,打开软件,点击"插件设置",搜索gitee,安装"gitee-uploader"插件。如安装发生错误,提示安装Node.js, 需先安装好node.js。

完成Node.js 安装后,重启picgo继续安装插件,完成插件安装

二、gitee图床

可以在gitee上新建一个仓库,作为图床。也可使用已创建的git开源仓库。如下展示新建仓库的方法。

确认仓库创建成功

三、picgo配置

3.1 picgo 配置

在"图床设置"下找到"gitee",进行如下配置

  • repo: 仓库名称
  • branch: 提交分支,可写master
  • token: gitee的私人令牌
  • path: 仓库下的存放路径
  • customPath、customUrl: 无需填写

3.2 gitee token获取

点击设置

点击私人令牌,生成新令牌

配置令牌权限

生成的私人令牌保存好,并将token配置到picgo中

四、图床功能验证

4.1 截图上传

使用截图工具截图并复制后,在vscode中按快捷键Ctrl+Shift+P, 待右下角提示上传成功后,可以使用Ctrl+V把图床链接粘贴到Markdown文档中

4.2 picgo客户端拖拽上传

4.3 gitee仓库查看

查看gitee仓库,确认图片正确上传。此外,还可以更改picgo

五、结语

至此,在vscode中编辑的Markdown文档中的图片可以先上传到图床,再在文档中插入链接,这样上传文档就不会出现图片上传失败的问题。

五、结语

至此,在vscode中编辑的Markdown文档中的图片可以先上传到图床,再在文档中插入链接,这样上传文档就不会出现图片上传失败的问题。

相关推荐
开发者联盟league12 小时前
vscode接入deepseek
vscode·deepseek
小小放舟、15 小时前
VS Code Code Runner 中文乱码修复与 IDEA 风格输出配置
vscode·python·code runner
Mark White15 小时前
使用 Codex 自动完成 Gitee 仓库全托管
gitee
开发者联盟league15 小时前
vscode接入deepseek实现inline suggestions
vscode·编辑器
love530love1 天前
将 ChatCut MCP 插件从 Codex 桌面应用移植到 WorkBuddy —— 完整适配实录
ide·人工智能·windows·视频剪辑·ai agent
小李不困还能学1 天前
PyCharm下载安装与配置教程
ide·python·pycharm
知福致福1 天前
vscode连接远程服务器登录codex插件一直卡在gpt图标页,不跳转浏览器登录
服务器·vscode·gpt
A小调的码农2 天前
OPENOCD+MSYS+VSCODE:从“灯不亮“到“终于亮了“
ide·vscode·stm32·单片机·编辑器
AI的探索之旅2 天前
让 Claude Code 直接操刀画原理图和 PCB:VSCode 插件接外部 API 全流程
linux·ide·vscode·嵌入式硬件·编辑器
hkj88082 天前
vscode提交gitee远程仓库出现Permission denied (publickey)解决方法
ide·vscode·gitee