MENU

利用GitHub+Deliver定制图床

August 15, 2020 • 阅读: 1404 • 笔记&折腾

[tips category="warning"] 2022更新: 上半年 jsdelivr 在中国大陆的 cdn 关闭,使用该方案中国大陆用户将无法正常加载图片 。中国大陆用户谨慎使用 [/tips]

最近网站的加载速度比较慢,所以想要提升一下。
将图片放置在服务器上会使网页加载时间增大,所以使用图床或许会是一个不错的选择。

网上有很多的图床方案,比如微博图床、七牛云、又拍云等等。不全是免费的。国内访问速度较快且免费的应该就数微博图床了,但是据说微博可能会删除你上传的图片。所以还是考虑自建图床吧。
使用用免费的 GitHub+jsDeliver 可定做一款个人图床。
jsDelivr 是一个免费的、开源的 CDN 解决方案。GitHub 在国内访问速度可能比较慢,利用 Deliver 的加速可解决这个问题。

首先,在 GitHub 中新建一个 repo ,然后在 repo 中新建路径以存放图片,图片放好后 push 。Release 你的 repo。

引用方式:在要引用的项目中添加 js 资源。

https://cdn.jsdelivr.net/gh/yremp/cdn@1.0/js/jquery.js

如果是在 WordPress 中,在主题的 function.php 文件中添加:

// 图床的js
 function add_stylesheet_to_head() {
    echo "<link href='https://cdn.jsdelivr.net/gh/yremp/cdn@1.0/js/jquery.js' rel='stylesheet'>";
}
 add_action( 'wp_head', 'add_stylesheet_to_head' );
//图床的js

图片的链接样式为:

https://cdn.jsdelivr.net/gh/github用户名/仓库名@Release版本号/文件路径

比如:

https://joessem.com/usr/uploads/images/icon.jpg  

以下是引用测试效果:
img

Last Modified: August 26, 2022