又拍云为网站/图片加速
# 写在前面
最近搭建博客,陆陆续续开始写一些技术类文章和介绍,内容也是越来越多,导致目前服务速度也是越来越慢,所以考虑给 网站加速 ,来提升速度和性能。
对于 图片 的话,因为不少内容需要比较直观的介绍也是进行了大量引入,目前有个方案是把图片上传到 第三方平台,然后针对图片进行压缩、加速和优化,后期对于代码仓库容量控制和查看、引用也是比较方便的。
本着 免费 为第一要素的考虑,目前我的网站加速采用的是 又拍云 CND全站加速,图片方案是采用 GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床。
提示
本文主要介绍方案的可行性,具体细节可以查看对应官网教程。
# 一. 又拍云加速
- 这里有一点需要说明
云存储配置的域名和CDN加速配置的域名不能相同,否则云存储的域名会覆盖之前的配置
比如我的 www.ssscode.com 配置了CDN加速服务,如果这时image云存储服务再配置这个域名,那这个域名就被修改为云存储域名了,主域名就会无法访问。这时可以配置一个 img.ssscode.com 二级域名解决这个问题。我一开始没搞明白,踩了不少坑。
- CDN针对全站进行加速,CNAME配置完成后即可,ping下域名结果为 aicnd.com 这种形式的就成功了。
- 云储存针对文件加速,CNAME配置完成后即可,通过路径访问图片(图片可直接上传)。参考下面截图↓↓↓
# 1.选择服务
# 2.网站CDN加速服务
# 3.图片云存储加速服务
# 4.图片上传和预览
- 可以看到路径和地址
# 二. GitHub + jsDelivr + TinyPNG+ PicGo 图床加速
# 1. 介绍
jsDelivr:官网,该平台是首个「打通中国大陆与海外的免费CDN服务」,无须担心中国防火墙问题而影响使用。
TinyPNG:官网,无损压缩,压缩率也很高。
PicGo:官网,一个开源的基于 electron-vue 开发的图床工具。
# 2. 基本思路
为了便于管理,我们把图片资源单独放在一个 第三方资源库 中,我们把这个资源库称为 图床 ,其返回一个图片的 URL ,使用 markdown+图片url 的方式写作文章,一次编写,到处使用,是不是很哇塞~
首先通过 TinyPNG 把图片做最优的压缩,然后通过 PicGo 批量上传生成图床,最后通过 jsDelivr 对 GitHub 的加速解决GitHub的访问速度问题。巴适~
# 3.动手
新建GitHub仓库,注意仓库要设置成公开
生成一个token密钥
下载 PicGo,图床设置 选 GitHub图床,并填写相应的信息。
- 仓库名:前面新建的仓库,格式:
<用户名>/<仓库名>
- 分支名:填写主分支
master
即可 - Token:前面生成的token密钥
- 存储路径:按你自己的需求填写
- 自定义域名:图片上传后,PicGo 会按照
自定义域名+上传的图片名
的方式生成访问链接,此处我们填写jsDelivr
的CDN加速地址,格式:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>
- 仓库名:前面新建的仓库,格式:
- 使用 TinyPNG 压缩你要上传的图片
- 在PigGo的上传区上传你的图片,到相册一键复制刚刚上传的图片URL,至此,你就可以在你的文章当中愉快的插入图片啦~, 美滋滋~