Wordpress on 土木坛子

AMP移动加速页面添加Google AdSense广告代码的设置方法

Thu, 23 Mar 2017 08:00:59 +0800

赖博主以前不愿意使用Google AMP加速网站，说因为不方便添加AdSense广告。其实通过WordPress官方AMP插件实现的AMP网页很容易就添加AdSense广告。方法和添加AMP Google Analytics是一样的，只需要添加相应的JS库AMP格式的AdSense广告单元即可。

具体方法如下：

1 在WordPress控制后台的AMP插件的amp/templates/single.php文件里/head之前添加以下JavaScript代码：

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

2 接下来在amp/templates/single.php文件里，对应文章中需要出现广告位置的地方添加AdSense单元，注意AdSense广告单元需要是AMP格式：

以下代码是自适应尺寸广告，建议放在文章标题下（非首屏Below the fold），如下图所示（注意data-ad-client和data-ad-slot的值换成你自己的ID）：

<amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

下面的代码是首屏（Above the fold）自适应尺寸广告，建议放在文章标题之上：

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

OK，WordPress官方插件AMP下的AdSense广告设置就是如此简单。

我感觉AMP页面下的AdSense广告又干净、整洁、快速，和内容也浑然一体，估计点击率应该会高一些。

AMP移动加速页面添加Google Analytics统计代码的设置方法

Wed, 22 Mar 2017 08:00:08 +0800

网站支持AMP移动网页加速加载技术后，从Google搜索移动端进入相应页面，加载速度确实如闪电般快捷，页面如出水芙蓉般清爽。

对于WordPress博客而言，如果是通过官方AMP插件实现AMP加速，该插件并不自带Google Analytics统计服务，因为官方AMP插件就相当于另一套主题。因此需要用户自己添加Analyitics代码，才能实现统计服务。

根据Google的官方总体说明，对于WordPress的官方AMP插件，Analytics代码添加方法如下（其它插件或者网站程序和此原理一样）：

1 在WordPress控制后台的AMP插件的amp/templates/single.php文件里，将以下代码添加到/head标签之前。

<script async custom-element="amp-analytics"
    src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

添加通用JavaScript文件

2 然后再将以下代码（注意，此段统计代码不同于Analytics以前的代码，同时请将UA-XXXXX-Y替换成你自己的ID），放到amp/templates/single.php文件里的/body标签之前：

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXX-Y"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

添加统计代码

至此，大功靠成。

从此AMP页面也会将访问统计发到你的Google Analyitcs里面，支持实时统计。需要分析AMP页面访问时候，可以通过AMP字段过滤出相关统计页面。

网站加载速度优化技巧

Thu, 03 Dec 2015 08:00:54 +0800

网站速度的重要性不言而喻。如果不是墙的影响，土木坛子目前的加载速度异常快，我在英国加载本网站首页，可以实现500毫秒以内完成加载，半秒钟都不到。

这是如何做到的？采用了什么优化方案？简单来说，我的优化方案和技巧如下，供博客朋友提升网页速度参考使用。

简洁的主题界面

如你所见，土木坛子目前采用WordPress官方主题2012, 禁用了Google字体，除了Google Analytics统计代码，其它全部采用本域名下的资源，包括JS, 图片等静态资源——连Gravatar头像都缓存在本主机上。2012主题是自适应简洁主题，我的首页加载的数量不到10个，这样就能最大限度地减少加载请求等待时间，同时也减少主机服务器开销。

选择SSD硬盘主机

我目前使用的是英国主机QuickHostUK，SSD固态硬盘。固态硬盘存取速度比传统硬盘要快得多，这样可以大大减少访客等待的时间。可以预见，随着SSD硬盘价格不断下降，将来不采用SSD的服务器将被慢慢淘汰。而对网站速度有要求的应优先选择SSD硬盘。

使用缓存机制

本网站由WordPress程序搭建，本来是动态PHP程序按需生成页面。我使用了WP Super Cache插件缓存所有网页。插件在后台生成HTML页面缓存在主机上，避免访客每次访问都要动态生成HTML网页，同时也降低服务器的压力。访客访问网页时，主机就像一台硬盘一样直接给出需要的文件，同时该插件支持GZIP压缩，文件体积压缩后可以减少在网络传输中所需要的时间。

采用先进CDN

我采用了CloudFlare的CDN，它不是普通的CDN。它使用Anycast（任播）技术的DNS全球解析，最大速度减少DNS解析时间。同时CDN技术让访客从全球任何地方都能从最短物理距离的地方加载静态资源：图片，JS, CSS文件（JS文件会优化合并）。而且CloudFlare最近使用了HTTP/2协议，让浏览器不再受限于HTTP并发请求数量，即可以同时加载更多的请求。

总的来说，我使用的优化方案并不复杂，成本预算也不高，但让网站的加载速度得到了极大的优化效果，对主机服务器、访客双方都非常友好。在移动网络时代，性能和网速和PC有线环境有区别，因此网站更应该为访客提供快速的加载访问速度。

每篇博文都是对Google数据库的成功修改

Sat, 29 Nov 2014 07:00:58 +0800

有一次，我去Forbetty博主那里找一篇博文，我直接用Google的site搜索死活搜不出来东西，而她的博客连自带搜索框都没有，我只得用WordPress的搜索参数（域名+?s=关键词），才将需要的内容搜索出来。

我给她留言建议参加搜索框，同时表示Google搜索不出来她的博客很奇怪，照理说，WordPress博客即使不作任何处理，对Google搜索也极其友好。她回复我：她把对搜索引擎开放功能关闭了。遵守君子协议的Google自然没有索引她的博客……

这也无可厚非。关闭搜索引擎开放，网站的内容就只会限定于特定的人群，没有了搜索引擎的帮忙，传播范围会小很多。无论你的选项有多少，总会有人需要，虽然很少有人会将博客的搜索引擎开放功能关闭。

