[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
以下是引用测试效果: