免费github图床

873 阅读2分钟

博主技术笔记


博主开源微服架构前后端分离技术博客项目源码地址,欢迎各位star


平时我们写博客,用的typecho软件,图片保存的是本地。 一个两个图片还好,如果图片太多呢?

图床:图床一般是指储存图片的服务器,我们在部署页面的时候,图片往往是以链接的方式实现的。这种方式,实现了一次存储,多地移植的效果。假如我需要在多个地方发表我们的文章,就不需要再重新一张一张在对方的页面上传图片。

本文将介绍何如白嫖一个图床

  • GitHub存储
  • PicGo上传
  • jsDelivr加速访问

gitee也可以搭建图床,但不推荐使用,限制比较多。

1.创建github仓库

New repository 在这里插入图片描述

输入仓库名、描述
选择仓库类型

在这里插入图片描述

必须是公开库,私有库不支持jsDelivr cdn加速

留意分支 master

2.生成Token

Settings -> Developer settings->Personal access tokens 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 创建成功后,会生成一串token,这串token之后不会再显示,请认真保存

3.配置PicGo

PicGo下载目录 在这里插入图片描述

  • 仓库名

    • “账户名/仓库名的格式填写”
  • 分支名

    • 填写创建仓库时候的分支,一般是master
  • Token

    • 刚才生成的Token
  • 存储路径最后一定要加上 /

  • 自定义域名

按照以下格式填写 cdn.jsdelivr.net/gh/用户名/仓库名

例如我的:https://cdn.jsdelivr.net/gh/694475668/static

配置好了,在上传区上传图片进行测试

此时我们的图床已经搭建好了

4.Typora设置(选用)

写markdown推荐使用这个软件

配合 PicGo 可实现插入图片时,自动上传到图床

  1. 打开文件->设置->图像
  2. 插入图片时选择上传图片
  3. 下面三个勾勾选择一下
  4. 上传服务设置选择PicGO,并将路径设置一下

在这里插入图片描述

5.jsDelivr

对于使用存储在GitHub上面的静态文件,不只是图片,可使用jsDelivr CDN快速访问

简单使用:

cdn.jsdelivr.net/gh/用户名/仓库名/…

详细规则参考官网:https://www.jsdelivr.com/

我平时如何使用? 我一般是一篇文章写好后,用 git 直接把图片文件夹上传到 GitHub

然后在一键替换链接