W3 Total Cache – CDN即时更新压缩CSS和JS

W3TC 是我个人觉得最好用的 WordPress 缓冲插件. 虽然设定上非常的复杂, 但是使用一段时间后可以开始慢慢了解每个部分的功能, 加以调整来与其他第三方插件作配合. 使用过其他的缓冲插件都觉得设定太少, 需要更改的设定都无法通过后台修改. 今天要说的是 CDN 即时更新. 如果说网站上线后还是会偶尔更新网站的CSS或是JS, CDN像是七牛缓冲会是非常麻烦的问题. 我个人是用阿里云的, 但都可以套用. 在W3TC里面有几个地方需要作设定. 设定前我要说我自己都是把所有的CSS & JS 变成一个档案的, 这样更新比较简单. Performance -> Browser Cache -> General -> 勾选 Rewrite URL structure of objects Performance -> Browser Cache ->

详情...

微信H5专属 – Canvas Video 视频播放器 (更新)

2017-08-09 更新: 我们近期在 TCI 斗品膳集团的官网网站设计上使用了 Canvas 视频的技术、再通过自己的修改作出了全屏 Canvas 视频自动播放。通过手机观看 TCI 的官网可以看到我们如何利用该技术。 TCI 斗品膳官方网站 *Canvas 视频播放可以完美的播放在微信或 IOS Safari 里面,但是在一般的 PC 端有点问题,所以我们只有在手机端才使用 Canvas 的技术,请切记。 — 最近作了一系列的微信 H5网页探索发现目前的设计趋势走向 360, VR, 全屏视频, 互动. 各大品牌都推出了响当当的作品. 然后才发现这些复杂的特效都是用 Canvas 所开发出来的. Canvas 不简单, 我多次想学习但因为基于 Javascript 不够强 (多半学 JQuery), 所以没有太多 Canvas 的作品. 这是在搜索的时候找到的其他人案例作

详情...

宝塔 BT – 开启 HTTP2

HTTP 1.1 应该是由1999年创建的, 当时的网站还都只是几KB, 简单的文字页面, 现在的网站非常的复杂, 需要下载许多的档案. 也因此在2013年有了 HTTP/2 来加快网站的下载速度. HTTP/2 是新的 Protocol, 速度比HTTP快很多, 主要的改进有: 多路复用请求 对请求划分优先级 压缩 HTTP 头 服务器推送流(即Server Push技术) SPDY 试图保留HTTP 的现有语义,所以 cookies、ETags 等特性都是可用的 这是百度百科的说法. 我的了解是HTTP/2可以同时请求多个请求, 同时下载档案, 加快网站的读取速度. 但目前 HTTP/2 只支持在 SSL HTTPS 的网站上, 所以建议先在阿里云或腾讯云上申请免费的DV证书安装. 宝塔 HTTP/2 设置 宝塔的  Nignix 1.10.3 是有附带 HTTP/2, 但是SSL一键

详情...
宝塔 BT & Wordpress

宝塔 BT & WordPress – 移除 nginx 默认404页面

安装 WordPress 后会发现一件事, 就是 WordPress 设定的错误404页面变成了 nginx 的默认404页面. 有安装安全插件的话, 安全插件通常会附带 404 错误页面监控, 如果不是用 WordPress 的404页面, 就没有办法获取任何资料. 修改的方式很简单. 在宝塔面板里面, 到网站 -> 选择你的网站, 修改 -> 配置文件. 这里有 nginx 的代码, 找寻404的配置: error_page 404 /404.html; error_page 502 /502.html; 然后移除或是加 # #error_page 404 /404.html; #error_page 502 /502.html; 安全重启或重启 nginx, wordpress 的 404错误页面就可以正常运行了~

详情...
宝塔 BT & Wordpress

宝塔 BT & WordPress – Nginx 伪静态配置

WordPress Nginx 配置 宝塔 BT Nginx 其实是有内建配置 WordPress 的 Nginx 配置档, 不需要自己动手写. 到网站设置 -> 选择你的网站 -> 修改 -> 伪静态 -> 上方的选择 -> 选择 WordPress (或是 wp2) -> 然后系统就会自己添加 Nginx 的代码了. nginx.conf 配置 WordPress 的一些插件会自动生成 nginx 配置档 在 WordPress 的主目录下 nginx.conf 像是安全插件或是缓冲插件, 所以你也需要用宝塔设置读取 目录下的 nginx.conf. 方法是到网站设置 -> 选择你的网站 -> 修改 -> 配置文件 -> 填加: include /www/wwwroot/你的网站目录名字/nginx.conf; 然后再用宝塔的

详情...
宝塔 BT & Wordpress