Typaro+PicGo+GitHub构建的图床

199 阅读2分钟
1.GitHub设置

首先在GitHub中创建一个仓库作为图床使用,并将可见性设置为public:

Snipaste_2022-06-09_16-50-27.png

Snipaste_2022-06-09_16-57-50.png 创建了仓库后要创建Token:

  • 点击右上角头像选选择设置(Settiings)
  • 翻到最下面在左侧菜单栏里选择‘’Developer settings‘’
  • 接着在菜单栏里选择“Personal access tokens”,在右侧选择“Generate new token”生成新的令牌
  • 填写你的账号密码确认后在“Note”选项下填写你的仓库名方面辨认,勾选“repo”选项,其他不用管直接拉到最下面确认生成令牌;
  • 复制生成的令牌,并且保存好,后面需要用到; 如图:

Snipaste_2022-06-09_17-16-05.png

Snipaste_2022-06-09_17-17-34.png

Snipaste_2022-06-09_17-22-56.png

Snipaste_2022-06-09_17-29-00.png

1c7066a04257ecb431f4b79d57cc501b.png

2.下载PicGo并设置
  • 首先下载PicGo,下载地址:molunerfinn.com/PicGo/,安装后记住PicGo的安装目录。
  • 打开PicGo,在上传图片的上方点击三角箭头,选择GitHub图床

Snipaste_2022-06-09_18-38-43.png

  • 在左侧菜单栏中选择图床设置,再点击GitHub图床:

Snipaste_2022-06-09_18-46-12.png

  • 各选项详细设置为:
  1. 设定仓库名,设置规则为你的GitHub帐户名/图床仓库名
  2. 设定分支名,默认为master就好;
  3. 设定Token,就是刚刚保存的Token,复制粘贴进这里就好;
  4. 指定存储路径,可以设置图片存储在仓库的哪个目录下,PicGo/
  5. 设定自定义域名:为了使用jsdeliver进行加速,此处设置规则为:https://cdn.jsdelivr.net/gh/GitHub帐户名/图床仓库名

PS: jsdeliver官网:www.jsdelivr.com/

jsDeliver加速:www.jianshu.com/p/2097bef17…

设置完成后,点击确定,此时PicGo设置完成。

PS:PicGo官方教程:github.com/Molunerfinn…

2.1 PicGo的插件

在PicGo的软件上提供有众多的开源插件下载使用,如果我们只是简单地使用PicGo进行图片上传,那么我们无法上传同名的图片,所以我们需要安装插件,对图片进行重命名。在PicGo中选择插件设置,搜索rename-file进行安装: 8f3741e51aacfee191124dafd8a5c146.png 鼠标右键单击插件齿轮,选择配置plugin:picgo-plugin-rename-file,配置项如下:

c3c4f761f6d7c6d6d60f128f01fb8140.png 可以自定义图片名:{y}-{m}-{d}/{hash}-{rand:4}-{origin}

参考资料:rename-file教程:github.com/liuwave/pic…

3.Typora下载并设置

下载网址:www.aliyundrive.com/s/uTSbRfPjn…

此版本是1.0收费版本的最后一个免费版本,目前官网已经不存在下载链接,链接时阿里云盘,留作备用。

打开Typora的设置面板(文件 — 偏好设置),找到图像一栏,设置如下:

574673b25f83b440238ce1765f244445.png 验证成功后: 6632664f0a581864e3e892ce1ff0aad5.png 此后,只要在Typora中写文章插入图片时,Typora就会自动调用PicGo程序,将图片上传到GitHub中去,然后把返回的图片地址进行替换,这样文章中的图片地址就是GitHub中的图片地址了。

此时您可以看看GitHub仓库中是否有图片了。

PS: Typora官方教程:support.typora.io/Upload-Imag…