WordPress优化：知言主题瀑布流缩略图修改为七牛缩略图
先上两张图，是审查元素里面加载的时间表，具体页面是我这个网站的“爱摄影”分类。
有很多相片我没怎么压缩，占用空间比较大的，又没有专门去设置一些裁剪过的缩略图。
于是打开瀑布流分类页面时，经常连页面都加载不出来的。第一张图是优化前的，第二张图是优化后的。
1 | // 七牛缩略图（含img标签） |
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 口水随想！
微信
支付寶
相关推荐
2015年04月26日
碎碎念@再写一条带图片的。
再写一条带图片的。
2015年06月09日
给WordPress添加智能摘要结构化数据
今晚给小站添加了360搜索引擎的好搜智能摘要，虽然不知道有个卵用，但是现在SEO那么烂，试试也不会死。 首先了解，什么是“智能摘要结构化数据简介”？传送门：http://www.haosou.com/help/help_3_9.html 以新闻站为例，数字公司列出了一下meta信息，需要我们添加到站点里的，以方便搜索引擎收录。 智能摘要展现范例 这是360给出来的格式： 以我的主题为例，添加以下代码： 一般WordPress主题都是加在header.php里的，< head>与< /head>之中。 还需要在functions.php添加以下代码： 123456789101112131415161718192021222324252627//缩略图function catch\_that\_image() { global $post, $posts; $first_img = ''; ob_start(); ob\_end\_clean(); $output = preg\_match...
2019年07月11日
第三方博客有风险，Hexo+LeanCloud+VSCode，最佳的博客编写体验
写博客的三个阶段，我觉得我已经来到第三个阶段了，这几天一直在找第三方博客平台来托管。 第一阶段，刚接触 Blog ，觉得很新鲜，试着选择一个免费空间来写。 第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。 第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。 WordPress后台太卡了，切换一个页面都要等8s+，前台300ms还能接受。可能插件开太多，但是关掉效果也不太明显。 Hexo也折腾过一段时间，包括Jenkins自动部署等。后来测试机到期，懒得搬迁了。每次写完推送到Git，也达不到随时随地写的需求。 在V站看到有人推荐FarBox，没留意时间。看到价格可以接受，真的是一款小而美的产品么？ 可惜登陆时发现，很久没人维护了。 提示 FarBox 迁移到 Bitcron。新平台B格十足，但不开放注册，只能通过邀请方式登录。 我一般看网站都会看底部页脚的©2012-2015，首页2015年来没更新过，算了！~ 怎么找一个靠谱的托管平台，数据可以备份本地，可以绑定域名，访问速度要快。。真的好难找。 其实蚂蚁笔...
2015年04月26日
如何在WordPress上写短微博/说说，制作展示页
短微博、状态，以及QQ空间那样的说说，以其简短的风格形式受到很多网友欢迎，在wordpress上如何实现这种形式呢？微博主题应运而生，但是为了实现这一功能就去换个主题不太划算，而且大部分文章还是以正常形式展现的，那么使用wordpress的用户如何在自己的网站中制作一个类似的展示页呢？下文将作详细介绍。 效果预览：http://kouss.com/suisui/ 添加一个分类目录添加一个文章分类，所有的类似文章都放入这个分类，例如分类名可以设为“吐槽”，别名为“tucao”，具体名字你可以根据自己喜好设置。 添加并修改展示页面模板样式一般情况下，wordpress首页模板就是展示所以文章，这和我们要求的模板功能类似，但是如何为“吐槽”分类目录调用单独的模板呢？Wordpress有一个功能，分类目录的模板会自动搜寻“category-分类英文别名.php”模板，所以请复制首页模板index.php文件一份，重命名为category-t.php，注意t为之前设置的分类别名，如果你设置了别的，请相应改成你所设置的。打开category-t.php作样式编辑，去掉不需要的内容组件，例如文...
2015年05月23日
14款WordPress表情打包下载、表情替换
WordPress自带的表情，让我说你什么好呢，哎，真太那啥了。但是你们绝对没有在我的博客看到它的自带表情，因为我建站后第一件事就是替换了那些丑陋的家伙们。如果实在想饱眼福的，可以到别的WordPress站点碰碰运气。 好了，废话咱也不跟你唠了。以下，正题。 WordPress一共22个表情，存放在wp-includes/images/smilies这个目录下面，下载后直接覆盖了就可以了。但是切记不要随便改表情的名称，否则表情会无法显示。 下面，分享几款我在网上收集来的表情 第一款：Riceballs，作者David Lanham，外国货。这款也是我正在使用的，大爱。 第二款：ComCom Smilies，来历不详，望知情者告之。 第三款：人人网表情，无需介绍了。 第四款：QQ表情，这个我们再熟悉不过了，也不多讲了。 第五款：QQ表情方块版，由QQ表情修改而来，作者不知道。 第六款：嘀咕表情，zwwooooo修改而来。 第七款：Android Smilies，作者安致哥。他表示：因为他下下来的图标只有20个，而WordPress表情有22个，所以有...
2015年09月14日
给我的美图网添加图片延迟加载
我的图片站下载流量一直很紧，随时欠下七牛一笔钱跑路的节奏。尤其是我不喜欢给网站图片添加太多分页，点一下看一张那种实在是憋屈。 套图分类是重灾区，因为每篇文章都有几十张图片，一个IP就带走我不少流量了。必须给它加延迟加载，拉下时再加载图片节省流量。 原谅我现在还没搞好代码高亮，凑合看看先。 先上Demo：美女纹身艺术照 @全过程 **步骤1、**引用jQuery.js，一般主题都有。如果没有，直接用度娘CDN的好了，要加在后面那些JS之前 **步骤2、**下载jquery.lazyload.min，如果下载后文件名有变，请重命名回jquery.lazyload.min.js，放置到主题的js文件夹里 **步骤3、**在页脚加入以下代码： 1`$(function() { jQuery("img").lazyload({ effect : "fadeIn", failure_limit : 10 }); }); $(function() { $("img:below-the-fol...
