返回

GitHub ➕ PicGo 图床配置

图床

博客除了文字之外还有图片,但是由于图片的位置是在本地上,因此当上传至网站上时是没办法访问到这些图片的。而图床就可以解决这个问题,其本质上就是一个可以被互联网访问的存放图片的空间。

  • 大致可以分为下面几类:

    • 公共图床:只需要上传图片即可,网站会返回给你图片的 URL,例如 Hello图床 。简单方便,但是不太稳定,并且有一些上传限制。

      image-20241207161745355

    • 代码托管平台:类似于 GitHub,Gitee 这种。

    • 云服务器:类似于阿里云、腾讯云、华为云这些。

本来想省心直接使用阿里云服务器,看了眼价格之后,默默放弃了(学生党伤不起~)。最后还是选择了 GitHub 作为图床,除了在国内访问不便之外其他方面都还好。

GitHub 搭建图床

首先需要一个 GitHub 仓库,仓库名随意,设置为 public,建议加上 README 文件,这样默认分支就会变成 main。

image-20241207152656918

之后需要申请 Token,前往 settings -> Developer Settings -> Personal access tokens 创建一个 token(classic)

image-20241204143137362

勾选上 repo,如果要考虑安全的话,Token 有效期不要设置永不过期。还有就是注意这个 Token 只有在刚申请的时候才能看到,注意保存,否则只能重新申请一个新的。

image-20241207153620166

PicGo

这时候我们就可以将图片上传到仓库了,但是每次都需要手动 Git 上传到仓库这样太麻烦了,可以使用 PicGo 这款图片上传和管理工具。点击进入其 GitHub 页面,点击下图位置进去下载页面,选择一个版本下载好。

image-20241207154307220

之后我们需要将我们的图床设置为 GitHub,图床设置 -> GitHub ,填写好你的配置点击确定即可。

image-20241207161334207

  • 设定仓库名:你的 GitHub 用户名 / 你的图床仓库名
  • 设定分支名:上传到仓库的那个分支
  • 设定 Token:就是上面我们生成的那个 Token。
  • 设定存储路径:你要将上传的文件放到仓库的那个文件夹下(例如存放在根目录下的 static 目录下,填写 static/)。若存储在根目录下,则不填。
  • 设定自定义域名:https://cdn.jsdelivr.net/gh/user/repo@brach,如果是上传到默认分支,则去掉 @ 及其之后的内容。(这里博主使用了 jsDelivr 来进行加速优化网站打开速度)

Typora 实现 CV 自动上传

博主使用的 Typora 支持 PicGo,可以实现在文章内插入图片自动上传至图床。前往 文件 -> 偏好设置… -> 图像

image-20241207160710836

按照图示全部设置完成之后,点击 验证图片上传选项 ,可以看到上传成功

image-20241207160629837

Licensed under CC BY-NC-SA 4.0
载入天数...载入时分秒...
使用 Hugo 构建
主题 StackJimmy 设计