写在前面

1. 最近搭建博客，陆陆续续开始写一些技术类文章和介绍，内容也是越来越多，导致目前服务速度也是越来越慢，所以考虑给 网站加速 ，来提升速度和性能。

2. 对于 图片 的话，因为不少内容需要比较直观的介绍也是进行了大量引入，目前有个方案是把图片上传到 第三方平台，然后针对图片进行压缩、加速和优化，后期对于代码仓库容量控制和查看、引用也是比较方便的。

3. 本着 免费 为第一要素的考虑，目前我的网站加速采用的是 又拍云 CND全站加速，图片方案是采用 GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床。

• 福利1：免费 SSL 证书, 免费提供一年的HTTPS ssl证书。
• 福利2：又拍云联盟，每月10GB免费存储空间+15GB免费CDN流量

提示

本文主要介绍方案的可行性，具体细节可以查看对应官网教程。

一. 又拍云加速

• 这里有一点需要说明

云存储配置的域名和CDN加速配置的域名不能相同，否则云存储的域名会覆盖之前的配置

比如我的 www.ssscode.com 配置了CDN加速服务，如果这时image云存储服务再配置这个域名，那这个域名就被修改为云存储域名了，主域名就会无法访问。这时可以配置一个 img.ssscode.com 二级域名解决这个问题。我一开始没搞明白，踩了不少坑。

1. CDN针对全站进行加速，CNAME配置完成后即可，ping下域名结果为 aicnd.com 这种形式的就成功了。
2. 云储存针对文件加速，CNAME配置完成后即可，通过路径访问图片（图片可直接上传）。参考下面截图↓↓↓

1.选择服务

2.网站CDN加速服务

3.图片云存储加速服务

4.图片上传和预览

• 可以看到路径和地址

二. GitHub + jsDelivr + TinyPNG+ PicGo 图床加速

1. 介绍

• GitHub：官网这个就不多说了，首选创建一个仓库用于存放图片，参考 官方文档 生成一个 token 密匙一会要用。

• jsDelivr：官网，该平台是首个「打通中国大陆与海外的免费CDN服务」，无须担心中国防火墙问题而影响使用。

• TinyPNG：官网，无损压缩，压缩率也很高。

• PicGo：官网，一个开源的基于 electron-vue 开发的图床工具。

2. 基本思路

• 为了便于管理，我们把图片资源单独放在一个 第三方资源库 中，我们把这个资源库称为 图床 ，其返回一个图片的 URL ，使用 markdown+图片url 的方式写作文章，一次编写，到处使用，是不是很哇塞~

• 首先通过 TinyPNG 把图片做最优的压缩，然后通过 PicGo 批量上传生成图床，最后通过 jsDelivr 对 GitHub 的加速解决GitHub的访问速度问题。巴适~

3.动手

1. 新建GitHub仓库，注意仓库要设置成公开

2. 生成一个token密钥

3. 下载 PicGo，图床设置 选 GitHub图床，并填写相应的信息。

   • 仓库名：前面新建的仓库，格式：<用户名>/<仓库名>
   • 分支名：填写主分支master即可
   • Token：前面生成的token密钥
   • 存储路径：按你自己的需求填写
   • 自定义域名：图片上传后，PicGo 会按照 自定义域名+上传的图片名 的方式生成访问链接，此处我们填写jsDelivr的CDN加速地址，格式：https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>

4. 使用 TinyPNG 压缩你要上传的图片

5. 在PigGo的上传区上传你的图片，到相册一键复制刚刚上传的图片URL，至此，你就可以在你的文章当中愉快的插入图片啦~， 美滋滋~