GitHub + jsDelivr + PicGo + Imagine打造高速高效的图床

  • 2020 年 08 月 23 日
  • 99次
  • 642 字
  • 4 条评论

前言

生活中的常用图床:

  • SM.MS:运营五年多了,也变得越来越慢了,有时候会出现404或者301;
  • Imgur 等国外图床:国内访问速度太慢,随时有被墙的风险,虽然被墙很多次了
  • 大厂储存服务:知名的有腾讯云COS、阿里云OSS、又拍云等国内知名厂商(需要实名认证与备案,而且还需要花费大价钱)
  • GitHub 图床:免费,但是国内访问速度慢(不过没关系,利用 jsDelivr 提供的免费的 CDN 加速 速度足够了,那么这个就是今天本文章的主题啦

创建Github仓库

  • 登录/注册 GitHub
  • 新建一个仓库,填写好仓库名
  • 仓库描述
  • 将权限设置成 public
  • 根据需求选择是否为仓库初始化一个 README.md 描述文件
    screely-1598167888477.png

生成Access token

1.点击用户头像 -> 选择设置
screely-1598168300722.png
2.点击 Developer settings
screely-1598168526138.png
3.点击 Personal access tokens 和 Generate new token
screely-1598168877902.png
4.填写 Token 描述,勾选 repo ,然后点击 Generate token 生成一个 Token
screely-1598168774655.png
5.获取 Token 密钥

  • 注意这个 Token 只会显示一次,自己先保存下来,或者等后面配置好 PicGo 后再关闭此网页。

screely-1598169008796.png

配置 PicGo 并使用 jsdelivr 作为 CDN 加速

前往下载 PicGo(点击下载),安装好后开始配置图床。

  1. 设定仓库名:按照 用户名/图床仓库名 的格式填写
  2. 设定分支名:master
  3. 设定 Token:粘贴之前生成的 Token
  4. 指定存储路径:填写想要储存的路径,如 img/,这样就会在仓库下创建一个名为 img 的文件夹,图片将会储存在此文件夹中
  5. 设定自定义域名:它的的作用是,在图片上传后,PicGo 会按照自定义域名+上传的图片名的方式生成访问链接,放到粘贴板上,因为我们要使用jsDelivr 加速访问,所以可以设置为https://cdn.jsdelivr.net/gh/用户名/图床仓库名
    screely-1598173421553.png

使用 Imagine 进行有损图片压缩

通常情况下,图片大小都是超过 200KB 的,所以网页加载的时候会特别慢,一般我们会对图片进行压缩,并且转换成 webp 格式,这里我推荐 Imagine(点击下载) 支持全平台。
screely-1598173956176.png

使用免费图床

下面就可以愉快的图床了,选择需要的图片和格式,复制链接,粘贴到 markdown 中,就完成了。
screely-1598174050016.png
此外 PicGo 还有相册功能,可以对已上传的图片进行删除,修改链接等快捷操作,PicGo 还可以生成不同格式的链接、支持批量上传、快捷键上传、自定义链接格式、上传前重命名等,更多功能自己去探索吧!


版权属于:小野兽

本文链接:https://chinawei.me/archives/tuchuang.html



—— 收到 4 条评论 ——

    2020 年 09 月 26 日 07:30

    为什么一定要白嫖jsd+github呢?npm+unpkg国内镜像不香吗?https://blog.cyfan.top/p/eb490c73.html

    2020 年 09 月 25 日 11:43

    文章写的不错,加油~

    2020 年 09 月 19 日 13:09

    这样容易上传失败,建议你参考我这个,随便嫖个国外主机就行了https://smilear.cn/archives/363.html

    2020 年 08 月 24 日 21:14

    picgo配合typora可以批量上传markdown里面的图片,这就很棒

OωO