Github+PicGo搭建个人免费图床

一、配置GitHub

1、新建公开仓库

1.1、New repository

image-20241208200957103

1.2、定义仓库名称,设置公开属性

image-20241208201624888

2、创建私人令牌(token)

2.1、个人头像 --> Settings

image-20241208201951416

2.2、左侧列底部点击 Developer settings

image-20241208202324531

2.3、选择 Generate new token (classic)

依此点击 Personal access tokens --> Tokens(classic) --> Generate new token --> Generate new token(classic)

image-20241208202700365

2.4、密码验证

image-20241208203005339

2.5、创建令牌

Note:标记作用,任意写

Token 过期时间:为了安全性,不建议选择永久

访问权限:选择repo,对私有库享有完全控制

image-20241208203558114

image-20241208204003566

2.6、记事本记下token

image-20241208204202986

二、配置PicGo

1、PicGo下载地址

Molunerfinn/PicGo

依据自身的操作系统下载安装软件包

image-20241208205038844

2、图床设置

图床设置 --> GitHub

image-20241208205529981

3、具体图床参数配置

image-20241208210908968

3.1、图床配置名

当前图床的名称,自定义

3.2、设定仓库名

格式:用户名/仓库名

可以通过GitHub上创建仓库页的域名快速得到

# 例如我这边的仓库名就是
misakivv/Cloud-Image-Hosting

image-20241208211340755

3.3、设定分支名

默认情况下均为 main 分支

image-20241208211433483

3.4、设定Token

上面 一、2.6、保存的Token

3.5、设定存储路径

存放至 Github 指定仓库的哪个文件夹下

  • 如果直接放到仓库的根目录下就不需要填写这一栏
  • 如果需要放到某个目录下,格式:/
  • 当填写的目录不存在时,Github会自动创建对应目录

3.6、设定自定义域名

这里使用免费的CDN:jsDelivr

官网链接:jsDelivr - A free, fast, and reliable CDN for JS and open source

# https://cdn.jsdelivr.net/gh/:固定的前缀,相当于替换掉了Github地址中的https://github.com/
# user:Github上的用户名
# repo:仓库名
# @version:版本号(这里我们可以不管)
# file:文件名(这里我们也不需要加上,因为上传完图片后,它会自动将上传的图片的名字作为存储的文件名)
# 例如我这里的填写
https://cdn.jsdelivr.net/gh/misakivv/Cloud-Image-Hosting

image-20241208210423943

这里值得注意的是,如果需要指定上传到哪个分支,此时需要在自定义域名后面使用@ + 分支名,如果是仓库默认的分支,可以省略指定分支这一步。

eg:我需要上传到 k8s 分支上,此时自定义域名就变成了:https://cdn.jsdelivr.net/gh/misakivv/Cloud-Image-Hosting@k8s

三、测试

上述配置完成后即可上传本地图片生成对应云端平台链接使用

1、本地上传图片

上传区 --> 选择GitHub图床 --> 点击上传

image-20241208214145279

2、相册查看

image-20241208214425844

3、时间戳重命名

添加时间戳命名选项可以避免上传相同图片被覆盖的情况

image-20241208213952255

四、Typora插入图片实现自动上传至PicGo(可选)

需要将PicGo图床的链接格式换成Markdonw格式才能实现功能

image-20241208220626544

1、打开 Typora 偏好设置

ctrl + , 快捷键

image-20241208215529021

2、插入图片选项选择上传图片

image-20241208220450006

3、上传服务设定

  • 上传服务选择 PicGo(app)
  • PicGo 路径为安装 PicGo 目录
posted @ 2024-12-08 22:12  misakivv  阅读(14)  评论(0编辑  收藏  举报