【图床方案】Github+JsDelivr 静态加速博客图片

Github不必多说，存储空间大，免费，同步方便，API支持让我们上传图片十分方便。

jsDelivr是2012年创建的免费开源CDN方案解决商。在中国有很多节点，主要由QUANTIL提供、而其母公司为网宿。所以速度快可想而知。下面是jsDelivr全球节点图。

1.新建Github版本库

2.现有图片上传至Github

3.替换博客图片链接

这里要先介绍一下jsDelivr加速Github的地址规则

jsDelivr访问Github资源方式
1.通过releases访问(与我们初衷不符，我们要实时更新)

2.直接访问

根据jsDelivr的要求，文件路径为：https://cdn.jsdelivr.net/gh/user/repo/file
以我的为例：
https://cdn.jsdelivr.net/gh/iyear/blogpics/usr/uploads/sina/5cc1377031ce4.jpg

不推荐使用这种方法，不知道如何更新缓存。

3.访问最新文件

根据jsDelivr的要求，文件路径为：https://cdn.jsdelivr.net/gh/user/repo@latest/file
以我的为例：
https://cdn.jsdelivr.net/gh/iyear/blogpics@latest/usr/uploads/sina/5cc1377031ce4.jpg
这种方案不需要发布releases，可以直接从repo读取文件，而且实时更新缓存。
这也是我们将选择的方案

数据库操作有风险，请提前备份！
进入phpmyadmin，选择typecho_contents表，选择搜索->查找和替换

查找：https://blog.ljyngup.com/usr/uploads/(请根据自己的实际情况修改)

替换为：https://cdn.jsdelivr.net/gh/iyear/blogpics@latest/(根据自己的用户名和版本库修改)

字段：text

执行->查看修改内容->替换

同样在typecho_fields表中执行同样操作，字段改为str_value

回到博客，会发现所有图片都已经经过了jsDelivr加速，速度直接飞起，1M博客照样跑。

4.Typecho图片上传插件
插件Github：https://github.com/AyagawaSeirin/UploadGithubForTypecho

作者博客(很用心的博主~特地放上)：https://qwq.best/

具体根据README.md配置即可

获取Github API Token：

Github设置->Developer settings->Personal access tokens->Generate new token

只需勾选repo栏即可

还有就是注意最好将图片保存在本地一份(在插件中有设置)，如果以后有什么变故，数据库改一下可以立即恢复

感谢您的来访，获取更多精彩文章请收藏本站。