GitHub+picGo搭建免费图床 · 真保姆级教程

前言

脚本UI界面需要一些图来修饰,其实是可以将图直接放在项目里直接打包的。但是,这样做的缺点有两个,一是增加脚本大小,二是不利于后期维护(比如更换图片)。

无论是在开发UI界面或者是个人博客,网上普遍采用的都是图床的方式。 市面上免费的图床也有很多,但是基本有所限制,比如说存储空间、链接的生效时间等等。

以前个人一直采用的是项目打包的方式,前几天刚好在GitHub上看到了picGo,配置了下发现还挺好用的,虽然直接访问由GitHub生成的链接速度上会有所限制,但是如果使用jsdelivr作为cdn加速则弥补了这一缺点,无限存储以及链接永不过期的特性值得我的十分推荐!

故写一篇关于GitHub+picGo配置的教程

picGo概述

一个用于快速上传图片并获取图片URL链接的工具,支持如下图床:

  1. 七牛图床
  2. 腾讯云COS图床
  3. 又拍云图床
  4. GitHub图床
  5. SM.MS图床
  6. 阿里云OSS图床
  7. Gitee图床
  8. 牛图网图床
  9. 兰空图床

注:本文仅对GitHub图床进行配置演示>注:本文仅对GitHub图床进行配置演示

picGo版本支持

  1. Android
  2. Windows
  3. macOS
  4. Linux

注:本文仅对Android版进行配置演示

注册Github

1、进入GitHub官网:点我进入Github官网
若是出现以下页面,可以开个魔法再进(别问我有没有魔法,问就是没有)


2、点击 Sign up注册

3、依次输入你的邮箱(可以是QQ邮箱,但必须是未注册过GitHub的邮箱)、想设置的密码、用户名(必须是英文)、是否接受来自GitHub的邮件(接受则输入y,否则输入n)

4、验证账号,最后一个即是旋涡星系

验证后点击Create Account会进入一个输验证码的页面,此时你所填写的邮箱会收到一个8位数验证码,输入即可

5、当你进入GitHub主页面就代表注册成功啦!

配置GitHub

1、点击右上角的“ +”后,再点击 New repository

2、输入Repository name,可自定义,下方选择Public。 记住下图中黄色圈起来的部分(即【Owner/Repository name】
比如说下图中是:daowuya399/pictures


点击Create Repository

3.点击右上角,点击Settings


4、在新页面滑到底部,点击Developer settings

5、点击Personal access tokens

6、点击Generate new token

7、Note可自定义输入,Expiration表示token的过期时间,建议选择最后一个:No expiration,永不过期

8、定义token的访问权限,只要勾选rebo即可,其他默认

滑到底部,点击Generate token

9、此时新页面会生成你的token,记得保存好,该页面只展示一次,点击token旁的复制标志复制即可

10、此系列步骤除了配置GitHub外,主要是需要获取两个数据供下面的picGo进行配置第一个数据(在步骤2):

daowuya399/pictures

第二个数据(在步骤9):

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

配置picGo

1、安装好PicGo安卓版,若需要其它版的自行选择下载
点我跳转下载页
2、测试机型:小米12X,系统版本安卓12。
存在问题:
上传图片时会闪退,初步测试原因是安卓版本过高,安卓11没测试,不过估计也不行,因此给出以下解决办法:在虚拟机VMOS PRO里安装VMOS PRO直接在应用商店搜索下载即可,无需开通vip,免费的就可以,经测试,完全可用。
3、安装好后打开picGo—— 设置 —— 图床设置 —— Github图床 ,以下是设置的标准:确认分支名: main设定自定义域名:
https://cdn.jsdelivr.net/gh/上个教程的第一个数据设定仓库名: 上个教程的第一个数据设定Token:上个教程的第二个数据
填写完成后点击保存并把那个设为默认图床即可。
如图所示:


4、此时就可以选择图片上传了

上传后点进去长按图片即可看到图片的链接

5、此时就可以将图床的链接插进我们的代码里面,再也不用担心失效的问题啦!

效果图


作 者:道无涯
来 源:道无涯博客
链 接: https://www.daowuya.love/githubpicgo搭建免费图床-·-真保姆级教程/
版 权 声 明:本博客所有文章除特别声明外,均采用CC BY-NC-SA 4.0许可协议。文章版权归作者所有,未经允许请勿转载!


暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