我当然不会开启这个禁止搜索引擎索引的功能。相反，我很在意Google索引——我不关心其它搜索引擎。虽然我对自己的博文实行Copyleft个人原则：自由转载，但我每次写完后会手工提交到Google（Webmaster功能），这样的好处是Google会第一时间收录我的博文。任凭他人转载，时间戳上有保证Google始终知道我是原作者。

就Google搜索引擎而言，我有时候觉得，我每写一篇博文，就像成功合法地修改了Google的数据库：我每次写一篇博文，然后在Google里的搜索结果就被我改变了一次，因为这篇博文在这之前并不存在。从此，我的经验技巧、所见所闻，就交给了这个星球上目前最好用的搜索引擎，终究会传递到需要这些信息的人眼中。我不需要再付出什么，却可以持续地为他人服务。

这种感觉还不错，也算博客的乐趣之一。

如何经营好个人博客？

Thu, 13 Nov 2014 07:00:30 +0800

我写博客的时间不算短，见惯了个人博客中的种种现象与问题。以下就是这些问题的汇总，你如果想经营一个好博客，最好不要这样。

不要常换网站域名

不是.com域名？换？域名太长？换？被墙了？换？换来换去，依然不知道自己的域名应该是什么样，搜索引擎不知道，读者也不知道。域名永远是新的。月光博客的域名 williamlong.info 怎么样？我依然记得住，或者根本不用记。就像一个常换手机号的人，你觉得靠谱吗？招牌字号经常换，还能叫“百年老字号”？

不要追求VPS主机

个人独立博客是个独立网站，需要建立在主机服务器上。建在虚拟主机上还是VPS上？一般的博客完全不必放在VPS上。服务器的安全维护和优化，需要理论技术，还需要花费大量的时间和精力。选择一个好的虚拟主机，把这些事情交给技术人员，会做得更好。

我们最多明白汽车怎么生产就够了，实在感兴趣，可以买一些成型的零件组装一下，但完全不必要买来车床和一堆钢材，自己生产零件，然后再组装成汽车。那样的话，你应该直接去汽车厂。对于博客主机也是一样的道理。除非你特别喜欢折腾服务器，或者是IT从业人员。

不要纠结博客程序

静态博客程序还是动态博客程序？简单的功能还是复杂的功能？是否支持Markdown？能不能命令行写作？严格意义上来说，无论静态还是动态，两者皆可互换。大众化的WordPress成熟一条龙解决方案有什么不好？广告、评论管理，可简单可复杂，没有什么功能不能实现，就算迁移也无障碍。

很多IT高手们“喜欢”用静态博客生成器建立博客，号称Markdown语法爽翻天，其实博客上就那么几篇日志，记录一下自己搭建的过程，然后就再也没了。居然还问：程序员博客方案哪家强？Ghost，Jekyll，Github Pages，Hexo，弄来弄去都是折腾。事实上，建立一个好博客，不需要那么多功能。

不要折腾博客外观

内容最重要，外观不是那么重要，简洁就好，又快又突出重点内容。折腾过去折腾过来的换皮，其实也只有博主自己最重视这张皮。忠实的读者也许使用RSS订阅，根本看不到你折腾的主题外观。没有好的内容，再酷的外观都是渣，有好的内容，就是白纸黑字的界面也是赞。

不要盯着广告收入

博客早期流量一般不高，自然也不会有看得见的广告收入。虽然早期也可以投放，但不要期望有可观的收入。有了每天1,000个访客以后，广告收入自然会上来。死死地盯着广告收入，不但得不到，反而耽误写作好的内容。何况，博客的意义与收获又岂止这点广告收入？

不要限制写作话题

什么都可以写，博主是个活生生的人，每个人都是多方面的，在博客里记录自己的故事就好。你不可能只懂一方面，如果你只钻研某一方面，总会有一天写得想吐，你的读者也会看得想吐。你本身的复杂多样可以让博客也丰富多彩。别怕，土木坛子既谈曲高和寡的《圣经》，也谈喜闻乐见的好莱坞女明星艳照。

不要担心写作技巧

在能写好博客之前永远是写不好。只有写了，才会发现越来越容易写。关于写作手法，博客不是作文，不是公务员考试中的申论。其实，真实的思想表述不需要太多的技巧。

你若是一个严肃的人，想方设法抖出来机灵一点都不搞笑。你是什么样的人，就用什么样的语言，把事情和意思准确、干净地表达出来，这就是写作最基本也是最重要的要求。

内容与坚持是王道

换域名，换空间，换程序，换主题，SEO推广，清除博客，重新再来，最终不再博客，只得一声叹息：原来我也博客过。大多数人在折腾怎么搭博客，很少有人坚持写博客，坚持创造好的内容。

创建一个好Blog，当好一名Blogger，只有坚持创作好的内容才是王道。为什么要经营好自己的博客？无论互联网怎么变，独立个人博客是真正属于你自己的网络空间，博客久了，自会明白。

关于经营好个人博客，博主我算不上高手，你有什么建议和看法呢？欢迎留言分享。

WordPress博文中间插入AdSense广告的方法

Sun, 12 Oct 2014 06:00:58 +0800

见到赖博主在博文中间展示AdSense广告，我觉得这效果不错，问了他之后，他直接告诉了我代码，我自己也用英文搜索了一下，发现方法很简单，只需要添加一小段代码即可，完全不需要插件。

将你的AdSense广告代码放在下述代码中的“AdSense广告代码”处，然后再将此代码放到你的WordPress博客主题中的functions.php文件末尾，就可以实现在博文第二段后显示AdSense广告。

