vscode+gitee+picgo实现稳定图床

最新推荐文章于 2025-03-21 12:48:07 发布
最新推荐文章于 2025-03-21 12:48:07 发布
阅读量1.6k 收藏 22
点赞数 25
分类专栏： 图床 VSCode 文章标签： vscode gitee ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/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 927
至此，在vscode中编辑的Markdown文档中的图片可以先上传到图床，再在文档中插入链接，这样上传文档就不会出现图片上传失败的问题。五、结语至此，在vscode中编辑的Markdown文档中的图片可以先上传到图床，再在文档中插入链接，这样上传文档就不会出现图片上传失败的问题。
VS Code配置 Markdown 图床 picgo
xw19900216的博客
08-19 710
VS Code是一个扩展性极强的编辑器，有非常丰富的插件。安装插件之后vscode就成为一个Markdown编辑器。支持预览，对语法的支持也非常好，唯一的缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。好在，VS Code有picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器。
VSCode与PicGo集成：博客图片管理实践指南
weixin_30415591的博客
11-13 845
本文还有配套的精品资源，点击获取 简介：本资源包提供了一个全面的指南，介绍如何结合使用Visual Studio Code和PicGo工具来管理博客图片。通过安装VSCode的PicGo插件，用户可以将本地图片上传到各种图床服务，并自动获取markdown格式的图片链接，以优化博客写作和图片管理流程。包括配置PicGo、使用图床服务、以及通过VSCode的快捷操作来插入图片...
VSCode中操作gitee
最新发布
weixin_48088839的博客
03-21 1978
点击初始化仓库，这时候，你可以在电脑的资源管理器中看到一个隐藏的.git文件夹，意味着你的这个文件夹内的项目将会被VS Code进行版本管理。特别注意的是，当你点击提交之后，在Gitee的仓库中并不会更新内容，因为这个“提交”只是在你的电脑中预存了这些更改而已。注意：有时候添加完之后，会有Git弹出来让你登录Gitee账户，你按照你的Gitee账户信息进行填写即可。注意：如果没有这个选项，那就在VS Code顶部的横向菜单中点击“查看”，就可以看到“源代码管理”
vscode+github+picgo搭建图床
时莫如初的博客
06-16 595
更多详细的内容可以访问我的个人博客时莫如初
VScode+PicGo+Github搭建博客写作环境
weixin_48319333的博客
07-23 711
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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 1582
1、安装 Markdown All in One 插件 Markdown All in One 插件作为 Markdown 编辑器非常好用，既可以预览，对语法的支持也非常好。2、安装 markdownlint 插件 这是个功能强大的 Markdown 语法检查器，可以帮助你书写出规范的文档，同时避免书写错误导致文档无法渲染。 markdownlint 制定了很多书写规范，如果不按照它的规范编写文章，则会提示很多错误或警告。3、安装 picgo 插件 可以下载 picgo 客户端来使用
Typora+gitee+PicGo+坚果云 实现Typora文件的保存完整保存
WangKingJ的博客
08-17 1080
一直在用Typora，自认为是最好用的markdown编辑器之一，但是比较狗的是不能实现云存储，这两天，因为可能存在换电脑写文档的问题，所以打算把它好好整理整理。 坚果云实现文件云同步 因为我同步的只是文档，所以坚果云的个人免费版完全就OK啦。坚果云 注册—>安装—>使用 使用的方式很简单，将你存放markdown文件的文件夹同步到坚果云就好了。 gitee建立图床 注册gitee账号，然后建立一个全新的仓库，作为Typora图片的存放地。 这样仓库就建好了。 然后我们需要获取一下私人令牌，
全流程指导Visual Studio Code+Markdown Nice+gitee+PicGo管理自己的技术博客
锐多宝的地理空间
08-04 908
1.背景 我挺喜欢写博客，但每一次将博客转移到公众号或者知乎，总是需要调整格式，不能一步到位。有没有办法可以管理自己的博客，还真有：MarkDown文档。各个平台，一步到位，格式完全相同。完美！ 2.简介 Markdown 简称md，是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。最常见的是gituhub中的说明文档。这是一种非常擅长写作，而不用在意写作格式的工具。 作用：博客内容的文档格式。 Visual Studio Code：运行于 Mac OS X、Windows和 Linux
使用Gitee+PicGo搭建Hexo博客图床
LeoK77的博客
02-07 627
虽然Hexo可以设置相对路径引用存储图片，但是这样会把图片存储到Github上，而碍于国内对于Github的访问速度，博客中的图片加载起来十分的慢，而穷孩子用不起对象云存储，小型图床又怕跑路，所以把主意打到了Gitee身上 Gitee 如果没有Gitee账号的话自行注册一个，这里就不演示账号注册了。 Gitee官网：https://gitee.com/ 新建图床仓库 新建Public仓库 在Gitee主页左下角可以找到新建仓库按钮，点击之后即可新建一个开源(public)仓库，因为要制作的Hexo博.
VSCode+PicGo+AliyunOss搭建Markdown图床
leiyu的博客
05-29 1206
VSCode+PicGo+AliyunOss搭建Markdown图床  vscode是一个扩展性极强的编辑器，插件非常丰富，在下载了Markdown All in One插件之后作为Markdown编辑器非常好用。既可以预览，对语法的支持也非常好，唯一的一点缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。 picgo介绍  好在，vscode上有一个picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器，具体的使用方法是，安装完成后： windows
VScode + markdown + VS-PicGo（GitHub图床） 教程
DSleaf的博客
08-08 860
VScode + markdown + VS-PicGo（GitHub图床） 教程。
VsCode+PicGO+腾讯云实现快速上传markdown图床
cyoung的博客
04-12 1315
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 1036
使用markdown+vscode+picgo+腾讯云搭建本地markdown编辑环境
vscode使用COS作为图床编写markdown文档
云存储小天使的博客
10-16 553
工作中很多人使用 vscode 来编写 markdown 文件，但插入图片时很不方便，本文介绍如何在 vscode 中使用腾讯云对象存储 COS 作为图床编写文档，其中会使用 PicGo...
PicGo + Gitee + VsCode - 搭建私人图床
CYK_byte的博客
04-07 998
本人是一个重度 vimer，并且喜欢客制化一些东西… Typora 固然好用，但不支持 vim…发现 vscode 中既可以使用 vim，也可以 md，用起来比较舒服.因此这里就搭建一个图床供 vscode 写博客使用.
vscode+七牛云+阿里云解决markdown图床
洛阳山
01-15 2790
比较喜欢markdown写文章，但是因为没有合适的图床，觉得略有遗憾。解决的办法如下：vscode+七牛云+备案的域名，实现快速写博客。 一、vscode及相关插件 使用的插件主要有两个：MarkdownPreviewEnhanced和qiniu-upload-image，下面逐个介绍。 1、MarkdownPreviewEnhanced 这个插件的主要用处是实现markdown文档的实时预览，安...
10. vscode + picgo + github 配置免费图床
热门推荐
hubing_hust的专栏
11-13 1万+
vscode + picgo + github 配置免费图床
博客图床 VsCode + PicGo + 阿里云OSS，Github
wangqinyangx的博客
03-18 596
博客图床 VsCode + PicGo + 阿里云OSS，小丑，Github
vscode+gitee
02-25
### 配置和使用 Gitee 在 VSCode 中进行代码管理 #### 安装 Git 扩展 为了能够在 Visual Studio Code (VSCode) 中与 Gitee 进行交互，安装官方提供的Git扩展是必要的。这可以通过访问市场中的插件页面并搜索 "Git" ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值