vscode+gitee+picgo实现稳定图床

最新推荐文章于 2025-03-18 23:57:09 发布
最新推荐文章于 2025-03-18 23:57:09 发布
阅读量1.6k 收藏 22
点赞数 25
分类专栏： 图床 VSCode 文章标签： vscode gitee ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42013947/article/details/136421952
版权
本文详细介绍了如何在VSCode中结合Gitee图床和PicGo插件，解决Markdown文档插入图片的问题，包括软件安装、插件配置和私人令牌的获取，以实现跨平台的图片管理与同步。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

1. 为什么使用vscode+gitee+picgo实现完美图床

  • 之前一直使用Typora写文档, 后来收费就弃用了, 在发现VSCode在添加MarkDown插件后, 使用起来也非常舒适, 之一使用了下来.
  • 当要发布文章时,MarkDown文档是不支持集成图片的, 这就非常难受, 而且在浏览器里边写边上传, 发现不可以一片多用, 换一个平台, 图片就会炸机, 然后就要重新去处理, 真的太麻烦了.
  • 然后就想到了使用图床, 最后发现只有Gitee创建的图床速度又快有稳定, 经过漫长的研究, 就有了这篇奶妈级的教程.

2. 安装VSCode

2.1 安装VSCode软件及相关插件

  1. 进入VSCode软件官网：https://code.visualstudio.com，然后下载VSCode。
    VSCode官网
  2. VSCode安装后，下载中文插件并安装。
    安装中文插件
  3. 安装Markdown插件：
    1. Markdown All in On
    2. Markdown Preview Github Styling
    3. Markdown PDF
    • Alt text
    1. 安装PicGo插件
    • alt text

3. 安装picgo

  1. 进入PicGo官网: PicGo官网

  2. 点击免费下载按钮
    alt text

  3. 找到一个正式版本, 比如现在最高的正式版是2.3.1, 找到这个版本的资源, 然后展开所有资源.