//Insert ads after second paragraph of single post content.
add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
$ad_code = '在此处两单引号之间插入AdSense广告代码';
if ( is_single() && ! is_admin() ) {
    return prefix_insert_after_paragraph( $ad_code, 2, $content );
}
return $content;
}

// Parent Function that makes the magic happen
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '</p>';
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {
    if ( trim( $paragraph ) ) {
        $paragraphs[$index] .= $closing_p;
    }

    if ( $paragraph_id == $index + 1 ) {
        $paragraphs[$index] .= $insertion;
    }
}
return implode( '', $paragraphs );
}

同理，修改"ad_code"后面的数字2为1即可实现第一段后显示广告，一切由你决定。上述代码中以下代码是判断单篇日志显示广告：

如何提高博客访问量？

Tue, 09 Sep 2014 06:00:29 +0800

写博客早已不算个时髦的事情，但多少还是有些人愿意像我这样坚持写博客。虽然我一直认为博客不必关注访问量，不过，大部分博主还是在意访问量，正如球场需要球迷的喝彩，歌手需要听众的掌声。

网上有太多各种提高博客访问量的技巧，大部分是千篇一律，陈辞滥调。作为一名写博多年的博主，我也被其他博主“咨询”过。我虽没有什么独门秘技，倒也有点自己的小经验。现将这位博友与我的交流整理公布如下，分享给各位博友。

博友来信

坛子兄：

您好！

我是XX博主YY，从我开始玩博客的那天起我就关注你的博客了，你的博客文章写得非常好，都是写得实用的生活技能和感悟，对我很有启发，我也想和你一样用博客写写生活感悟，写写人生。

我了解到你正式使用独立域名写博客是在2011年才开始的，而你的博客现在的浏览量已经在我看来是非常大了，因为你的是生活博客，一个生活博客能有这样的流量真的是非常地了不起的，而我的博客是在2012年建立的，相对你的博客来说也就是推后了1年时间，但是博客流量至今每天只有100-200IP之间，想请教您的博客流量是怎么增加起来的？有没有好的推广技巧？

感激为谢！

我的回信

亲爱的YY：

容我好好想一想。这个问题有些大，但也很有意思。

SEO推广技巧方面，我基本上不懂。WordPress程序注意一下TAG标签的运用，貌视很有用，其它就没什么了。

内容方面，还是要写网上没有的内容，即要原创，讲究时效性的话，你必须跑在别人前面才行——但这个显然不划算，那是新闻网站的专长。

博文是写给自己和别人看的，所以要言之有物。我讲究说实话，所以至少从这一点来讲，博文就有人味，总会有一些是值得一读的。当然，最有用的还是提供一些小技巧给别人，这样最有流量，但我不太喜欢专门写这方面的内容，这不是个人博客的重点，所以我只是偶尔点缀一下。

博客评论很重要，建议采取网站自身的评论，不要第三方的插件，“多说”、Disqus之类并不好，自身评论Google能检索，也能加快加载速度，更重要的是，评论是一个很好的内容生成器，并且评论越多，搜索引擎会认为这是一个很有价值的网站。

一定要方便读者评论——不建议设置验证码之类的东西，垃圾评论格杀勿论——WordPress博客建议用Akismet自动过滤，有意义的评论博主建议回复——并使用邮件通知原评论者。

能评论留言的读者是黄金读者（看官们现在知道如何最好地支持博客主了吧？），他们极大提高博客的活跃度——也会让搜索引擎喜欢。你的博客程序不知为何，我无法自动用JS代码填充评论信息（可能是EMBLOG程序的问题），这样不利于别人评论。

网站硬件架构方面，我用WordPress程序，感觉很好。做好缓存——极大提高访问速度，主题简洁——极大提高加载速度，采用好的主机——极大提高加载速度，

另外，我没有百度的访客，所以读者质量应该相对较高，这更让Google可能觉得这是一个很好的网站——虽然你未必认可。所以土木坛子基本上写什么话题都能在Google搜索结果中取得较好的排名。虽然土木坛子只是一个各方面话题都涉及的个人网站（熟悉的朋友知道我连成人内容也是有关注的）——区别于那些职业博客们的利基博客（专门针对某个关键词某个主题），但Google依然认为这是一个原创、有意义的网站。

其它对于中文博客，其实只要博主认真写，Google都会给出很好的排名——因为大家都盯着百度，而且中文网站里面有多少网站是认真创作内容的呢？很少。

胡乱讲了这么多，还是希望作为一个博主多写一些原创的、有意义的、较独特的内容，这才是博客的真谛：创作，这样也对得起自己，对得住读者。至于流量什么的，不请自来。

PS 我的博客访问量其实并不大，也就200多万的样子，毕竟是被GFW认证了的网站。

祝好，

土木坛子

关于这个话题，你有什么窍门呢？欢迎留言分享。

不建议选择Jekyll等静态博客

Mon, 11 Aug 2014 06:00:46 +0800

上次在介绍WordPress博文转换成Jekyll和Farbox博客需要的Markdown格式一文中，我说过，不建议普通博客主选择Jekyll这样的静态博客生成器，后来有博友抱怨起WordPress的不是。关于这个问题，我其实在“工具是工具、问题是问题”中也提到过。

我见过太多的人说起Jekyll静态博客的好处，我就来说说相比WordPress程序，Jekyll静态博客的缺点与不是。

用着WordPress，可以考虑随时转出到其它博客平台，但是用着其它平台，谁还能保证能转出到哪儿？比如用Jekyll的话，一堆Markdown纯文本文档能方便地转到哪去？

如果要进行批量修改博文，还有哪种方法有MySQL等数据库的方式那样方便与快捷？程序员们会说，我们可以写脚本、写程序去批量修改，可是，大部分人不是程序员，程序员用额外的手段去实现非程序员常规手段就能实现的事情，有什么意义？难道不是浪费生命？

