vscode+picgo+github配置免费图床(图文教程)(vscode如何使用pip)学到了

随心笔谈2年前发布 admin
180 0 0

文章摘要

这篇文章详细介绍了如何在VSCode中使用PicGo插件配置GitHub图床的教程。文章分为以下步骤: 1. **安装插件**:在VSCode插件市场搜索并安装PicGo插件。 2. **创建GitHub仓库**:注册GitHub账号,新建仓库并保存仓库名。 3. **生成GitHub token**:通过GitHub设置生成访问令牌,用于PicGo操作。 4. **配置PicGo插件**:在VSCode的配置面板中搜索并找到PicGo插件,按照指引完成配置。 5. **上传图片**:使用快捷键Ctrl + Alt + U完成图片自动上传。 文章还提到了常见问题及解决方案,例如链接打不开的问题。解决方案包括: - 查找GitHub raw链接对应的IP地址。 - 修改`hosts`文件,将IP地址添加进去,重新加载即可正常显示。 教程内容适合对编程和可视化工具使用有一定了解的读者,帮助他们在VSCode中快速建立并管理图床。



目录在vscode中安装picgo插件配置github配置PicGo在vscode中使用图床常见问题

在vscode的插件中搜索picgo,点击安装

在这里插入图片描述

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

点此进入github首页

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

点击New repository创建新的repo

在这里插入图片描述

填入一些相关的信息

在这里插入图片描述

3. 生成一个token用于PicGo操作你的仓库 访问https://github.com/settings/tokens 创建新token

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

Ctrl + Shift + P 打开配置面板, 搜索picgo,找到对应的github配置项,按照下图进行配置即可

在这里插入图片描述

打开一个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

保存后即可正常加载

到此这篇关于vscode+picgo+github配置免费图床(图文教程)的文章就介绍到这了,更多相关vscode  picgo   github免费图床内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:使用VSCode如何从github拉取项目的实现vscode中利用git通过ssh连接github的方法

© 版权声明

相关文章