Tag: 美化

3 Posts

thumbnail
WordPress配置腾讯云CDN并实现发布/更新文章、提交/审核评论自动清理腾讯云CDN缓存
2020年2月13日22:07:24更新 钻芒博主有话说:看到很多人还在访问这篇文章,说说我的感受,个人不建议WordPress整站折腾CDN,因为后台始终是无法绕过的,而我经过多重的CDN缓存方案都一一放弃。几乎每次上CDN都会多多少少遇到问题,全局缓存评论不好解决,绕过后台缓存进入后台的操作又非常慢。样式丢失等等问题让我在折腾很久后最终放弃WordPress整站CDN。取而代之的是动静分离方法。即动态内容放本地,静态内容放OSS或使用CDN加速。钻芒用过的CDN有腾讯云CDN、又拍云CDN、七牛云CDN、阿里云CDN、CloudFlare CDN、360奇安信。实际上各家除了功能性上的些许差异外,速度都不用担心。目前钻芒博客用到的有又拍云、阿里云和360。当然你头一次接触搞搞也是没有坏处的,搞一搞就有经验了。或许你还能找到CDN完美缓存WordPress的策略了呢。有问题可以在底部留言看到后会回复 博客在CDN是加了又下,下了又加。昨天访问张戈博客学习的时候,感叹大牛的站优化的就是好!惊叹速度快之余发现张戈博客的服务器在国外,而且配置也不是很高。(优化出奇迹) 网站速度的提升无论对用户体验以及对seo都是极好的。在看看我这个1h1m的小弱鸡。(摇头摇头) 实际上网站的访问速度并不是完全依赖于去给服务器堆硬件配置,这方面就包含很多知识了。服务器地理位置距离、网站内部优化、不同运营商之间的线路解析、缓存cdn分发等等都决定着网站的速度。当然我们可以扬长避短,取长补短。 WordPress套一层CDN提升网站访问速度。 cdn可以解决不同位置的文件分发问题,但我觉得优化wordpress网站速度主要还是靠cdn提供的缓存功能, 通过cdn控制台设置缓存页面内容,用户直接访问到的是cdn层的缓存,在结合cdn的跨区域分发。提速明显! 为此,我把博客固定链接结构改成了/%post_id%.html,然后在cdn配置缓存,html页面似乎更利于cdn缓存(这个我也不太懂,发现很多大佬都是这样设置) 关于更改固定链接后之前的文章链接无法访问,可以参考这篇文章:wordpress更改固定链接后旧链接301跳转当前固定连接 wordpress更改固定链接后旧链接301跳转当前固定连接 博客之前用固定链接是/archives/%post_id% 链接形式:https://www.zmki.cn/archi… 正文开始: 配置腾讯云CDN 注册腾讯云账号开通CDN这个不多说。 开通之后开通域名,新用户还送流量包,可以根据自己的需求选择套餐 回源配置: 由于我使用的是腾讯云的服务器,好像支持什么Range回源配置,源站类型我选择自主回源,源站地址就填写服务器ip。 缓存配置 主要是缓存静态内容,缓存时间我设置的7天。 不缓存 后台/wp-admin 登录页面/wp-login.php 静态文件.php;.jsp;.asp;.aspx 其他的都设置缓存   发布/更新文章、提交/审核评论自动清理腾讯云CDN缓存 把下边的代码放到当前主题functions.php中(替换代码里的SecretId 及 $secretKey) /* 需要填写你的密钥,访问 https://console.qcloud.com/capi 获取 SecretId 及 $secretKey */ $secretKey = '你的secretKey '; $secretId = '你的SecretId '; //更新或发布文章清理本文和首页CDN缓存 add_action('publish_post', 'Clean_By_Publish', 0); //提交评论更新本文CDN缓存 add_action('comment_post', 'Clean_By_Comments',0); //评论被审核更新本文CDN缓存 add_action('comment_unapproved_to_approved', 'Clean_By_Approved',0); //发布文章更新CDN缓存函数 function Clean_By_Publish($post_ID){ global $secretKey,$secretId; $url = get_permalink($post_ID); $action='RefreshCdnUrl'; /*要清理的页面,默认包含首页和文章页面,需要清理其他页面请自行发挥*/ $PRIVATE_PARAMS = array( 'urls.0' => 'https://www.zmki.cn/', /*提交首页刷新,修改成自己的网站首页*/ 'urls.1' => $url , ); $HttpUrl="cdn.api.qcloud.com"; /*除非有特殊说明,如MultipartUploadVodFile,其它接口都支持GET及POST*/ $HttpMethod="POST"; /*是否https协议,大部分接口都必须为https,只有少部分接口除外(如MultipartUploadVodFile)*/ $isHttps =true; /*下面这五个参数为所有接口的 公共参数;对于某些接口没有地域概念,则不用传递Region(如DescribeDeals)*/ $COMMON_PARAMS = array( 'Nonce' => rand(), 'Timestamp' =>time(NULL), 'Action' =>$action, 'SecretId' => $secretId, ); /***********************************************************************************/ CreateRequest($HttpUrl,$HttpMethod,$COMMON_PARAMS,$secretKey, $PRIVATE_PARAMS, $isHttps); } //提交评论清理文章CDN函数 function Clean_By_Comments($comment_id) { global $secretKey,$secretId; $comment = get_comment($comment_id); $url = get_permalink($comment->comment_post_ID); $action='RefreshCdnUrl'; /*参数*/ $PRIVATE_PARAMS = array( 'urls.0' => $url, ); $HttpUrl="cdn.api.qcloud.com"; /*除非有特殊说明,如MultipartUploadVodFile,其它接口都支持GET及POST*/ $HttpMethod="POST"; /*是否https协议,大部分接口都必须为https,只有少部分接口除外(如MultipartUploadVodFile)*/ $isHttps =true; /*下面这五个参数为所有接口的 公共参数;对于某些接口没有地域概念,则不用传递Region(如DescribeDeals)*/ $COMMON_PARAMS = array( 'Nonce' => rand(), 'Timestamp' =>time(NULL), 'Action' =>$action, 'SecretId' => $secretId, ); /***********************************************************************************/ CreateRequest($HttpUrl,$HttpMethod,$COMMON_PARAMS,$secretKey, $PRIVATE_PARAMS, $isHttps); } //评论被审核清理CDN缓存函数 function Clean_By_Approved($comment) { global $secretKey,$secretId; $url = get_permalink($comment->comment_post_ID); $action='RefreshCdnUrl'; /*参数*/ $PRIVATE_PARAMS = array( 'urls.0' => $url, ); $HttpUrl="cdn.api.qcloud.com"; /*除非有特殊说明,如MultipartUploadVodFile,其它接口都支持GET及POST*/ $HttpMethod="POST";…
给wordpress添加鼠标点击爆炸特效
使用方法 将js附件放入当前主题的js文件夹里面 将下面代码 粘贴到 footer.php里面 调用js地址/wp-content/themes/当前主题名称/js/djtx.js 或者随便上传个位置,直接全局调用js即可。 <!--给WordPress网站添加鼠标点击爆炸五颜六色特效--> <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas> <script type="text/javascript" src="调用js的地址"></script> 下载地址:https://www.lanzous.com/i2teydc