许多人说WordPress写博客是杀鸡用牛刀，WordPress既然是牛刀，杀鸡应该很方便，一刀就将鸡杀死，如果拿个小剪子，虽然剪刀的确轻巧方便，难道没有可能要好几下？

像Jekyll, OctorPress, Farbox这些程序或服务，谁能保证它们能像WordPress这样有成熟商业模式的长远发展规划与前景？如果没有，又有谁知道能用到哪一天？有人会说，Github提供的“不限流量”的“免费主机”不会死，别忘了 sourceforge.net 这样的服务五年前不也挺火吗？谁又曾想到过Live Space, Google Reader这样的服务不也是说关了就关了，它们的后台是Microsoft, Google。Github如果关掉page功能给Jekyll有什么商业和逻辑上的问题？更关键的是，Jekyll这些程序本身都可能没有人会持续维护。

还有，Jekyll这类静态博客有两个最大的缺点：

对于普通用户，Jekyll等搭建过程实在是复杂与痛苦，充满了安装Ruby环境和Git命令；
文章一多，生成时间太长太慢，并且需要好几分钟才能看到网页效果。

这与安装WordPress不需要任何命令的难易程序不可同日而语，毕竟前者的目的是所谓的“像黑客一样写博客”……正如Farbox的开发者所说：

（静态博客）它远比你想象中要不方便。

另外，博客本来就是网站的一种形式，有了WordPress等专业化程序，可以实现复杂的功能——总有些人需要一些强大的功能。即使是Jekyll静态博客最大的优点：静态网页带来的极快速度，WordPress不也能通过缓存插件轻松实现静态页面吗？

当然，我并不是说Jekyll等静态博客不好，它让人们多了一个选择，当然是一件好事，我只是说，它并不适合普通博客主，更不能以静态博客方式的出现，就说动态博客WordPress方式就不再适合写博客。

可能，下面是你该向我开炮的时候了，欢迎留下评论轻拍土木坛子……

WordPress博文转成Jekyll和Farbox博客最简单方法

Sun, 10 Aug 2014 06:00:03 +0800

最近两年来，所谓的静态博客有抬头的趋势，尤其是在程序员博客这个圈子里，大有WordPress动态博客程序就是垃圾的感觉。

如果你也想使用静态博客，比如用Jekyll, OctoPress建立博客，可能会发现建立过程并不容易。对于WordPress博主而言，博客迁移转换也不容易，官方推荐exitwp使用Git命令去完成转换。这对于不懂Git命令有没有相应Rubby程序环境的人来说，无异于天书。

WordPress导出为Jekyll的MarkDown格式

这里推荐一个很简单的办法，将WordPress格式博客文章转换成Jekyll静态博客需要的Markdown格式：在WordPress中安装WordPress to Jekyll Exporter插件。不需复杂步骤，不需运行任何命令，最适合非程序员博客主。

对于中文博客，在安装插件前需要对数据库进行操作一下（为防止出错，操作前请备份数据库）。进入博客对应的MYSQL数据库，进入到wp_posts数据表，选择Structure模式，然后找到post_name列表，点击Drop，即删除这个列表下的所有项值，如此操作后，WordPress to Jekyll Exporter插件导出的Markdown文件会以纯数字为博文名称，避免乱码和长文件名的问题。

完成以上操作后，点击此处在github上下载此插件，安装到需要转换的WordPress博客中，在“工具”栏里，点击"Export to Jekyll"，插件即会将所有博文和页面自动转换成Jekyll要求的Markdown格式，然后自动打包下载到本地电脑上。解压下载文件后，将整个文件夹放到Jekyll, OctoPress等博客文件夹中，就完成了转换过程。

Jekyll的MarkDown格式博文+FarBox

虽然上述方法是针对Jekyll静态博客，但我个人强烈建议普通博主不要选择Jekyll静态博客，相反，可以选择Farbox.com，这是一个很强大的博客平台。Farbox其实支持纯文本文件，更不消说Jekyll版本的Markdown格式。

用Dropbox账号在Farbox上建立博客后—简单得不需要介绍，将上面转换得到的Jekyll版Markdown格式博文复制到Dropbox下面的Farbox博客文件夹中（建议Farbox博客后会在Dropbox中自动生成），你的博客立马就在Farbox中生成—绑定域名等事情当然是完美支持的。

土木坛子@FarBox

作为范例，欢迎在土木坛子的每篇博文链接“tumutanzi”后面添加“.farbox.”，即：https://tumutanzi.farbox.com（支持HTTPS SSL），就会发现Farbox的美。当然，我虽然欣赏Farbox, 但土木坛子依然会坚持使用WordPress, Farbox只是用来备份而己。

Farboxb其实提供在线WordPress XML转换成Markdown格式服务，但有严重的问题：引用格式后面的标点符号会丢失。我这里介绍的方法除了iFrame语法不支持外，其它HTML语法均完美支持。另外，中文博文名称可能会乱码—系统编码的原因，需要自行下载软件批量修改文件名。

在网站中插入Google站内搜索栏

Sat, 12 Jul 2014 06:00:02 +0800

如何在网页上插入Google搜索框？直接在需要插入的地方添加如下HTML代码：

<form method="get" action="https://www.google.com/search">
<div style="border:1px solid white; padding:4px;width:20em;">
<table border="0" align="center" cellpadding="0">
<tr><td>
<input type="text"   name="q" size="20" maxlength="255" value="" />
<input type="submit" value="搜索" /></td></tr>
<tr><td align="center" style="font-size:100%">
<input type="radio"  name="sitesearch"
value="tumutanzi.com" checked />土木坛子
<input type="radio"  name="sitesearch" value="" />Google
<br />
</td></tr></table>
</div>
</form>

