近期主要修复了一些长久以来的诟病
- 解决了评论无法发出
- 解决了ajax卡顿
- CDN的选择方面
- 修复了评论层级问题
- 添加了置顶的功能
- 添加了骨架屏动画
- 添加了笔记分享和查看
- 添加了上传文件的压缩
- 更换了笔记灯箱
首先是修复很远古的bug 评论无法发出,这个网站是我在去年11月份左右搭建的,当时技术不成熟,在网站配置方面不是很懂,导致今天留下很多的诟病
起因就是我由于多次更换服务器导致wp的稳定性下降,加上php本身的性能问题导致网站的速度,稳定,外观都受到了影响。
昨天在排查评论的问题的时候发现网站的邮箱一直发不出去,去检查了一下邮件代码,果然发现了问题。
ssl的465端口有问题,导致一直发不出去导致转圈,评论已经发出去但是邮件无响应就导致了一直转圈超时报错504。
wp_handle_comment_submission
这个提交评论的耗时很长 最后调试是邮件发送的问题
处理完之后就去处理文章置顶的问题,这个主题早期是没有置顶的功能,导致我很苦恼,然后发现了一个大佬魔改的wing主题
https://github.com/Tokinx/Wing
发现这个里面有置顶和骨架屏动画,于是就开启了魔改,在这里还是要感谢大佬的开源项目。
顺便就添加了笔记分享和查看功能:
演示链接 https://rjjr.cn/note/4285/
添加了上传文件的压缩,具体可以查看这篇文章 :Wing主题上传前压缩解决图片过大的问题
里面有详细的代码可供参考。具体效果如下
调用后
增加了骨架屏动画功能,然加载不是那么单调
修复层级问题,具体就是回复上一层用户的问题评论跑到下方去了
最后更换了笔记的灯箱,旧版的灯箱很不稳定,更换了FancyBox。效果丝滑流畅
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css">
最终效果 :
演示 : https://rjjr.cn/note/4285/
CDN的选择方面我可是选择了很久,最后就是选择了七牛的动态加速。
我的ajax.php在加载的时候要去服务器拉去内容,就导致每次回源的时候就很卡顿,基本要到200~300ms,所以我就想到了动静加速这个功能,这样动态也加速了,静态也加速了。
现在ajax.php就加载很快了。
总共就修复了这9点,以下是尚未更新的内容
- 增加笔记视频功能
- 使用按钮查看剩余内容
视频示例图