wordpress去Google化并添加七牛CDN加速

这段时间，在天朝，谷歌基本上是废了。手机用MOTO X，压力很大，我更新个应用，都是翻墙的，不然google play根本就刷不开。个人站点打开也是异常的慢，主要，用google chrome按F12，或直接在左下角，都可以看到加载google的apis等一些操作，一直在缓冲。很是蛋疼。而且这几天goagent也是各种黄字，红字的。

所以就打算捣鼓一下，网上看到360网站卫士常用前端公共库CDN服务，其实就是把谷歌的前端公共库CDN服务给本地化，说好听是这样，说难听就是抄袭了。当然，对于在国内的我们，还是不错的选择。其官网上，就提供使用的办法，就是将

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2'></script>

替换成

<script type='text/javascript' src='http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2'></script>

简单的说，就是 googleapis 替换成 useso ，多河蟹，后缀前缀什么的，都基本上不用改变了。顺便说一下，之前还是用了网上所说的disable google fonts的插件，不过这个插件，我安装后，发现其实就只是把后台的google相关的给河蟹了。前台的WEB，还是要加载的。毕竟不是很彻底啊。

还有就是，我也没打算一直升级wordpress，网上有说在functions.php里面加各种代码，本人还没那么高的水准啊。所以还是打算笨一点吧。把googleapis河蟹成useso吧。先把googleapis的都给搜出来。

sudo -s
cd wordpress
grep -rn "googleapis"

然后一个个替换掉。哈哈哈，自己也很懒啊，sed，awk没学好，就只能手动来了。替换完，F12试试刷新，速度快了不少了。进一下后台，由于我是有使用SSL证书的。而360的CDN目前并不支持SSL，在wordpress的script-loader.php中，有这么一行，内容如下：

vim wp-includes/script-loader.php +602
$open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

看到没有前面的http或https，也就是应该会根据上文中使用时http还是https进行补充吧。所以我就索性，将这行，改成了如下：

$open_sans_font_url = "http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

补上http，并换成useso。再次刷新后台，加载是变快了，但是在浏览器的地址栏上，出现了如下的警告。

此网页包含的脚本来自于身份未经验证的源

当然可以点击加载不安全的脚本，但是这样绿色的小锁就不存在，还打叉了。让人很不爽。所以360你抄袭也全抄袭是吧，只抄袭http的，没抄袭https的，多蛋疼啊。

由于刚好也有打算折腾七牛的云存储，并且七牛已经支持了https。想着，自己把自己给搞一下，并且开启https，这样是不是应该就可以解决了？实践是检验真理的唯一标准！还是自己动手来搞一下吧。结果还真是可以这么做。

1. 我们也把360抄袭谷歌的做法，也做一次。先在浏览器上把open sans的css给下载来下。linux，直接使用wget把css下载下来，或者在浏览器中把页面打开，在复制里面的内容也行。

   wget http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600 -O Open+Sans.css

   这样还没结束，里面还有.woff或ttf的文件（刚才才发现，使用wget下来的，里面字体是ttf格式的，但是浏览器打开后，看到的却是woff格式的），也就是字体文件还需要下载下来才行。执行下面的命令，把ttf文件都给下下来。

   for i in `awk -F, '/url/{print $3}' Open+Sans.css | awk -F'[( )]' '{print $3}' - | xargs`
   do
   wget $i -O `echo $i | awk -F/ '{print $8}' -`
   done

   还有就是要更新下Open+Sans.css文件中关于ttf字体的http地址。七牛免费的https是dn-example.qbox.me，把example改成你的二级域名就行了。

   sed -i "s/http:\/\/fontscontent.useso.com\/static\/fonts\/opensans\/v8/https:\/\/dn-example.qbox.me/g" Open+Sans.css

2. 在就是把Open+Sans.css还有对应wget下来的ttf或woff上传到你的七牛空间（路径记得对的就是）。在把之前

   $open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

   改成

   $open_sans_font_url = "https://dn-example.qbox.me/Open+Sans.css?subset=$subsets";

   这样就大功告成了。修改后，刷新下浏览器看看，是不是后台已经没有警告了？！

上文中说的就是去谷歌化，河蟹成本地化了。还有就是使用七牛的云存储进行CDN加速了。我是使用wp super cache插件进行云存储加速的。可以参考我爱水煮鱼的博文——WP Super Cache + 七牛镜像存储：完美实现 WordPress 整站静态文件 CDN 加速，这里就不多描述了。

记得要注意的是，搜索引擎对于镜像站点的SEO很不友好，记得在七牛的云空间加上robots.txt。