上次，我用Google自定义搜索取代了WordPress系统自带的搜索栏，后来发现Google自定义搜索JavaScript代码的确影响网站的加载速度，于是又换回了WordPress的自带搜索，可惜WordPress自带的搜索功能只能搜索博文内容，无法搜索留言评论内容。

考虑到土木坛子上的留言已经超过20,000条，内容加起来比700多篇博文还要多，我觉得有必要使用Google站内搜索，于是找到了以上代码插入到网站中，替代WordPress自带搜索功能——直接在主题“小工具”选项中增加“文本”一栏，将代码填进去即可。提交搜索内容后，这个搜索框会自动跳转到Google主页搜索整个网站，也可以选择搜索整个互联网。

禁用Google网络字体提高网站加载速度

Wed, 11 Jun 2014 06:00:07 +0800

Update: WordPress 技巧：禁用 Google Fonts，加快 WordPress 后台打开速度：将下面的代码放到当前主题的 functions.php 文件：


add_filter( 'gettext_with_context', 'wpjam_disable_google_fonts', 888, 4);
function wpjam_disable_google_fonts($translations, $text, $context, $domain ) {
	$google_fonts_contexts = array('Open Sans font: on or off','Lato font: on or off','Source Sans Pro font: on or off','Bitter font: on or off');
	if( $text == 'on' && in_array($context, $google_fonts_contexts ) ){
		$translations = 'off';
	}

	return $translations;
}

最近，Google在国内访问拜GFW神威而抽风，不仅仅是Google的搜索和GMail邮件服务，其它的Google相关服务也受到影响，比如Google Font网络字体。

如果有网页使用了Google网络字体，现在加载网页会变得异常缓慢，原因就在于Google网络字体无法加载。对于使用了Google字体的WordPress博客主题，有人建议使用插件禁止使用Google网络字体，也有方法建议使用替代网络字体加载。

我直接用非插件的方法，在主题函数中将Google网络字体注释掉，这样就网页加载时就不再产生Google网络字体请求，速度也就不会受到Google被墙的影响。注释方法很简单，例如，在Twenty Twelve主题函数functions.php中找到googleapis一行，在最前面和最后面各加上 /* 和 */ 即可，注释后的样子如下所示：

Fixing Google Custom Search Engine Monetization Saving Issue

Fri, 28 Feb 2014 07:00:38 +0800

As a blogger using WordPress, I recently switched to Google Custom Search Engine instead of the default search box, just to give better user experience when searching the whole blog. Google Custom Search Engine not only index the posts of a blog, but also the comments left by readers who often bring nice content for a blog.

However, there is a slight disadvantage of Google Custom Search Engine compared with the search box of WordPress. Google Custom Search shows advertisment based on the queries searched. Of course, it is comprehensible that Google relies on ads revenue whenever offers “FREE” services to users.

博客使用Google自定义搜索

Thu, 27 Feb 2014 07:00:28 +0800

上次在简化博客主题的时候，我把博客自带的搜索功能去掉了，结果有好几位朋友建议我还是加上搜索功能。我后来加上了WordPress自带搜索框，勺子又抱怨搜索结果每页只显示一个——因为我把博客每页设置成只显示一个页面，目的是为了保持专注。

其实，最强大的搜索应该通过Google的站内搜索技巧：关键词 site:tumutanzi.com，可是这个技巧也许只有我自己会这样使用。用户永远是懒的。没有办法，我只好求助Google自定义搜索引擎（Google Custom Search Engine）。

在Google的设置页面添加一个自定义搜索单元后，将代码放到博客主题中想要出现搜索框的地方（我把它放在了日志后面），就实现了通过Google搜索博客的功能。使用Google自定义搜索替代WordPress自带搜索的好处是明显的：

全面、精准、强大的搜索功能，甚至支持语音（目前只支持Chrome PC）和图片搜索，不但能搜索博客文章，还包括评论留言，这是WordPress自带搜索目前不支持的缺点。
搜索界面高度定制，搜索内容与范围也可以定制。
Google自定义搜索不占用博客主机资源，虽然用WordPress自带搜索也不会太大的开销。

不过，Google自定义搜索也不是没有缺点：

需要额外加载Google的JS代码，在中国大陆范围内可能存在加载速度的影响——墙的功劳。
Google在搜索结果页面会添加相关广告，影响用户体验，而且，如果没有AdSense账号的话，此广告收入完全归Google，毕竟这是Google提供自定义搜索的利益驱动。

综合而言，我还是愿意使用Google自定义搜索替代WordPress自带搜索功能。因为我的博客有近700篇日志，将近80万字，留言评论也有20, 000多条，我在博文中写下来的信息难免不全，留言和评论相当于UGC模式（User-generated Content 用户创造内容），部分评论内容是很重要的补充信息，而WordPress自带搜索居然不支持搜索评论内容。

我的博客可以算一个人综合网站，她记录了我所想、所见的许多东西，内容五花八门，而通过强大Google自定义搜索，就可以更方便地找到自己写下来却已经忘掉的东西。

搜索还得靠Google。

工具是工具、问题是问题

Wed, 12 Feb 2014 07:00:58 +0800

考虑网站速度的时候，估计很多人像我一样，纠结过虚拟主机还是VPS服务器。像我这种180美元的虚拟主机，肯定会有很多人觉得没有必要，还不如直接购买VPS。

我认为，高端虚拟主机好用的话可能更好。VPS太费精力去维护，也不容易维护。好的虚拟主机（通常也贵）不只是一款主机，更多的是主机后面的技术人员提供的专业服务，专业的事情就应该交给专业人员去做——除非你为了学习服务器原理。

我以前曾试图用Jekyll等静态博客方法生成博客，但发现操作起来对非程序员们并不简单。并且，纯静态页面的方法功能过于简单，虽然对于大部分写博客的人来说是足够的。

