10. vscode + picgo + github 配置免费图床

VSCode PicGo插件教程：一键GitHub图片托管
原创 已于 2022-11-14 00:26:29 修改 · 1.5w 阅读 · 17 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #github #git

于 2022-11-13 21:14:49 首次发布

在vscode中安装picgo插件

在vscode的插件中搜索picgo，点击安装
在这里插入图片描述

配置github

1. 首先得注册一个github账号，这个自己操作一下。

点此进入github首页

2. 新建一个仓库, 记下你取的仓库名

点击New repository创建新的repo
在这里插入图片描述填入一些相关的信息
在这里插入图片描述

3. 生成一个token用于PicGo操作你的仓库

  • 访问https://github.com/settings/tokens 创建新token

在这里插入图片描述

  • 填上必要的信息，勾选repo，然后点击页面下方的Generate token绿色按钮生成token

在这里插入图片描述

  • 注意：这个token生成后只会显示一次！你要把这个token复制一下存到其他地方以备以后要用

在这里插入图片描述

配置PicGo

Ctrl + Shift + P 打开配置面板， 搜索picgo，找到对应的github配置项，按照下图进行配置即可
在这里插入图片描述

在vscode中使用图床

  • 打开一个md文件，随便截个图，粘贴到md文件中

在这里插入图片描述

  • 然后使用快捷键Ctrl + Alt + U，即可完成自动上传

在这里插入图片描述

  • 可以看到github中已经上传了图片，需要注意的是如果github的repo里的图片文件被手动删除了，那么链接自然也就失效了。
    github

常见问题

1. 生成的地址打不开

自动生成的类似如下地址，无法解析，直接点击在浏览器中也无法打开
https://raw.githubusercontent.com/BingHugh/picgo/main/20221113221343.png

解决方案：

  • 打开https://www.ipaddress.com
  • 在这个网站中的查询框中输入：raw.githubusercontent.com，回车，在里面找到它相应的的ipv4地址：
    20221113223808
  • 选择一个，比如185.199.108.133， 将它写入到C:\Windows\System32\drivers\etc\hosts文件中
185.199.108.133 raw.githubusercontent.com
  • 保存后即可正常加载
