blog icon indicating copy to clipboard operation
blog copied to clipboard

如何将Github打造成免费的图床

Open xianzou opened this issue 5 years ago • 1 comments

思路

  • 利用Github来存储图片
  • 使用jsDelivr来访问它
  • 可以使用PciGo进行图片上传到Github仓库地址

步奏一

新建Github仓库

创建之后我们就有了自己的仓库

步奏二

获取token,访问https://github.com/settings/tokens

拉到最下面,点击 Generate token,生成并复制。

步奏三

  • 下载PicGo,选择exe文件下载,github比较慢的话,可以百度 “PicGo+版本号”进行其他网站下载;
  • 安装完毕PicGo之后,打开PicGo,点击图床设置,进行Github图床设置
  • 设定仓库名:填入你上面创建的仓库名,格式为:用户名/仓库名
  • 设定分支名:一般填写 master 就行了;
  • 设定 Token:将 Github 配置中得到的 Token 粘贴进去;
  • 指定存储路径:你想要把图片放在仓库的哪个位置,我这里写的是images/,我这样写就会再static_files下新建一个文件夹存放,图片会存放于xianzou/static_files/images/下面;
  • 设置自定义域名:通过jsdelivr获取图片:https://cdn.jsdelivr.net/gh/xianzou/static_files@master;
    • gh表示来自Github仓库
    • xianzou/static_files是指仓库的具体位置
    • master是仓库分支
  • 访问地址:https://cdn.jsdelivr.net/gh/xianzou/static_files@master/images/picGo_upload.png
  • 点击确认,点击设为默认图床

步奏四

进行图片的上传

上传后可以看到自己的Github仓库已有图片:

如何访问图片

  • 使用地址https://cdn.jsdelivr.net/gh/xianzou/static_files@master/images/图片名称.png
    • https://cdn.jsdelivr.net/gh/xianzou/static_files@master/images/picGo_upload.png
  • 通过PicGo的相册内获取:

结尾

现在可以愉快的在md中使用图片外链了,UNPKG也可以获取;

xianzou avatar Sep 02 '19 09:09 xianzou

这个 token 只出现一次,所以要保存一下,可以存储到微信或者有道云之类的笔记中~

xianzou avatar Sep 03 '19 02:09 xianzou