但是，用WordPress等CMS程序维护博客网站，具有灵活的功能和配置，同时利用缓存插件，又能实现网站全部静态化，大大提高访客访问速度，降低主机负担。动态网站实现静态网页速度。这并不是一个坏的方案架构。

有人抱怨WordPress越来越复杂，不适用于博客。把一个苍蝇拍变成一个高射炮，固然把事情搞复杂了，但是用这个高射炮来打苍蝇，应该比原来的苍蝇拍更厉害才对。所以，用WordPress的话，只坚持使用最基本的功能，不折腾即可。

就WordPress博客而言，完全可以做到既利用它的强大灵活功能，又做到静态化网页的轻便与快捷。因此，它依然适用于博客网站。

在主机和程序上，我们最初的问题就是为了写博客，找到合适、够用的就好。实际上，只不过是国内这种特殊情况，才需要独立的主机空间和程序。像国外，直接用Blogger或者WordPress.com的服务再绑定域名，什么麻烦都省了，没有围墙就不担心红杏出墙。

工具当然重要，但一味地追求工具，就会忘记最初的问题是什么，这就是所谓的“工具是工具、问题是问题”。

提高WordPress博客访问速度：缓存静态化网页

Tue, 11 Feb 2014 07:00:11 +0800

有时候，我也访问博友们的网站。每当网页加载速度很慢的时候，我几乎会第一时间就放弃访问，我没有理由去等待它不知何时才能打开。作为网站的主人，有必要保证网站具有够快的访问速度。

土木坛子在全世界各地的加载速度应该还不错，有朋友说在国内加载几乎秒开。这是怎么做到的呢？说来可能让你失望，我选用的香港主机，每年要180美元左右。这种高端虚拟主机提供了足够的硬件资源，足够一个小博客的访问加载实现秒开的速度。

不过，除了硬件投资外，我也从软件层面配置了一下。和大部分博主一样，我用的是CMS开源博客程序：WordPress，我的设置说起来很简单，使用WP Super Cache缓存插件将博客网页完全静态化。

WP Super Cache是个非常不错的缓存插件，很容易使用，但也有一点小技巧。具体而言，把博客的固定链接形式改成非默认后（即链接里不能带有问号，是否HTML后缀无所谓），然后启用插件的缓存功能，在高级配置选项里面，把推荐的选项都打开。如果愿意，在插件的CDN设置里还可以调用诸如七牛的免费CDN加速服务，至少可以提高图片等静态文件的加载速度。

如此操作后，所有页面在第一次被访问后都会形成静态页面留在服务器上，如果网页内容没有改变，下一次被人访问时服务器就会提供已经形成的缓存静态页面，既减轻服务器的压力，又提高了网页加载速度——至少省略了动态页面生成时间。

那么，能否再提高一点呢？可以。我启用了插件里的预加载配置，即使用预缓存功能（Preload），这个功能是指主机自动将所有网页预先访问，形成静态缓存页面。即使页面第一次被访客访问，也会得到缓存静态页面。如此以来，整个网站就相当于一个静态网站，但又兼有动态网站的功能。所有页面由网站程序通过管理数据库生成，但又实现了自动静态化。

由于静态化是通过自动预缓存实现，该过程对主机不会造成集中负载，主机CPU等开销不但不会变高，相反还会降低——主机几乎不再为访客生成页面而服务，哪怕是第一次访问。

既然搭建网站写字，就应该给访客提供良好的访问速度。资金充沛的话就使用好一点的主机服务器，无法提高硬件也至少在软件上简单配置一下。我就是这么做的，并不难，相信你也可以做到。

WordPress博客相关博文调用代码

Fri, 29 Nov 2013 07:00:23 +0800

前几天“不能吧”博主问我要一个关于在WordPress博客中实现无插件的相关文章代码，这段代码其实很简单（我不记得是从哪里获得的，如有谁清楚，请提供作者信息）：

<?php
$backup = $post;
$tags = wp_get_post_tags($post->ID);
$tagIDs = array();
	if ($tags) {
echo '<h3>相关日志</h3>';
echo '<ul>';
$tagcount = count($tags);
for ($i = 0; $i < $tagcount; $i++) {
$tagIDs[$i] = $tags[$i]->term_id;
}
$args=array(
	'tag__in' => $tagIDs,
'post__not_in' => array($post->ID),
	'showposts'=> 5, //设定相关日志数量，可以自行更改；
	'caller_get_posts'=>1
	);
	$my_query = new WP_Query($args);
	if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title=”<?php the_title(); ?>”><?php the_title(); ?></a></li>
<?php endwhile;
echo '</ul>';
} else { ?>
<ul>
<?php
query_posts(array('orderby' => 'rand', 'showposts' => 5)); //如果无相关日志，即提供随机日志，数量5可以更改；
if (have_posts()) :
while (have_posts()) : the_post();?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php endwhile;endif; ?>
</ul>
<?php }
}
$post = $backup;
wp_reset_query();
?>

将这段代码贴到想要显示相关日志的地方，即可实现有相关日志显示相关日志，无相关日志显示随机日志的目的。我是放在主题文件（默认的2012主题）content.php 中的下列语句后：

FarBox--革命性的写作平台

Mon, 29 Jul 2013 06:00:34 +0800

大部分在网络上写字的人很可能都是从BSP平台开始，比如在新浪上开个博客，然后就可能发现不太自由，就开始注册域名、购买主机、安装WordPress之类的程序、数据库、设置一堆密码账户、折腾主题、插件，再打开在线编辑器，码字、排版、发布……复杂吗？我不觉得简单。做这种事情的人已经不是博主，而是一名了解十八般武艺的网站站长，站长和博主能是一回事？

