忽然发现好久好久没更过博客更新了（尽管偶尔有在修改），这次借鉴偶然看到的博友站点的毛玻璃效果（类似腾讯云官网卡片），看着挺有质感的，于是顺便把站内都卡片都更新了一下，感觉还蛮不错的~

对了，还更新了一些 wordpress 简码内容，新增了文章引用卡片和一个 bilibili 外嵌区块。

Ps.

卡片的具体实现的方法就是一个浅色渐变+白色边框+浅色阴影即可，如果需要毛玻璃效果则加上 backdrop-filter 属性。

最近在做 api 资源名，访问 php 文件时浏览器直接下载了对应文件，查了一圈发现需要在 nginx 配置文件中新增域名中的 location 中添加如下代码即可正常访问：include enable-php-73.conf;

Ps.

注意是需要加在 location 内，否则不生效，这里简单做个备忘录。

今天遇到个奇葩问题，不知道是之前一直没注意到还是怎么，用 edge 打开博客底部的进度球出现了位移错误，困扰的是在进度球上加上 flex 布局居中后又可以了，就以为是之前调试的时候搞的，结果测试 firefox 浏览器打开又没问题。随后打开 chrome 测试也没问题，不知所然。

后来不知怎么的就看到扩展栏，于是随便去禁用了一个最近加的扩展，刷新，成了..

Ps.

这种问题确实扯淡，一般不会联想到扩展插件居然有冲突吧。

相信不少小伙伴都看b/p站，其中有个比较有意思的效果就是当鼠标移动到视频上时，视频会随着鼠标移动幅度快进/退展现视频预览图，这个效果用户体验很不错。搜了一圈发现虽然可以前端用定时器+canvas实现，不过性能及兼容性各方面都不太完善，因此大部分还是推荐预先在后端处理好视频需求之后，再到前端做控制。这个扩展就是大名鼎鼎的 FFMpeg，其可以在服务端上安装运行，不过源码已经很久没有维护了（部分以前版本存在漏洞），实测宝塔环境安装指令：wget http://download.bt.cn/install/ext/ffmpeg.sh && sh ffmpeg.sh

安装完成后，花了几天时间研究了下 ffmpeg 指令及相关思路，现已将测试版集成到 wordpress 主题控件，当在后台上传视频类型文件到媒体库时将自动在同级上传目录下生成 jpg 长图/gif 动图以及文件 json 视频信息等，目前仅在部分页面开启（前端），后续再做更新优化。

Ps.

完成后测试体验不错，设计了一个新的样式。总的来说坑还是不少，不过解决问题的方案有非常多，还是需要多灵活变通。

很久没写过博客更新内容了，不过都有在更新的，前不久把服务端的后端 php 性能配置优化了一下（启用memcached、opcache缓存扩展，设置4G并发方案，memory_limit为256m，linux 启用 2G swap 虚拟内存等），感觉还是很有效果。这两天顺便把之前的图片懒加载也给重新安排上了（取消了 lazyload.js 的 jquery 依赖），之前只应用在文章中，现在全站开启，首屏加载效果的确比以前要快很多（尤其是漫游影视这种单页面多图片的，再加上php缓存后，加载速度效果卓越），主要很多页面减少了大量评论表情包请求，这种时候 lazyload 的确有必要。适配完成后已将版本更新到 github 。

在本地 lighthouse 评估测试中（PC端，移动端普遍下浮），除漫游影视主页面（多图片请求）及归档页面（大量sql请求）的 Performance 评分在 80-90 之间浮动外，其他页面均在 95-10 0之间，基本能实现秒开。测试 lighthouse 期间，顺便优化里其中的其他几项评分标准（Accessibility、Best practices、SEO），主要还是一些 seo 的东西（评论图片 alt 优化暂时搁置）。

在测试可访问性（Accessibility）栏目中的 CONTRAST 中有一条：Background and foreground colors do not have a sufficient contrast ratio.

也就是页面对比度不够，可能对视觉障碍用户有影响，这个也有很多博友提到过。还有字体大小，以后再慢慢优化吧。

Ps.

其实优化网站速度还是挺有必要的，以前基本都只是套个cdn，优化代码逻辑而已，其实优化后端还是蛮有必要的，毕竟依赖后端数据支持。