基于GITHUB搭建图床

介绍:

优点:

  • 很稳定不会跑路,用的是自己的仓库和公共托管平台
  • 图片可以增量快速更新和跨设备管理
  • 可以进行版本管理和查看之前的版本
  • 有公共CDN,速度还是不错的
  • 资源格式可以任意都行,包括css、js等

缺点

  • 每个仓库限制1G,超过要新建另一个仓库
  • git管理可能偶尔会遇到网络和公钥失效问题
  • 访问速度较慢(每次打开网页图片的URL都是本机访问链接的,而不是储存在网页服务器中,因此无法连上github的设备无法访问图床,直接导致图片无法显示)

开始

  1. 进入Github官网注册并登录自己的账号,到自己的个人主页,点击右上角的+,并选择New Repository创建自己的仓库。

image-20230916173719516


  1. 仓库名字随意,描述也可以自由发挥,可见性最好选public选private每次访问都要输入密码确认身份Readme文件可以创建,然后点击Create Repository创建仓库。

  2. 让你的计算机与Github建立通信,这部分可以参考Hexo 博客搭建基础教程 (一)的第7点,主要是创建公钥上传公钥检查通信这几步,确保计算机有权限访问远程仓库,所述教程是用的RSA公钥,目前更推荐ed25519公钥,该数字签名算法的签名和验证的性能都极⾼,具体教程百度这里不再赘述。

img

  1. 先在本地创建一个文件夹,文件夹位置和名字随意就可以,进入该文件夹后右键打开Git Bash(之后创建的仓库会clone到这里),然后输入以下代码把之前创建的仓库拷贝下来,其中git clone后面的东西要替换成自己的仓库信息,可以通过自己仓库的ssh链接来获取。
1
2
git clone git@github.com:用户名/仓库名.git 
git clone git@github.com:fomalhaut1998/pic_bed.git \\演示
img

此时我们可以看见自己的文件夹多了个.git文件夹和Readme.md文件,这就代表成功了。

  1. 此时我们最好在这个文件夹里面创建创建一个img文件夹专门存放图片,如果有存放其他类型资源的可以创建别的文件夹,比如现在想往仓库里加两张图,直接就把图片复制到img文件夹里面即可。

    img

    其他格式的图片也一样可以用,webp图片比较小可以放很多个。

    回到一开始git clone的位置也就是readme文件夹一个目录下。

    1
    2
    3
    4
    5
    # 将更改提交
    git add .
    git commit -m "更新图片"
    # 推送至github仓库
    git push
  2. 打开仓库确认图片有无上传成功,有了资源就说明完成了。

引用图片,也就是找到图片的url链接

打开仓库

image-20230916175422932

选择一张图片

image-20230916175503526

https://github.com/huanlue/image_info/blob/main/image/illust_101123738_20230313_211149.jpg

但是这并不是图片的url链接

image-20230916175544477

右键图片选择复制图像链接,这次啊是图片的url链接

实际的链接应该是:

https://github.com/huanlue/image_info/blob/main/image/illust_101123738_20230313_211149.jpg?raw=true

后边加上?raw=true

参考来源:

其上边还有很多其他图床部署教程,还有配合typora使用边引用边上传的pic_go软件。