引入

网站的访问速度很大程度影响了访客是否愿意继续关注你的网站,一个速度优化好的网站,可以留住更多的访客。
通常我们会使用CDN、外链图片以达到加速站点速度,减少服务器压力的目的。但是CDN只能将服务器的css、js等静态文件缓存在CDN节点上,而真正的文件其实保存在站长的服务器上。如果用户是这个节点第一个访客或者缓存已经过期,访客的请求就会让CDN节点重新获取一次你的静态文件,而这也就导致了“第一次访问很慢,后来就快了”的结果。
由于对象存储的费用逐渐降低,更多的站长更愿意选择将自己的静态文件托管给第三方机构代为保存。这也不仅仅能提高速度还能减少服务器压力。
这篇文章就叙述一下我是怎么把本地静态文件同步到七牛云的。(其他对象存储提供商的用户也可以参考,基本步骤相同)

开始

准备

1)在七牛云注册一个账号,并实名认证获取免费额度,博主的邀请链接(点击可以获赠免费额度和优惠券):https://portal.qiniu.com/signup?code=1hcctneeeb4gi
2)创建一个新的对象存储空间,需要选择公共空间(私有空间无法跨域),建议选择正在促销的地域
3)在融合CDN(别的互联可能叫CDN或全站加速)绑定你的域名,ps:建议申请个SSL证书,如果你的站点有证书但是调用的css和js没有会出现报错的情况
4)绑定域名到空间
到此,准备工作已经完成,确认你没有疏漏任何步骤,就可以正式开始了。

正式开始

1)选择镜像存储,在镜像源填入你网站的静态文件目录
例如忆梦小站的静态文件目录是:https://www.onyi.net/usr/themes/handsome/assets/
handsome主题的用户可以只改动域名,Typecho用户改动主题名和域名。
七牛填写内容
ps:不要填写忆梦小站的,忆梦小站的css与其他同主题博客有差,所以外链调用根本无法访问,只会造成博客错误的结果。
2)在主题后台,选择:速度优化→将本地静态资源上传到你的cdn上
填写自己的对象存储域名,例如忆梦小站的:https://cdn.onyi.net/
如果你的静态文件是放在文件夹里面的,你可能需要/assets或其他文件夹,但如果你是放在根目录,只需要填写域名就行
服务器填写内容
ps:不要填写忆梦小站的,忆梦小站开启了防盗链,所以外链调用根本无法访问,只会造成博客错误的结果。
3)访问自己的站点域名,查看是否已经同步,如果出现同步不完整,就多访问几次,尽量访问多种存在css、js差异的页面。

常见问题处理

1)如果网站只显示了html文件,且F12发现镜像域名超时,检查一下是否填写正确。
2)如果个别文件超时或无法加载,找到有调用这个文件的页面并刷新一下即可(不是强制刷新)。
3)如果对象存储中显示有文件但网站显示异常的话,检查是否开启防盗链,是否开启跨域访问,并进行改动。
4)如果网站加载速度偏慢,属于正常现象,因为首次访问是需要将文件同步到对象存储的。

其他的方式

为了提高各位使用Handsome主题的用户的加载速度,星路博客的博主将Handsome主题的静态文件全部处理后存放在阿里云CDN上,未设置防盗链。供各位博主使用。

为了节约钱财(博主穷),请不要大量访问。


使用方法
Handsome主题的后台设置-速度优化-将本地静态资源上传到你的cdn上中填写:
https://asset.starroad.top/handsome/{版本号}/
如:
https://asset.starroad.top/handsome/5.0.0
https://asset.starroad.top/handsome/5.1.0
https://asset.starroad.top/handsome/5.1.1
注意事项
提供5.0.0-5.1.1的静态文件。如有其他问题,请参见星路博客博文。

最后修改:2023 年 06 月 24 日
如果觉得我的文章对你有用,请随意赞赏