1. 记住几个地址：面版SSL证书地址/www/server/panel/ssl

2. 因为用域名访问面版，所以先在网站上增加一个相同域名网站。并设置成HTTPS访问。

3. 打开网站配置，切换到如图片上面的选项卡。复制下来，备用。

4. 进入宝塔文件管理，切换到面版SSL证书地址，修改里面的2个文件，“certificate.pem”对应“证书”，“privateKey.pem”对应“秘钥”，保存。

5. 重启面版，红色锁头变绿色锁头。

原理其实很简单，SSL证书只绑定域名，但不绑定端口。所以相同域名下，默认端口能访问，8888也能访问。

日期:2018.12.06

任务计划:

• 暂定使用www.caiyy.vip作为开发域名
• 学习并使用ThinkPHP 5.0
• 学习并使用lazysizes懒加载实现图片的懒加载功能,减少因图片过多而导致的加载时间
• 学习并使用instantclick预加载来实现页面的预加载功能,减少页面加载时间
• 学习并使用Vue.js构建前端页面 thinkphp做后端的话,好像没有什么必要用Vue.js啊.

地址

https://github.com/aFarkas/lazysizes

简直是最强懒加载插件了，我发现的优点如下:

1. 不依赖JQury，仅6.62 KB的文件
2. 不需要手写Js配置，引入下面代码即可。

<script src="lazysizes.min.js" async=""></script>

1. 性能很高，并且支持响应式图片.
2. 多样且便捷的加载样式:http://afarkas.github.io/lazysizes/#examples
3. SEO友好，搜索引擎可以正常读取图片