VS Code配置 Markdown 图床 picgo
xw19900216的博客
08-19 798
VS Code是一个扩展性极强的编辑器，有非常丰富的插件。安装插件之后vscode就成为一个Markdown编辑器。支持预览，对语法的支持也非常好，唯一的缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。好在，VS Code有picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器。
vscode+github+picgo 搭建 markdown 图床
一起来学习嵌入式！
02-15 1667
1、安装 Markdown All in One 插件 Markdown All in One 插件作为 Markdown 编辑器非常好用，既可以预览，对语法的支持也非常好。2、安装 markdownlint 插件 这是个功能强大的 Markdown 语法检查器，可以帮助你书写出规范的文档，同时避免书写错误导致文档无法渲染。 markdownlint 制定了很多书写规范，如果不按照它的规范编写文章，则会提示很多错误或警告。3、安装 picgo 插件 可以下载 picgo 客户端来使用
【杂谈】使用VsCode提交github
最新发布
2302_76585709的博客
09-24 1171
本文记录了使用VsCode配置Python开发环境并连接GitHub的完整流程。主要内容包括：1）下载WattToolkit加速器、注册GitHub账号、安装Git和VsCode；2）配置设备代理和Git（设置用户名邮箱、代理端口、禁用SSL验证）以打通VsCode到GitHub的网络连接；3）解决加速器设为System模式时GitHub无法打开的问题。作者作为Python初学者，选择轻量化的VsCode而非Anaconda+Pycharm组合，通过视频教程和自主搜索完成了首次GitHub文件提交。该教程详
VSCode + 阿里云 +图床插件 Picgo
u011895157的博客
04-05 678
在 扩展商店搜索 picgo 然后安装，我这里已经安装了。
vscode+github+picgo搭建图床
时莫如初的博客
06-16 649
更多详细的内容可以访问我的个人博客时莫如初
vscode+picgo+gitee实现Markdown图床
xiaoyuzhou1994的博客
06-22 1152
至此，在vscode中编辑的Markdown文档中的图片可以先上传到图床，再在文档中插入链接，这样上传文档就不会出现图片上传失败的问题。五、结语至此，在vscode中编辑的Markdown文档中的图片可以先上传到图床，再在文档中插入链接，这样上传文档就不会出现图片上传失败的问题。
博客图床 VsCode + PicGo + 阿里云OSS，Github
wangqinyangx的博客
03-18 673
博客图床 VsCode + PicGo + 阿里云OSS，小丑，Github
使用VScode + PicGo 写markdown 以及github图片加载不出的问题
CodeLuweir 的博客
05-12 3319
PicGo在vscode中相当于把你剪贴板图片上传到云端，然后提供给你一个访问它的链接； 图床即实现这样一个功能，为什么要这样呢？ 如果直接复制图片，则是生成一个含本地文件路径名的链接，这只在当前可以看到此图片，如果将文本复制到别的地方就指挥显示此路径链接，而不可能出现图像，所以需要一个图床一样的工具，将图片放入云端，然后给你链接才访问此图像，这就避免了上述问题； 简单来说，图床就是自动把本地图片转换成链接的一款工具，即PicGo的功能； 如何用vscode配置picgo来实现markdown文档的编辑：
VSCode+PicGo+Github搭建Markdown图床
leiyu的博客
05-29 3056
VSCode+PicGo+Github搭建Markdown图床  vscode是一个扩展性极强的编辑器，插件非常丰富，在下载了Markdown All in One插件之后作为Markdown编辑器非常好用。既可以预览，对语法的支持也非常好，唯一的一点缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。 picgo介绍  好在，vscode上有一个picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器，具体的使用方法是，安装完成后： windows下ct
vscode+gitee+picgo实现稳定图床
LXHYouth的博客
03-02 1885
主要是平时写文章的平台，要么是收会员费用，要么是本站图片链接只能在本站网站访问，换一个平台，图片就裂了，图片问题困扰我很久，也是经过很多试用，最终选定这个工具组合，之前图片仓库使用的是Github，但是在国内，Github的访问速度简直感人！设置仓库用户名, 比如我这里叫: pic_bed, 仓库设置为 开源 , 然后勾选初始化仓库, 模板文件设置为 ReadMe文件, 最后点击创建按钮.找到一个正式版本, 比如现在最高的正式版是2.3.1, 找到这个版本的资源, 然后展开所有资源.
【一劳永逸】10分钟配置 VScode插件picgo + github免费图床，实现Markdown写作高效插图
捡起一束光的博客
02-12 8796
前言 我之前一直用优快云的Markdown写博客，插入图片也非常快速，但是唯一不足就是不能用vim，所以我有时也会选择在VScode上写Markdown博客，也是非常方便，不过vscode需要自己搭建图床，没有csdn那么方便，但是只要你使用了vscode插件picgo，然后花10分钟配置一下github免费图床，就可以用快捷键快速插入图片了 步骤 下载插件picgo（默认是sm-ms图床，我...
VSCode与PicGo集成：博客图片管理实践指南
weixin_30415591的博客
11-13 1086
本文还有配套的精品资源，点击获取 简介：本资源包提供了一个全面的指南，介绍如何结合使用Visual Studio Code和PicGo工具来管理博客图片。通过安装VSCode的PicGo插件，用户可以将本地图片上传到各种图床服务，并自动获取markdown格式的图片链接，以优化博客写作和图片管理流程。包括配置PicGo、使用图床服务、以及通过VSCode的快捷操作来插入图片...
VSCode + 阿里云OSS + 图床插件Picgo
qq_45956475的博客
07-05 498
vscode配置图床环境
vs code配置github
TardisKey的博客
08-03 565
问题：拉代码时出现 The authenticity of host ‘github.com (192.30.253.113)’ can’t be established. 解决方法：本地少了 know_host文件，在刚刚那个位置输入yes就可以了，而不是回车 问题：fatal: Could not read from remote repository 解决方法： https://fzy15116089232.blog.csdn.net/article/details/111537943 问题： 在gi
VScode + markdown + VS-PicGo（GitHub图床） 教程
DSleaf的博客
08-08 967
VScode + markdown + VS-PicGo（GitHub图床） 教程。
vscode 配置插件 PicGo
叉叉敌的博客
02-08 2841
如果你是用 markdown 写文章的话，会发现一个问题。插入图片，要么发布的时候手动一个个的粘贴，要么，就是放到其他bucket里面，然后用图床。恰好有这么一款工具，配合 vscode 得心应手。 先来看看什么是 PicGo https://picgo.github.io/PicGo-Doc/zh/guide/ PicGo在上传图片之后自动会将图片链接复制到你的剪贴板里，可选5种复制的...
VSCode+PicGo+AliyunOss搭建Markdown图床
leiyu的博客
05-29 1248
VSCode+PicGo+AliyunOss搭建Markdown图床  vscode是一个扩展性极强的编辑器，插件非常丰富，在下载了Markdown All in One插件之后作为Markdown编辑器非常好用。既可以预览，对语法的支持也非常好，唯一的一点缺点就是不能上传图片，以至于每次写博客的时候都要切到网站上粘图片再拷贝连接回来，非常麻烦。 picgo介绍  好在，vscode上有一个picgo插件，可以让我们用快捷键即可上传图片到默认的免费服务器，具体的使用方法是，安装完成后： windows
使用VScode插件vs-picgo传图到阿里云(Ubuntu18)
子燕若水的博客
12-22 669
使用vs-picgo插件，让hexo在写文章过程中插入图片变得如此自然顺滑！ sudo apt install xclip 安装Vscode Plugin for PicGo 在VSCode编辑器的Extensions中搜索PicGo并安装 配置PicGo 打开设置选项：File>Preferences>Settings（快捷键：Ctrl+,）； 在“Settings”面板中的：Extensions>PicGo，将当前图床选择为“aliyun”，并对下方的“aliyun...
VScode github配置及github代码管理
huhuhaha008的专栏
04-05 4204
今天记录一下我配置VScode中用github来管理自己代码的经验，供有需要的人参考 1、下载git客户端（其实我感觉下不下载都可以） 地址：https://git-scm.com/download 如图选择你操作系统对应的版本，点击下载 后面就是一顿了下一步了，这里不赘述。 2、去github创建代码仓库 地址：https://github.com/ 如果有用户名密码就直接登录...
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smart_cat

你的鼓励将是我写作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值