以又拍云为例,说明图片/CSS等如何使用云存储/CDN加速
选择云存储的原因是:1. 动静分离,优化服务器,更快的访问速度 2.云处理很方便
选择又拍云是因为1. 免费的额度 2. 该有的功能都有,但不臃肿。
注册并申请免费额度
开通云存储服务
打开又拍云控制台,开通云存储。
点击右上角的创建服务后,设置云存储名称,并绑定操作员并授予权限,记下操作员密码。可以看到,又拍云的云存储是自带CDN加速的。
绑定自定义域名并开启HTTPS
开通成功后,在配置
页面点击域名绑定
。然后输入自己的域名/子域名,例如img.域名.com。
在自己域名的解析商处,添加CNAME记录,记录值为img,记录类型为CNAME,记录值为上图红圈的位置。下面,为自定义域名开启https(可选)。如下图所示,依次点击进入证书管理。
点击申购证书
进入购买页面,在证书购买页面,建议选择免费的Let's Encrypt即可,又拍云会自动续签、长期有效。购买证书后,需补填域名。
重新回到https设置页面,开启https访问,建议勾选强制。
上传图片
至此,配置已经基本完成。可以点击右上角的文件管理,上传图片等静态文件,并获取外链,插入博客/网站。
但不推荐这个方法,请向下阅读
【必读】更加方便地上传图片
1. 使用图床软件PicGo
点击查看PicGo的介绍。在PicGo中的的设置
存储空间名:又拍云服务名
操作员及密码:不是又拍云的账号密码,而是该存储空间绑定的操作员及密码
加速域名:默认域名仅支持http,推荐使用自己绑定的域名开启https
网址后缀:图片云处理参数
存储后缀:在新的文件夹中储存,用 / 结尾,例如blog/
设置完成后,即可便捷地上传并管理图片
2. 使用博客写作软件Mweb(只有Mac版)
Mweb支持一键将文中所有图片上传至又拍云,并在本地备份,十分方便。设置方法与PicGo大同小异。
3. 在Wordpress使用云存储插件
插件可以自动将博客中的图片上传至又拍云。包括wordpress等博客程序可以查看又拍云官方整理的插件
4. 使用镜像存储插件
有许多博客主题,支持设置云存储的镜像存储/CDN。例如黑猫正在使用的typecho主题mirages,以及wordpress super cache插件。这里不多介绍。如果你使用的博客主题/插件支持,请参照它们的文档。
【进阶1】防盗链
在访问控制
栏目中,打开Referer防盗链,将自己的域名添加到白名单,建议允许referer为空(浏览器直接访问)。 防止资源被其他网站引用,耗费流量。
【进阶2】Webp压缩加速访问
在又拍云后台-成本控制菜单中,开启WebP自适应。可以压缩图片,加快图片访问速度。
如果需要更高阶的Webp用法,请看下节:云处理
【进阶3】云处理
又拍云存储自带CDN与云存储,无需另外开通,十分方便。云处理就是通过在链接后添加代码,让又拍云处理图片。
例如:
格式转换成有损 WebP:链接/format/webp
格式转换成无损 WebP:链接/format/webp/lossless/true
包括裁剪、缩放、水印等功能,参见云处理文档
【进阶4】存放CSS/JS/字体等静态资源
除了图片以外,网站的其他静态资源也可以云存储并加速访问。
只需要将字体文件/JS/CSS等上传至又拍云,然后调用对应的域名即可。
需要在又拍云打开CORS跨域访问
在访问控制菜单中,找到CORS跨域共享
,点击管理
-添加规则
填入自己的域名,操作允许PUT GET POST HEAD即可。
您好,楼主我想问下我的是github托管 的博客,没有备案的话可以用吗
当然可以。 跳过本文“绑定自定义域名”的部分。使用又拍云(或其它云存储)自动分配的测试域名即可。