用WordPress之类的内容管理程序（CMS），通过PHP、数据库、主题一系列组合拳，能实现很强的功能，因为它就是一个无所不能的个人网站。可惜，WordPress之类的程度变得越来越重，网站也越来越重。也许有人会说选择其它的轻量化的程度，可是，无论博客采用何种程序，都逃不过PHP（或ASP）+数据库+主机之类的命。我承认功能的强大，但对于一个小博客，并不觉得这是必需，写个博客犯得着如此复杂吗？

博客最重要的是博主写下的文字。对于WordPress之类的网站，所有的个人数据都放在远处那个看似强大实际上非常脆弱的服务器主机上，万一被黑客攻击或者程序版本升级，一个字一个字敲下来的文字可能消失得无影无踪。即使个人数据没有问题，博客日志也难得像一篇完整的文章，而是被强大的数据库拆散成各个字节片断，要导出来重新部署并不是那么顺利。

也许有极客们会推荐使用Jekyll+Github的形式，使用静态网站的技术写博客，我试了后发现它真的很极客，像我这样使用Ubuntu和用WordPress写博客多年的人都没有折腾好，说明Jekyll确实属于极客们。

直到遇到FarBox，彻底让人眼前一亮。它类似Jekyll+Github，却比Jekyll更简单直观。所有日志用很简单的MarkDown语法编写，完全纯文本，却能实现常用HTML排版效果-在这里是通过FarBox后台自动实现。所有日志以纯文本模式保存在个人Dropbox账户里，Dropbox－地球上最好的云端文件同步软件，没有之一。

即使哪天FarBox倒闭了，所有文章还是会静静地躺在Dropbox云端里；即使Dropbox哪天倒闭了，所有文章还是会静静地躺在自己的电脑中；即使哪天人倒闭了，那还要这些文章干什么？

试过几种国内国外Dropbox+MarkDown博客方案，我个人认为FarBox是最好的。也许有人会说FarBox不免费。FarBox对于小流量博客相当于事实上的免费，30万的请求量才能达到100元人民币的付款条件。事实上，没有限制的免费几乎没有未来，没有开发人员永远免费地开发项目，免费是最昂贵的收费。

就算FarBox将来哪天倒闭不干了，所有的日志都存在个人电脑上，完全可以托管到其它服务或者个人主机上。这便没有了后顾之忧。这些存在于个人电脑上的日志，每一篇形成一个单独的纯文本文件，随时可以修改同步，真正静态、云端、跨平台、纯文本。

一群中国的网络服务开发者，使用着国外的硬件资源（Amazon云端），为国人开发产品，就不可避免地对博客内容有所控制－不能谈论政治等敏感内容。在言论自由面前，这不是一件值得炫耀的事情。但是，把言论自由寄托在FarBox开发人员身上，这不现实也没有道理。作为开发人员，必须保证服务在中国大陆可以顺利使用。

FarBox这种Dropbox+MarkDown方案体现了“化繁为简”的思路，抛弃服务器概念和数据库，将数据同时保存在个人电脑和云端，又能呈现简洁可靠的文字。官方还提供Windows和Mac客户端写作软件，以及提供在线将WordPress XML导出日志转换成MarkDown格式的免费服务（但有小BUG，可参考WordPress博文转成Jekyll和Farbox博客）。它不只是一种技术，更是一种哲学。写作者只要专注写字就好——博客本应如此。从这个意义上来说，FarBox在我眼中算得上一种革命性的写作平台，是Revolution, 而非Evolution.

当然，土木坛子肯定会继续使用WordPress，毕竟用了多年的WordPress，已经熟悉的经验不是想放弃就能放弃，而且作为一个被GFW墙掉的博客，使用FarBox有不可预知的风险。但我以后会使用MarkDown写作，先发布在土木坛子，然后再粘贴到我的FarBox站点上，就当用FarBox来备份博客。

世界每天在变，互联网更是如此。当变化值得拥抱时，我会拥抱。

WordPress博客文档编辑器和排版问题

Sat, 29 Sep 2012 01:00:29 +0800

好友爱思卓客博主来邮件问：

一直觉得WordPress写文章，发文章比较麻烦，耽误时间，其中一个最重要的原因是文档的编辑不友好，插入图片等不方便，不知你哪里是否有些建议？你目前你用的什么文档编辑器。谢谢。

我回答他后，觉得可以和大家分享一下我的经验。整理后，我的回答如下。

我非常看重良好的博文排版，这样的文字读起来非常舒服，这需要细心排版，需要好的编辑器。WordPress的在线编辑器不算太差，但离完美是有距离的，何况每个人的需求不一样。

我一般先以纯文本形式写好(我使用Chrome writebox扩展，支持与drobpox同步)，段与段之间用空行隔开，然后把它们复制粘贴到HTML模式下的WordPress编辑器中，再回到Visual模式，添加超链接，标示引用内容，加粗需要强调的内容，用Picasa插件添加插入图片……对我而言，格式处理就是这几项，其它的格式能不用的就不用，简洁就是美。

我的排版我自认为简洁不混乱，阅读时也有较好的用户体验——至少没有太长的段落，虽然离可能吧的绿条式排版效果有差距，不过那需要相当程度的折腾，我就不折腾了。

博客评论个人信息自动填写代码

Mon, 10 Oct 2011 00:04:42 +0800

博客具有互动性，体现之一就是博客文章的评论内容。来而不往非礼也，对评论者进行回访自然不是一个坏事。然而对别人的博客进行评论时，初次需要填写昵称，邮箱，网址，自然有些麻烦。有没有更简单的方法呢？有！

对于WordPress, Z-Blog, Typecho这三款博客程序，可以将以下三段JS代码各自保存成相应的书签——在浏览器的收藏栏（或叫书签栏）中新建一个书签，内容为各段代码，名称任意。

