360网站卫士免费DNS和CDN申请使用及CDN缓存无法切换移动主题
文章目录
- 360网站卫士使用
- 360免费CDN缓存
- 360 CDN优劣分析
- 切换移动主题问题
- 免费CDN使用小结
草根站长没有没有钱购买高带宽的服务器，为了能够让网站打开的速度更快就只能使用免费CDN服务了，另一方面某些CDN在一定的程度上确实可以防止小范围的DD和CC攻击，个人站长可以将更多的精力放在网站内容维护上了。
国内一些不管是专门做CDN服务还是半路出山的CDN商都喜欢搞点免费CDN东西，一来可以让别人免费帮他们宣传产品，扩大品牌影响，吸引用户使用付费CDN，二来国内一些不差钱的公司如百度、360等可以利用CDN趁机“拉拢”草根站长群体。
不管各大CDN服务商提供免费的CDN是出于一种什么样的目的，CDN对于网站加速还是有一定的效果的。这篇文章就来分享一下“张戈博主”利用JS判断浏览器UA来实现使用了360网站卫士CDN缓存后网站自动切换为移动主题。
另外也分享一下实际使用360网站卫士CDN与加速乐免费CDN后的体验。更多的免费CDN申请与使用还有：
- 1、CDN排行：2013年十大免费CDN加速服务排行榜-国内外免费CDN服务总结
- 2、静态CDN：七牛云存储国内免费CDN加速10GB空间10GB月流量多加速节点
- 3、百度CDN：百度云加速国内免费CDN加速服务使用-百度蜘蛛DNS同步功能
360网站卫士免费DNS和CDN申请使用及CDN缓存无法切换移动主题
一、360网站卫士免费DNS和CDN申请使用
1、360网站卫士：
- 1、官方网站：https://wangzhan.360.cn/
2、CDN加速是360网站卫士中一项服务，先添加到360网站卫士账号，然后直接添加域名。
3、吐槽一下，如果之前有在DNS派添加过域名的DNS，360网站卫士会提示让你先把域名删除了才能添加，难道360跟DNS派有“暧昧”关系？
4、添加域名后，360网站卫士会自动检测域名原有的DNS记录，点击下一步。
5、如果你选择了NS方式，会给出NS地址，你需要到你的域名DNS处将NS服务器更换为360网站卫士的，如果选择了CNAME，那么会有CNAME记录值。
6、到域名DNS管理处，将域名的CNAME记录更新为360网站卫士的。下图是DNSPOD的操作记录。
7、确定后，待DNS生效后，就可以在360网站卫士中看到域名接入成功了，如果是没有BA号的域名，则只能使用DNS解析服务，不能使用CDN缓存服务。
二、360网站卫士CDN缓存加速体验
1、在 360网站卫士的加速设置中设置缓存内容（有JS、CSS、Html、首页等），缓存时间是确定缓存失效间隔。
2、可以发现，上图的三项缓存功能并没有缓存到单页面和分类页面，于是你可以下拉，如下图添加强行缓存地址（点击放大）：
3、之所以叫CDN，最基本的功能就是处理区域性网络阻塞的问题，比如北京联通访问南方电信可能就会非常慢，这时候CDN就应该给北京联通用户分配一个就近的CDN节点，以便获得正常或更快的访问速度！
4、在这一方面，360 CDN的节点分配比较合理，不同的地域访问将分配最快的那个节点。这是我的博客使用了360网站卫士CDN缓存加速后的Ping结果。（点击放大）
5、相比而言，加速乐节点不少，但是分配给免费用户的就4~5个节点，而且，最最最无语的居然是一个地方的节点，如图：张戈博客最开始使用的时候，分配的就是苏州同一个电信机房的4个节点。（点击放大）
三、360网站卫士CDN缓存全开之后的优劣分析
1、缓存全开有什么好处?
- 1、速度达到飞一般的感觉；
- 2、节约空间大量流量，因为访问调用的是360CDN缓存镜像
- 3、可抛弃本地相关插件：比如wp-super-cache等缓存插件、七牛CDN插件等
2、缓存全开之后，会有什么弊端：
- 1、主题切换失效（仅针对非响应式主题）；本文重点解决对象
- 2、前台登录功能失效（可使用wp-admin路径登录）；
- 3、原生评论可能会出问题（用多说就没影响）；
- 4、补充：移动端无法切换到电脑版（此问题已解决，详见及相关文章=>）
- 5、浏览计数无法排除已登录用户的访问，如wp-postviews；
- 6、WP后台评论无法获取到评论者真实的IP地址。
四、完美实现移动主题在360网站卫士缓存全开情况下的切换
1、当张戈把主题调度插件：Any Mobile Theme Switcher 卸载之后，想起了百度的移动建站siteapp，于是前往百度siteapp开始尝试siteapp制作移动站：百度Site App免费在线生成WebApp:移动站点三分钟速成。
2、在提交审核之后，在域名部署里面发现了新大陆：(点击放大)
3、终于让我找到了JS判断UA并切换主题的方法（之前找到方法的好像用的都不太顺...）：只要将百度提供的切换代码根据实际情况修改了下，再结合另一款支持二级域名的主题调度插件，就可以完美实现了JS切换移动主题！
4、现在，非响应式网站也可以“肆无忌惮”的使用360网站卫士的全部缓存功能了！同时，也绝对兼容任何本地静态缓存插件，比如完全静态缓存插件cos-cache-html、偶尔主题切换抽风的Wp Super Cache和Hyper Cache。
5、第一，新增移动站二级域名，如何新增二级域名，请自查方法，张戈在此仅提供DA面板的设置方法： 打开你的DA控制面板，找到如下高级设置，并选择域名额外绑定（DA版本不一样，可能位置有所区别）：（点击放大）
6、注意：DirectAdmin在VPS上安装与使用可参考：DirectAdmin图文教程:安装、中文汉化、多用户、建站
7、前往域名DNS管理那给二级域名新增A记录：
8、接下来，在坐等二级域名生效的同时，安装支持二级域名的主题调度插件WordPress Mobile Pack。可以后台搜索安装英文原版。
9、或者下载张戈DIY之后的汉化精简版：WordPress Mobile Pack中文。插件除了汉化之后，又精简了大部分功能，比如：删除了插件自带的4款移动主题、访问统计以及侧边栏等功能（具体请自行对比），仅剩下了主题切换功能。
10、请如下图设置WordPress Mobile Pack插件：（点击放大）
11、添加UA判断JS代码。因为是静态缓存，所以只有JS判断才能在静态页面下继续工作！编辑主题头部模板：header.php，在<head>后面加上如下代码：
<!--载入UA判断及切换JS—>
<ｓｃｒｉｐｔ src="https://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></ｓｃｒｉｐｔ>
<!--首页跳转—>
<?php wp_reset_query(); if ( is_home()){ ?><ｓｃｒｉｐｔ type="text/javascript">uaredirect("https://m.zhangge.net");</ｓｃｒｉｐｔ><?php } ?>
<!--文章跳转 –>
<?php wp_reset_query(); if ( is_singular()){ ?><ｓｃｒｉｐｔ type="text/javascript">uaredirect("https://m.zhangge.net/<?php the_ID(); ?>.html");</ｓｃｒｉｐｔ><?php } ?>
<!--页面跳转 –>
<?php if ( is_page()){ ?><ｓｃｒｉｐｔ type="text/javascript">uaredirect("https://m.zhangge.net/<?php echo the_slug(); ?>");</ｓｃｒｉｐｔ><?php } ?>
<!--分类页面跳转 –>
<?php if ( is_category()){ ?><ｓｃｒｉｐｔ type="text/javascript">uaredirect("https://m.zhangge.net/<?php echo the_category_slug(); ?>");</ｓｃｒｉｐｔ><?php } ?>
12、代码使用必须注意事项： 1、代码中的域名请根据实际修改； 2、代码第2行的js可以下载到网站本地，并换成本地地址（推荐）；3、上述代码文章使用的是 %post_id%.html 的固定链接形式，如果不是这种形式，请自行搞定：根据实际情况修改 第9行中的 <?php the_ID(); ?>.html 即可，代码后面的页面跳转及分类页面跳转使用的是别名链接，不是也请自行修改，张戈就不赘述了！
13、做完这些操作之后，现在你可以试试效果了，先清除所有静态缓存和手机浏览器缓存，然后用手机访问网站。
14、添加手动切换功能。切换正常后，你还可以依葫芦画瓢，在PC主题和移动主题的footer.php加上手动切换链接，具体做法：将以下代码添加到footer.php相应位置即可。
<a title="登陆" href="https://zhangge.net/wp-login.php">登陆</a>
<?php wp_reset_query();if ( is_home()){ ?><a title="电脑版" href="https://zhangge.net#fromapp">电脑版</a><?php } ?>
<?php wp_reset_query();if ( is_single()){ ?><a title="电脑版" href="https://zhangge.net/<?php the_ID(); ?>.html#fromapp">电脑版</a><?php } ?>
<?php wp_reset_query();if ( is_category()){ ?><a title="电脑版" href="https://zhangge.net/<?php echo the_category_slug(); ?>#fromapp">电脑版</a><?php } ?>
<?php wp_reset_query();if ( is_page()){ ?><a title="电脑版" href="https://zhangge.net/<?php echo the_slug(); ?>#fromapp">电脑版</a><?php } ?>
15、注意：在手机主题上使用电脑版的登陆地址，是因为WordPress Mobile Pack会将后台转换手机样式，超链接后的 #fromapp 是uaredirect.js自带的中断参数，带上此参数访问则可略过UA判断，避免手机浏览时无法手动切换到电脑版的Bug。
五、360网站卫士免费CDN和DNS使用小结
1、免费的CDN服务质量还是有待改善，比如前几天加速乐的官网都打不开了，这样严重的问题很容易影响用户继续使用下去的信心，同时免费的CDN速度慢、不稳定的“特性”也是广为人诟病。
2、本文方法理论上同样适用于其他支持整站静态缓存的CDN，比如百度云加速、加速乐、安全宝等，有兴趣的朋友可以试试看！本文部分代码和插件仅支持WordPress，其他建站程序请参考解决思路，自行折腾吧~
文章出自：张戈博客 由部落编辑整理，版权归原作者所有。本站文章除注明出处外，皆为作者原创文章，可自由引用，但请注明来源。