最低0.47元/天 解锁文章
vscode+picgo+gitee实现Markdown图床
xiaoyuzhou1994的博客
06-22 911
至此，在vscode中编辑的Markdown文档中的图片可以先上传到图床，再在文档中插入链接，这样上传文档就不会出现图片上传失败的问题。五、结语至此，在vscode中编辑的Markdown文档中的图片可以先上传到图床，再在文档中插入链接，这样上传文档就不会出现图片上传失败的问题。
VS Code配置 Markdown 图床 picgo
xw19900216的博客
08-19 698
VS Code是一个扩展性极强的编辑器，有非常丰富的插件。安装插件之后vscode就成为一个Markdown编辑器。支持预览，对语法的支持也非常好，唯一的缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。好在，VS Code有picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器。
VSCode与PicGo集成：博客图片管理实践指南
weixin_30415591的博客
11-13 830
本文还有配套的精品资源，点击获取 简介：本资源包提供了一个全面的指南，介绍如何结合使用Visual Studio Code和PicGo工具来管理博客图片。通过安装VSCode的PicGo插件，用户可以将本地图片上传到各种图床服务，并自动获取markdown格式的图片链接，以优化博客写作和图片管理流程。包括配置PicGo、使用图床服务、以及通过VSCode的快捷操作来插入图片...
博客图床 VsCode + PicGo + 阿里云OSS，Github
最新发布
wangqinyangx的博客
03-18 582
博客图床 VsCode + PicGo + 阿里云OSS，小丑，Github
vscode+github+picgo搭建图床
时莫如初的博客
06-16 592
更多详细的内容可以访问我的个人博客时莫如初
VScode+PicGo+Github搭建博客写作环境
weixin_48319333的博客
07-23 709
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nDBKjoIN-1658575329447)(https//cdn.jsdelivr.net/gh/FinnJob/blog-pic/img/20220723181957.png)],但是typora突然要收费了，所以转战vscode写博客，并配置PicGo和Github图床，其中GitHub配置见前面typora那篇博客，下面介绍vscode配置picgo。之前写了一篇在typora上配置写作环境，.........
vscode+github+picgo 搭建 markdown 图床
一起来学习嵌入式！
02-15 1575
1、安装 Markdown All in One 插件 Markdown All in One 插件作为 Markdown 编辑器非常好用，既可以预览，对语法的支持也非常好。2、安装 markdownlint 插件 这是个功能强大的 Markdown 语法检查器，可以帮助你书写出规范的文档，同时避免书写错误导致文档无法渲染。 markdownlint 制定了很多书写规范，如果不按照它的规范编写文章，则会提示很多错误或警告。3、安装 picgo 插件 可以下载 picgo 客户端来使用
Typora+gitee+PicGo+坚果云 实现Typora文件的保存完整保存
WangKingJ的博客
08-17 1074
一直在用Typora，自认为是最好用的markdown编辑器之一，但是比较狗的是不能实现云存储，这两天，因为可能存在换电脑写文档的问题，所以打算把它好好整理整理。 坚果云实现文件云同步 因为我同步的只是文档，所以坚果云的个人免费版完全就OK啦。坚果云 注册—>安装—>使用 使用的方式很简单，将你存放markdown文件的文件夹同步到坚果云就好了。 gitee建立图床 注册gitee账号，然后建立一个全新的仓库，作为Typora图片的存放地。 这样仓库就建好了。 然后我们需要获取一下私人令牌，
使用Gitee+PicGo搭建Hexo博客图床
LeoK77的博客
02-07 627
虽然Hexo可以设置相对路径引用存储图片，但是这样会把图片存储到Github上，而碍于国内对于Github的访问速度，博客中的图片加载起来十分的慢，而穷孩子用不起对象云存储，小型图床又怕跑路，所以把主意打到了Gitee身上 Gitee 如果没有Gitee账号的话自行注册一个，这里就不演示账号注册了。 Gitee官网：https://gitee.com/ 新建图床仓库 新建Public仓库 在Gitee主页左下角可以找到新建仓库按钮，点击之后即可新建一个开源(public)仓库，因为要制作的Hexo博.
PicGo:PicGo图床
03-18
1. **多图床支持**：PicGo内置了对多个图床服务的支持，包括GitHub、Gitee（码云）、阿里云OSS、腾讯云COS、七牛云KODO、Upyun（又拍云）等，让用户可以根据自己的需求选择合适的图床。 2. **拖拽上传**：用户可以...
VSCode+PicGo+AliyunOss搭建Markdown图床
leiyu的博客
05-29 1204
VSCode+PicGo+AliyunOss搭建Markdown图床  vscode是一个扩展性极强的编辑器，插件非常丰富，在下载了Markdown All in One插件之后作为Markdown编辑器非常好用。既可以预览，对语法的支持也非常好，唯一的一点缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。 picgo介绍  好在，vscode上有一个picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器，具体的使用方法是，安装完成后： windows
VScode + markdown + VS-PicGo（GitHub图床） 教程
DSleaf的博客
08-08 843
VScode + markdown + VS-PicGo（GitHub图床） 教程。
VsCode+PicGO+腾讯云实现快速上传markdown图床
cyoung的博客
04-12 1303
VsCode+PicGO+腾讯云实现快速上传markdown图床 文章目录VsCode+PicGO+腾讯云实现快速上传markdown图床效果图关于MarkDown关于VSCode关于腾讯云开始步骤一：注册腾讯云对象存储1.登录或注册腾讯云（第一次使用先实名认证）2.打开对象存储页面，点击立即使用3.创建存储桶4.配置管理步骤二：安装VSCode1.官网下载,自行安装即可。步骤三:安装配置PicGO插件1.Vscode扩展中搜索并安装PicGO2.配置PicGO3. 下拉框中选择Tcyun。4.将腾讯云记录
使用vscode+picgo+腾讯云搭建本地markdown编辑环境
好好学习，天天向上
02-27 1035
使用markdown+vscode+picgo+腾讯云搭建本地markdown编辑环境
vscode使用COS作为图床编写markdown文档
云存储小天使的博客
10-16 543
工作中很多人使用 vscode 来编写 markdown 文件，但插入图片时很不方便，本文介绍如何在 vscode 中使用腾讯云对象存储 COS 作为图床编写文档，其中会使用 PicGo...
PicGo + Gitee + VsCode - 搭建私人图床
CYK_byte的博客
04-07 981
本人是一个重度 vimer，并且喜欢客制化一些东西… Typora 固然好用，但不支持 vim…发现 vscode 中既可以使用 vim，也可以 md，用起来比较舒服.因此这里就搭建一个图床供 vscode 写博客使用.
vscode+七牛云+阿里云解决markdown图床
洛阳山
01-15 2781
比较喜欢markdown写文章，但是因为没有合适的图床，觉得略有遗憾。解决的办法如下：vscode+七牛云+备案的域名，实现快速写博客。 一、vscode及相关插件 使用的插件主要有两个：MarkdownPreviewEnhanced和qiniu-upload-image，下面逐个介绍。 1、MarkdownPreviewEnhanced 这个插件的主要用处是实现markdown文档的实时预览，安...
10. vscode + picgo + github 配置免费图床
热门推荐
hubing_hust的专栏
11-13 1万+
vscode + picgo + github 配置免费图床
vscode+gitee
02-25
### 配置和使用 Gitee 在 VSCode 中进行代码管理 #### 安装 Git 扩展 为了能够在 Visual Studio Code (VSCode) 中与 Gitee 进行交互，安装官方提供的Git扩展是必要的。这可以通过访问市场中的插件页面并搜索 "Git" 来完成，找到由 Microsoft 提供的 Git 插件后点击安装即可[^1]。 #### 创建 SSH 密钥对并与 Gitee 关联 对于更安全的身份验证方式，在本地计算机上创建一对新的SSH密钥，并将其公钥添加到个人Gitee账户设置下的SSH keys部分。此过程可以有效防止密码泄露带来的风险[^2]。 ```bash ssh-keygen -t rsa -C "your_email@example.com" ``` 将生成的 `.ssh/id_rsa.pub` 文件内容复制粘贴至 Gitee 的相应位置。 #### 克隆现有仓库或初始化新项目 当准备就绪之后，可以从现有的远程库克隆一份副本到本地工作区；也可以直接在本地建立一个新的git版本控制目录结构来启动全新的开发任务。通过命令面板 (`Ctrl+Shift+P`) 输入 `Git: Clone` 或者右键单击资源管理器空白处选择 `Clone Repository into Folder...` 即可实现上述两种情况之一的操作[^3]。 #### 推送更改至远端服务器 编辑文件完成后提交变更给暂存区并通过推送指令同步最新的改动回云端存储空间。确保每次 push 前都已正确设置了用户名邮箱等基本信息以便于追踪记录贡献者的身份信息[^4]。 ```bash git config --global user.name "Your Name" git config --global user.email "youremail@domain.com" # 添加所有修改过的文件进入索引 git add . # 将这些变化作为一次提交保存起来 git commit -m 'Initial commit' # 把当前分支推送到指定名称的目标地址上去 git remote add origin git@gitee.com:username/repository.git git push -u origin master/main ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值