以后需要填写评论信息的时候就可以点击相应书签，就可以自动填写信息了，再也不会出现写10秒的内容，花30秒去填写评论者个人信息——估计卢松松同学可能就是靠这招来闯遍博客界的评论。

Windows, Ubuntu下的Firefox, Chrome, IE9浏览器均通过验证。请将代码中的评论者名称，邮箱和网址作相应更改，注意引号应该为英文状态下的半角形式。

WordPress的代码如下（对Emblog无效）：

javascript:(function(){document.getElementById('author').value='你的昵称'; document.getElementById('email').value='你的邮箱'; document.getElementById('url').value='你的网址';})()

Z-blog的代码如下：

javascript:(function(){document.getElementById('inpName').value='你的昵称'; document.getElementById('inpEmail').value='你的邮箱'; document.getElementById('inpHomePage').value='你的网址';})()

Typecho的代码如下：

javascript:(function(){document.getElementById('author').value='你的昵称'; document.getElementById('mail').value='你的邮箱'; document.getElementById('url').value='你的网址';})()

网上已经有人提到过以上方法，但由于引号状态不为英文状态（可能是由于采用中文雅黑字体导致英文标点发生问题），导致出错，足见天下大事必作于细，写博文亦如此。至于Em-Blog程序，理论上应该也可以实现，但我没有成功过，希望知情人留言贡献，土木坛子替EmBlog博主们先谢谢了。

Update: 受IsayMe博主的指点，上面的三段代码可以合为一段变成一个书签（请将昵称、邮箱和网址作相应更改），代码自动选择博客程序，就不必人肉去查看博客程序类型再决定书签代码了。感谢IsayMe博主，博友力量就是大！

三合一代码如下:

javascript: void function() { var formArray = ["commentform", "comment_form","frmSumbit"], nameArray = ["author", "author", "inpName"], emailArray = ["email", "mail", "inpEmail"], urlArray = ["url", "url", "inpHomePage"]; for (i = 0; i < formArray.length; i++) { var form = document.getElementById(formArray[i]); if (form != null) { var name = document.getElementById(nameArray[i]), email = document.getElementById(emailArray[i]), url = document.getElementById(urlArray[i]); name != null && (name.value = "土木坛子"), email != null && (email.value = "youremail@gmail.com"), url != null && (url.value = "https://tumutanzi.com"); break } } return ! 1 } ()

更新：升级版本，一码解决WordPress, Z-Blog, Typecho, Emblog四种博客程序的评论填充问题。感谢 https://leonax.net/ 博主的功劳。请自行修改相应信息：名称、邮箱、网址。

你的博客能否通过W3C验证？

Mon, 11 Jul 2011 17:10:30 +0800

Wordpress博客程序是许多博主的不二选择。我相信许多博主都或多或少地折腾过Wordpress主题，只是折腾后，博客的网页代码可能就不够标准了。不信的话，可以去W3C验证一下，输入博客网址，网页的错误和警告数量一目了然，比如主题折腾狂IsayMe和博士牌民工都不幸中招。

不过网页有错误的博主也不用灰心，因为现在几乎所有的浏览器都能兼容有错误的网页，也就是说W3C检测出来的错误并一定会影响网页的实际显示效果，它不是一个必须遵守的标准——从这一点来讲W3C不是一个成功的标准。所以只要主流浏览器能够正常显示网页博主们即不必过分在意W3C验证。更何况许多著名网站都通不过W3C验证。比如：Google.com有35个错误，2个警告。Amazon.co.uk有588个错误，105个警告，这里列出了更多没有通验证的著名网站，你还担心什么呢？

我的博客主题在我修改之后很荣幸还能顺利通过验证，虽然不是必须通过验证，但对于我这种完美主义者，任何一个错误我都无法容忍。

盈利模式之重要性

Tue, 21 Jun 2011 06:19:17 +0800

再好的产品和服务，没有合理的盈利模式就没有长久的生命力。

看看在开源世界大行其道的伟大产品就知道了盈利模式之重要性，例如Firefox浏览器，Wordpress博客程序，Apache程序等。Firefox从Google拿到的搜索广告费足够他们为数不多的工作人员工资。后两者从小比例有更高服务要求的用户那里可以赚得不少钱。

再来说说好像什么都是免费的Google。Google大部分的服务都是免费的，至少网民都要使用的搜索功能就是免费的。但这并不能说Google不是一个赚钱的公司，因为它有它的核心赚钱业务：广告！用户搜索的时候，侧边的广告就是Google的钱袋子，可以说Google所有的活动终其目的都导向是否能扩大广告投放量。

在这样的盈利模式下，用户当然不反对，广告主也相当欢喜。百度在这方面未免就太小家子气了：用户搜索一个关键词，前面的搜索結果都是谁出钱多就可以排在前面，这样就失去了公正性（我就奇怪，为什么就不抄袭一下Google，把广告放在搜索結果的右边呢？）

找到了合理的盈利模式就相当于找到了产品的生命力，因此可见盈利模式之重要性。

博客成功搬家到独立空间

Fri, 01 Apr 2011 16:02:36 +0800

虽然我用自己的独立域名有一段时间了，但之前并没有拥有自己的独立空间，因为原来的博客后台是挂在blogspot.com网站上，实现在国内访问费了九牛二虎之力——反代理技术。可这总不是个长久之计。

昨天申请了自己的网站空间，运用WordPress程序将个人站点搭建成功。在博客搬家的过程中可能导致原来的一些文章地址不能再访问了，但内容已经全部转移到了这个新的空间上。

现在的这个站点，理论上国内用户能够正常访问了。红杏出墙、代理或者反代理，一切都随风而去吧。

今天是4月1日，不是和你开玩笑。