本文转载雷锋哥小伙伴 "猫咪老师" ,教大家利用GitHub搭建免费个人图床
之前猫咪老师做过一个利用GitHub搭建个人博客的教程,写得不太详细,后期有需求再重写,大家可以看看这个 : 利用微软的「GitHub」免费搭建个人博客网站

---

这种博客一般用markdown形式编写,而在编辑markdown时,插入的图片都是以链接的形式插入的。链接的形式有两种:
  • 本地链接:链接为自己电脑存放图片路径。一旦存放照片被删除或者路径被修改都会导致图片无法显示

  • 网络链接:链接为图片的网络位置。但是,一旦这图片被发布人删除,我们也将失去访问权。

图床就是专门用来存放图片,还允许把图片对外连接的网上空间,优点是:
  • 图片不用保存的本地,占用本地内存

  • .md可以分享给别人,别人也可以看到你文档里面的图片

  • 图床由自己建立,不再担心链接失效的问题

今天简单讲一下利用GitHub搭建免费图床的教程。

准备工作

  1. GitHub账号,这个就不用多说了;

  2. PicGo,一款图床管理软件,在GitHub中搜索名称就可以获取

https://github.com/Molunerfinn/PicGo
软件特点:
  • 支持拖拽图片上传

  • 支持快捷键上传剪贴板里第一张图片

  • Windows和macOS支持右键图片文件通过菜单上传 (v2.1.0+)

  • 上传图片后自动复制链接到剪贴板

  • 支持自定义复制到剪贴板的链接格式

  • 支持通过发送HTTP请求调用 PicGo 上传(v2.2.0+)

  • 支持修改快捷键,默认快速上传快捷键:command+shift+p(macOS)| control+shift+p(Windows\Linux)

  • 支持插件系统,已有插件支持Gitee、青云等第三方图床

  • (更多第三方插件以及使用了 PicGo 底层的应用可以在 Awesome-PicGo 找到。欢迎贡献!)

新建仓库

在GitHub新建一个仓库,用以存放图片。隐私设置选择“public”

  • public为共有的,别人可以访问

  • private为私有的,只有自己有权访问。如果我们选择私有的话,图片链接将打不开

如图:

5be3338edfdfbd3ab99bc3b311361906.png

创建token以便来连接

  1. 在个人中心打开"setting";

  2. 找到 Developer settings;

  3. 点击“personal access tokens”,建立一个新的token;

866487ad9df5a94720b071a4c8c728a8.png

1.勾选“repo”,然后滑到下面,点击“generate token”;

3a45a40ad2a6c8d932d49e5364418c86.png

2.记住序码(它只会显示一次),很重要,以后要用;

9c00ead68e355fafecab9456e1e3d106.png

配置PioGo

0f5e38447d41ca63fc8b845dc74fc54b.png

  • 设定仓库名:自己的登录名+仓库名

  • 设定分支名:一般为master(有的是main)

  • 设计token:就是上面需要记住的序码

  • 指定存储路径:可以设定,也可以不设定

  • 设定自定义域名:可以设定,也可以不设定

GitHub的访问非常缓慢,此处有一个利用免费的 jsDelivr 加速访问的办法。在域名设置中填写
https://cdn.jsdelivr.net/gh/用户名/图床仓库名

就可以加速访问了。

---

配置完成之后就可以上传自己的图片,piogo会为你生成不同格式的访问链接,如果想使用 jsDelivr 来引用资源,就
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
不过只要一步操作有误,就会上传失败,猫咪老师也翻车了很多次才成功。祝你好运,今天就到这里吧。
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