整理的第一篇是智商、财商的测试类文章——《【转】智商财商大测试》，前面是题目，后面是答案。一般网页上这类的都会做分页处理，答案会放在题目的下一页，但是在一篇博文中去做分页或是另开一篇博文公布答案感觉都不合适。所以要是能像论坛那样可设置回复可见，不仅能增强与博友的互动，还能提高博客的访问量，多棒！

网上找了一圈，有用各种各样插件达成的，其中提到最多的是“Easy2Hide”，虽然它代码也蛮短的，但是“插件”二字总让我嫌弃，还是找纯代码的才能抚慰我轻微的强迫症。

搜索不负强迫人，总算找到一段完美的代码可以实现这个功能，具体样式请见已用该效果的博文——《【转】智商财商大测试》，我在这里介绍该代码分别对于一般主题和Mossight主题的添加方法。

对于一般主题，只要把这段代码添加到function.php中即可，详细代码如下：

function reply_to_read($atts, $content=null) {
extract(shortcode_atts(array("notice" => '

温馨提示: 此处内容需要评论本文后才能查看

'), $atts));
$email = null;
$user_ID = (int) wp_get_current_user()->ID;
if ($user_ID > 0) {
$email = get_userdata($user_ID)->user_email; //对博主直接显示内容
$admin_email = "on@sunny.lu"; //博主Email
if ($email == $admin_email) {
return $content;
}
} else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) {
$email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]);
} else {
return $notice;
}
if (empty($email)) {
return $notice;
}
global $wpdb;
$post_id = get_the_ID();
$query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1";
if ($wpdb->get_results($query)) {
return do_shortcode($content);
} else {
return $notice;
}
}
add_shortcode('reply', 'reply_to_read');

add_shortcode('toggle','post_toggle');

//shortcode - self
//reply_to_read
function reply_to_read($atts, $content=null) { 
extract(shortcode_atts(array("notice" => '
<blockquote>
<p style="color: #993300;"><strong>温馨提示:</strong></p>
<p>此处内容需要评论本文后才能查看</p> 
</blockquote>
'), $atts)); 
$email = null; 
$user_ID = (int) wp_get_current_user()->ID; 
if ($user_ID > 0) { 
$email = get_userdata($user_ID)->user_email; //对博主直接显示内容 
$admin_email = "on@sunny.lu"; //博主Email 
if ($email == $admin_email) { 
return $content; 
} 
} else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) { 
$email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]); 
} else { 
return $notice; 
} 
if (empty($email)) { 
return $notice; 
} 
global $wpdb; 
$post_id = get_the_ID(); 
$query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1"; 
if ($wpdb->get_results($query)) { 
return do_shortcode($content); 
} else { 
return $notice; 
} 
} 
add_shortcode('reply', 'reply_to_read');

QTags.addButton( 'm31', '下载按钮', '【butdown href="链接"】标题【/butdown】');//这用【 】防止代码运行，使用时请用[ ]替换

QTags.addButton( 'm32', '回复可见', '【reply】这里输入内容【/reply】');//这用【 】防止代码运行，使用时请用[ ]替换

这段代码的显示样式是可以设定的，只要用Html标签和样式把“温馨提示: 此处内容需要评论本文后才能查看”美化即可,比如在Mossight主题里的，我使用了blockquote标签、p标签和css，博友们可以根据自己的需求更改。

使用方法：
一般主题：在后台编辑文章时使用“【reply】【/reply】”把要隐藏的内容包起来即可（这用【 】防止代码运行，使用时请用[ ]替换）
Mossight主题：修改好shortcode.php后，进后台编辑器直接点“回复可见”按钮插入

“回复可见”这个功能虽有优点，但也是有缺点的
优点：增强与博友的互动，提高博客的访问量
缺点：回复可见不是实时的，内容要等评论审核通过后才可见

那梯子各式各样，为什么用OpenVPN而不用PPTP或是更简单的SSH呢？SSH是简单但是打开网页多了，它也就力不从心了；OpenVPN比PPTP好伺候，能装在基于OpenVZ虚拟化技术的VPS上，当然装Xen上更好（PPTP只能装在基于Xen的VPS，但大多数VPS因为成本原因是OpenVZ的），而且它穿透性更强，功能更强大，比如能穿透中国移动的cmwap代理实现cmnet的功能。

我这篇讲解在CentOS 5.6上的搭建过程，如有童鞋需要在Debian上的搭建方法，请参考我的另外一篇博文《在Debian下搭建OpenVPN》。

为什么会写两篇基于不同系统的教程呢？这里有个小插曲，同事L小姐在MAC下更换授权文件时没有全部更换完，加上本人对tunnelblick不熟，以为是VPN服务端的原因，所以就在两种系统下都进行了搭建，然后调整各种参数……最后的最后L小姐以初次安装时的配置方法去配置授权文件才结束了这次各种折腾。虽然过程有些曲折，不过收获还是蛮多，优化后的速度比之前快了许多。

好了，下面就准备动手折腾吧：

首先得准备个VPS，起步配置很低，128M内存的就OK，要有哪位看客非得用32G独服来搭，那爷您里边请，VIP雅座——美女水果、茶水点心伺候。

一、OpenVPN需要tun和iptables_nat模块支持，所以先检查你的VPS支持不支持。
SSH登陆VPS后输入

cat /dev/net/tun

若返回信息为：cat: /dev/net/tun: File descriptor in bad state 说明tun/tap已经可以使用；
如果返回：cat: /dev/net/tun: No such device 或其他则说明tun/tap没有被正确配置，发TK联系客服申请开通tun/tap。

然后检查iptables_nat模块（如果还没有安装iptables，先安装）

yum install iptables    #如已安装跳过

如果你的VPS是Xen或KVM的请输入：（eth0要根据具体的网卡标识来，可以通过ifconfig查看）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -o eth0 -j MASQUERADE

如果是OpenVZ的请输入：（11.22.33.44是你VPS的IP）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -j SNAT --to-source 11.22.33.44

然后用

iptables -t nat -L

查看iptables转发状态，如果显示以下类似的结果则说明转发成功：
target             prot opt source                      destination
SNAT              all -- 10.168.0.0/16                anywhere                    to:11.22.33.44

二、tun和iptables_nat模块检测通过后，正式进入安装阶段：
默认情况下CentOS的yum源是没有OpenVPN的（不像Debian很多东西都可以一键apt-get install，这也是我比较喜欢Debian的原因），不过安装EPEL这个东西成功后,yum源里面就有OpenVPN了。
5.x版系统安装EPEL：

rpm -Uvh http://dl.fedoraproject.org/pub/epel/5/i386/epel-release-5-4.noarch.rpm

6.x版系统安装EPEL：

rpm -Uvh http://dl.fedoraproject.org/pub/epel/6/i386/epel-release-6-5.noarch.rpm

有的童鞋可能会说直接去openvpn.net下载安装包手动编译好了，个人认为手动编译听起来是比较cool,不过没有yum方便，像这里OpenVPN需要lzo支持，安装的时候会自动检测系统，把lzo也安装进去,手动的话还需要编译其他没有的组件。

yum -y install openvpn

对了，在所有步骤之前（就是刚登陆进来时），最好先更新升级下系统，这样可以自动分析当前系统的安装环境并根据具体命令网络升级安装所需组件，更便于之后组件的安装。

yum -y update

三、安装好后，先使用easy-rsa生成服务端证书：
默认OpenVPN的easy-rsa文档会在/usr/share/doc/openvpn/examples/easy-rsa/，如果不在的话请先检查是否安装成功然后用locate或find命令查找该文档。然后将该文档下所需的配置文件复制到/etc/openvpn/下面：

cp -r /usr/share/doc/openvpn/examples/easy-rsa/ /etc/openvpn/

根据网友@kuge反映的情况——CentOS 6 系统升级后，如果安装的是OpenVPN2.3版本，执行这一步时OpenVPN2.3版本报错，显示：

cp : cannot stat ' /usr/share/doc/openvpn/examples/easy-rsa/ ' no such file or dictionary

解决办法：（感谢@kuge）

wget https://cloud.github.com/downloads/OpenVPN/easy-rsa/easy-rsa-2.2.0_master.tar.gz
tar -zxvf easy-rsa-2.2.0_master.tar.gz
cp -R easy-rsa-2.2.0_master/easy-rsa/ /etc/openvpn/

1、生成CA证书：

cd /etc/openvpn/easy-rsa/2.0
source vars
./clean-all
./build-ca

期间会提示输入一些信息，直接回车默认即可。

2、生成服务器端证书和密钥：（server为服务端名字可以自定义）

./build-key-server server

期间也会提示输入一些信息，直接回车默认，选择[Y/n]的都选Y。

3、生成客户端证书和密钥：（client为客户端名字可以自定义，注意这里的客户端名字不能与上步的服务端名字相同）

./build-key client

期间也会提示输入一些信息，直接回车默认，选择[Y/n]的都选Y。 若要生成多个客户端的证书和密钥，将client改成另外的名字重复操作即可。所有生成的证书和密钥存都放在/etc/openvpn/easy-rsa/2.0/keys/下面。

4、生成Diffie Hellman参数：

./build-dh

四、配置OpenVPN服务器端文件

1、编辑/etc/openvpn/server.conf 文件，如果没有可以创建一个，加入下面的内容：（复制到VPS上时，最好把注释去掉）

local 11.22.33.44    #11.22.33.44为VPS的IP
port 8080    #端口，需要与客户端配置保持一致，并保证与其他软件无共用
proto udp    #使用协议，需要与客户端配置保持一致
dev tun      #也可以选择tap模式
ca /etc/openvpn/easy-rsa/2.0/keys/ca.crt
cert /etc/openvpn/easy-rsa/2.0/keys/server.crt
key /etc/openvpn/easy-rsa/2.0/keys/server.key
dh /etc/openvpn/easy-rsa/2.0/keys/dh1024.pem

ifconfig-pool-persist ipp.txt

server 10.168.1.0 255.255.255.0    #给客户的分配的局域网IP段，注意不要与客户端网段冲突！

push "redirect-gateway"
push "dhcp-option DNS 8.8.8.8"
push "dhcp-option DNS 8.8.4.4"
client-to-client

;duplicate-cn        #若不止一人同时使用该证书，请去掉前面的;

keepalive 20 60
comp-lzo
max-clients 50

persist-key
persist-tun

status openvpn-status.log
log-append openvpn.log

verb 3
mute 20

2、设置IP转发，其实刚检查iptables_nat模块的步骤就是在设置转发IP，再重复一遍：
若Xen或KVM的请输入：（eth0要根据具体的网卡标示来，可以通过ifconfig查看）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -o eth0 -j MASQUERADE

若OpenVZ的请输入：（11.22.33.44是你VPS的IP）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -j SNAT --to-source 11.22.33.44

3、修改/etc/sysctl.conf的内容为：

net.ipv4.ip_forward = 1
net.ipv4.conf.all.send_redirects = 0
net.ipv4.conf.default.send_redirects = 0
net.ipv4.conf.all.accept_redirects = 0
net.ipv4.conf.default.accept_redirects = 0

重新载入/etc/sysctl.conf使其生效，执行如下命令：

sysctl -p

至此VPS上的服务器端配置就全部完成了。
若想使其配置生效，则需重启OpenVPN服务

service openvpn restart --config /etc/openvpn/server.conf

由于VPS可能会因为各种原因被重启，为了方便，可以使用cron写个小脚本让VPS在启动时自动运行OpenVPN服务并设置iptables_nat转发。
创建/root/vpn.sh 文件，加入下面的内容：（复制到VPS上时，最好把注释去掉）

#!/bin/bash
/sbin/service openvpn start --config /etc/openvpn/server.conf   #CentOS下好像OpenVPN不能开机就自动运行，所以这里设置下，如可以自动运行就去掉这句
/sbin/iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -j SNAT --to-source 11.22.33.44    #实际根据自己VPS来做调整，这只做示例

然后将这一脚本写入cron执行计划

crontab -e

@reboot /bin/bash /root/vpn.sh >/dev/null 2>&1

五、安装配置OpenVPN客户端文件

1、下载安装客户端
Windwos用户推荐去openvpn.net选择合适的版本进行安装，安装中的选项全部按默认即可；Mac用户推荐使用tunnelblick。

2、下载之前在VPS上生成的客户端证书及密钥
证书和密钥存都在/etc/openvpn/easy-rsa/2.0/keys/里，可以使用winscp链接到VPS上下载，将ca.crt、client.crt、client.key这三个文件下载到OpenVPN客户端程序的config文件夹里,默认为：C:\Program Files\OpenVPN\config

3、创建客户端配置文件
在C:\Program Files\OpenVPN\config 下面创建一个sunny.ovpn的文件，添加如下内容：

client        #这个client不是自定义名称 不能更改
dev tun       #要与前面server.conf中的配置一致。
proto udp              #要与前面server.conf中的配置一致。
remote 11.22.33.44 8080    #将11.22.33.44替换为你VPS的IP，端口与前面的server.conf中配置一致。
resolv-retry infinite
nobind
persist-key
persist-tun
ca ca.crt              #具体名称以刚下载的为准
cert client.crt              #具体名称以刚下载的为准
key client.key              #具体名称以刚下载的为准
ns-cert-type server
redirect-gateway
keepalive 20 60
#tls-auth ta.key 1
comp-lzo
verb 3
mute 20
route-method exe
route-delay 2

六、运行OpenVPN客户端
运行OpenVPN GUI后，屏幕右下角的系统托盘区，会显示一个由两个红屏电脑组成的图标，右击它，选中菜单中添加的名为sunny的服务器，点击Connect，过一会儿，OpenVPN图标变成绿色时就表示链接成功了。

文章最后给大家推荐个性价比超高的搭梯用VPS
123systems的VPS用来搭梯是个非常不错的选择——稳定、速度也不错 128M的每月有250G的流量可以用 而且更关键的是年付才10刀（192M的每月500G流量 年付15刀）比起市售的各种梯子都划算而且有保障 自用或者与朋友分享都比较不错
去看看吧 ：）

那梯子各式各样，为什么用OpenVPN而不用PPTP或是更简单的SSH呢？SSH是简单但是打开网页多了，它也就力不从心了；OpenVPN比PPTP好伺候，能装在基于OpenVZ虚拟化技术的VPS上，当然装Xen上更好（PPTP只能装在基于Xen的VPS，但大多数VPS因为成本原因是OpenVZ的），而且它穿透性更强，功能更强大，比如能穿透中国移动的cmwap代理实现cmnet的功能。

我先讲解在Debian 6.0上的搭建过程（Ubuntu下也同样适用），如有童鞋需要在CentOS上的搭建方法，请参考我的另外一篇博文《在CentOS下搭建OpenVPN》。
好了，下面就准备动手折腾吧：

首先得准备个VPS，起步配置很低，128M内存的就OK，要有哪位看客非得用32G独服来搭，那爷您里边请，VIP雅座——美女水果、茶水点心伺候。

一、OpenVPN需要tun和iptables_nat模块支持，所以先检查你的VPS支持不支持。
SSH登陆VPS后输入

cat /dev/net/tun

若返回信息为：cat: /dev/net/tun: File descriptor in bad state 说明tun/tap已经可以使用；
如果返回：cat: /dev/net/tun: No such device 或其他则说明tun/tap没有被正确配置，发TK联系客服申请开通tun/tap。

然后检查iptables_nat模块（如果还没有安装iptables，先安装）

apt-get install iptables    #如已安装跳过

如果你的VPS是Xen或KVM的请输入：（eth0要根据具体的网卡标识来，可以通过ifconfig查看）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -o eth0 -j MASQUERADE

如果是OpenVZ的请输入：（11.22.33.44是你VPS的IP）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -j SNAT --to-source 11.22.33.44

然后用

iptables -t nat -L

查看iptables转发状态，如果显示以下类似的结果则说明转发成功：
target           prot opt source                  destination
SNAT            all -- 10.168.0.0/16             anywhere                 to:11.22.33.44

二、tun和iptables_nat模块检测通过后，正式进入安装阶段：
OpenVPN需要lzo支持，可以OpenVPN与lzo一起安装：

apt-get install openvpn lzop

如果执行安装提示没有可用的安装包，那先更新升级下系统

apt-get update && apt-get dist-upgrade

三、安装好后，先使用easy-rsa生成服务端证书：
默认OpenVPN的easy-rsa文档会在/usr/share/doc/openvpn/examples/easy-rsa/，如果不在的话请先检查是否安装成功然后用locate或find命令查找该文档。然后将该文档下所需的配置文件复制到/etc/openvpn/下面：

cp -r /usr/share/doc/openvpn/examples/easy-rsa/ /etc/openvpn/

1、生成CA证书：

cd /etc/openvpn/easy-rsa/2.0
source vars
./clean-all
./build-ca

期间会提示输入一些信息，直接回车默认即可。

2、生成服务器端证书和密钥：（server为服务端名字可以自定义）

./build-key-server server

期间也会提示输入一些信息，直接回车默认，选择[Y/n]的都选Y。

3、生成客户端证书和密钥：（client为客户端名字可以自定义，注意这里的客户端名字不能与上步的服务端名字相同）

./build-key client

期间也会提示输入一些信息，直接回车默认，选择[Y/n]的都选Y。 若要生成多个客户端的证书和密钥，将client改成另外的名字重复操作即可。所有生成的证书和密钥存都放在/etc/openvpn/easy-rsa/2.0/keys/下面。

4、生成Diffie Hellman参数：

./build-dh

四、配置OpenVPN服务器端文件
1、编辑/etc/openvpn/server.conf 文件，如果没有可以创建一个，加入下面的内容：（复制到VPS上时，最好把注释去掉）

local 11.22.33.44    #11.22.33.44为VPS的IP
port 8080    #端口，需要与客户端配置保持一致，并保证与其他软件无共用
proto udp    #使用协议，需要与客户端配置保持一致
dev tun      #也可以选择tap模式
ca /etc/openvpn/easy-rsa/2.0/keys/ca.crt
cert /etc/openvpn/easy-rsa/2.0/keys/server.crt
key /etc/openvpn/easy-rsa/2.0/keys/server.key
dh /etc/openvpn/easy-rsa/2.0/keys/dh1024.pem

ifconfig-pool-persist ipp.txt

server 10.168.1.0 255.255.255.0    #给客户的分配的局域网IP段，注意不要与客户端网段冲突！

push "redirect-gateway"
push "dhcp-option DNS 8.8.8.8"
push "dhcp-option DNS 8.8.4.4"
client-to-client

;duplicate-cn        #若不止一人同时使用该证书，请去掉前面的;

keepalive 20 60
comp-lzo
max-clients 50

persist-key
persist-tun

status openvpn-status.log
log-append openvpn.log

verb 3
mute 20

2、设置IP转发，其实刚检查iptables_nat模块的步骤就是在设置转发IP，再重复一遍：
若Xen或KVM的请输入：（eth0要根据具体的网卡标示来，可以通过ifconfig查看）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -o eth0 -j MASQUERADE

若OpenVZ的请输入：（11.22.33.44是你VPS的IP）

iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -j SNAT --to-source 11.22.33.44

3、修改/etc/sysctl.conf的内容为：

net.ipv4.ip_forward = 1
net.ipv4.conf.all.send_redirects = 0
net.ipv4.conf.default.send_redirects = 0
net.ipv4.conf.all.accept_redirects = 0
net.ipv4.conf.default.accept_redirects = 0

重新载入/etc/sysctl.conf使其生效，执行如下命令：

sysctl -p

至此VPS上的服务器端配置就全部完成了。
若想使其配置生效，则需重启OpenVPN服务

/etc/init.d/openvpn restart

由于VPS可能会因为各种原因被重启，为了方便可以使用cron写个小脚本让VPS在启动时自动运行OpenVPN服务并设置iptables_nat转发。
创建/root/vpn.sh 文件，加入下面的内容：（复制到VPS上时，最好把注释去掉）

#!/bin/bash
/etc/init.d/openvpn start  #Debian下好像OpenVPN不用设置就可以开机自动运行，如可以自动运行就去掉这句
/sbin/iptables -t nat -A POSTROUTING -s 10.168.0.0/16 -j SNAT --to-source 11.22.33.44    #实际根据自己VPS来做调整，这只做示例

然后将这一脚本写入cron执行计划

crontab -e

@reboot /bin/bash /root/vpn.sh >/dev/null 2>&1

五、安装配置OpenVPN客户端文件

1、下载安装客户端
Windwos用户推荐去openvpn.net选择合适的版本进行安装，安装中的选项全部按默认即可；Mac用户推荐使用tunnelblick。

2、下载之前在VPS上生成的客户端证书及密钥
证书和密钥存都在/etc/openvpn/easy-rsa/2.0/keys/里，可以使用winscp链接到VPS上下载，将ca.crt、client.crt、client.key这三个文件下载到OpenVPN客户端程序的config文件夹里,默认为：C:\Program Files\OpenVPN\config

3、创建客户端配置文件
在C:\Program Files\OpenVPN\config 下面创建一个sunny.ovpn的文件，添加如下内容：

client        #这个client不是自定义名称 不能更改
dev tun       #要与前面server.conf中的配置一致。
proto udp              #要与前面server.conf中的配置一致。
remote 11.22.33.44 8080    #将11.22.33.44替换为你VPS的IP，端口与前面的server.conf中配置一致。
resolv-retry infinite
nobind
persist-key
persist-tun
ca ca.crt              #具体名称以刚下载的为准
cert client.crt              #具体名称以刚下载的为准
key client.key              #具体名称以刚下载的为准
ns-cert-type server
redirect-gateway
keepalive 20 60
#tls-auth ta.key 1
comp-lzo
verb 3
mute 20
route-method exe
route-delay 2

六、运行OpenVPN客户端
运行OpenVPN GUI后，屏幕右下角的系统托盘区，会显示一个由两个红屏电脑组成的图标，右击它，选中菜单中添加的名为sunny的服务器，点击Connect，过一会儿，OpenVPN图标变成绿色时就表示链接成功了。

文章最后给大家推荐个性价比超高的搭梯用VPS
123systems的VPS用来搭梯是个非常不错的选择——稳定、速度也不错 128M的每月有250G的流量可以用 而且更关键的是年付才10刀（192M的每月500G流量 年付15刀）比起市售的各种梯子都划算而且有保障 自用或者与朋友分享都比较不错
去看看吧 ：）

对于这个问题最简单的办法就是弄个归档页面的插件。不过插件让WordPress越发臃肿，所以秉着简洁高效的原则，我还是想通过代码来实现这个功能，通过"谷哥"和"度娘"，半个码农的我也是能解决这个问题的。

网上看下来，关于用代码写归档页大致有两种，一是直接使用 SQL 语句实现调用，另外一种是使用WordPress 推荐的 WP_Query() 函数来调用。WordPress 官方不提倡直接使用 SQL 语句实现，所以我会参照后面一种方法进行。

下面方法每个步骤都分两种，一种是对于一般主题，另外一种是针对Mossight主题的。如各位看客需了解其原理，请移步原创作者：ZWWoOoOo（毕竟借鉴他人的没有那么足底气跟人讲解 呵呵）查看具体效果：请看我博客的存档页

1、原教程说把下面的函数扔到所用主题的 functions.php 文件（ 为了避免中文乱码，将其转化为UTF8 无 BOM 格式）里面：

/* Archives list by zwwooooo | http://zww.me */
 function zww_archives_list() {
     if( !$output = get_option('zww_archives_list') ){
         $output = '<div id="archives"><p>[<a id="al_expand_collapse" href="#">全部展开/收缩</a>] <em>(注: 点击月份可以展开)</em></p>';
         $the_query = new WP_Query( 'posts_per_page=-1&ignore_sticky_posts=1' ); //update: 加上忽略置顶文章
         $year=0; $mon=0; $i=0; $j=0;
         while ( $the_query->have_posts() ) : $the_query->the_post();
             $year_tmp = get_the_time('Y');
             $mon_tmp = get_the_time('m');
             $y=$year; $m=$mon;
             if ($mon != $mon_tmp && $mon > 0) $output .= '</ul></li>';
             if ($year != $year_tmp && $year > 0) $output .= '</ul>';
             if ($year != $year_tmp) {
                 $year = $year_tmp;
                 $output .= '<h3 class="al_year">'. $year .' 年</h3><ul class="al_mon_list">'; //输出年份
             }
             if ($mon != $mon_tmp) {
                 $mon = $mon_tmp;
                 $output .= '<li><span class="al_mon">'. $mon .' 月</span><ul class="al_post_list">'; //输出月份
             }
             $output .= '<li>'. get_the_time('d日: ') .'<a href="'. get_permalink() .'">'. get_the_title() .'</a> <em>('. get_comments_number('0', '1', '%') .')</em></li>'; //输出文章日期和标题
         endwhile;
         wp_reset_postdata();
         $output .= '</ul></li></ul></div>';
         update_option('zww_archives_list', $output);
     }
     echo $output;
 }
 function clear_zal_cache() {
     update_option('zww_archives_list', ''); // 清空 zww_archives_list
 }
 add_action('save_post', 'clear_zal_cache'); // 新发表文章/修改文章时

2. 复制一份主题的 page.php 更名为 archives.php，然后在最顶端加入：

<?php
/* Template Name: archives */
?>

然后找到其中类似

<?php content(); ?>

代码，在其下面加入如下代码：

<!--archives-->
<?php zww_archives_list(); ?>
<!--archives end-->

然后进wp后台添加一新页面，在右侧栏模板选择 archives。

3. 给主题加载 jQuery 库，没有加载的，把下面这句扔到 functions.php 里面就行了。

wp_enqueue_script('jquery');

4. jQuery 效果代码

jQuery(document).ready(function($){
 //===================================存档页面 jQ伸缩
     (function(){
         $('#al_expand_collapse,#archives span.al_mon').css({cursor:"s-resize"});
         $('#archives span.al_mon').each(function(){
             var num=$(this).next().children('li').size();
             var text=$(this).text();
             $(this).html(text+'<em> ( '+num+' 篇文章 )</em>');
         });
         var $al_post_list=$('#archives ul.al_post_list'),
             $al_post_list_f=$('#archives ul.al_post_list:first');
         $al_post_list.hide(1,function(){
             $al_post_list_f.show();
         });
         $('#archives span.al_mon').click(function(){
             $(this).next().slideToggle(400);
             return false;
         });
         $('#al_expand_collapse').toggle(function(){
             $al_post_list.show();
         },function(){
             $al_post_list.hide();
         });
     })();
 });

PS：不知道怎么写js文件调用的就直接打开 header.php 并找到

<?php wp_head(); ?>

在其下面加上

<script type="text/javascript">上面那段jQuery代码</script>

<?php get_header()?>

<script type="text/javascript">上面那段jQuery代码</script>

到这步，归档页面的功能已经都实现了，如果对其原始的样式不满意，还可以根据下面给出的HTML结构进行美化。

5.css根据需要写，不写也可以。HTML结构如下：

<div id="archives">
     <p>[<a id="al_expand_collapse" href="#">全部展开/收缩</a>] <em>(注: 点击月份可以展开)</em></p>
     <h3 class="al_year">'年份</h3>
     <ul class="al_mon_list">
         <li><span class="al_mon">月份<em> (本月文章数量)</em></span>
             <ul class="al_post_list">
                 <li>号数: <a href="文章链接">文章标题</a> <em>(评论数量)</em></li>
             </ul>
         </li>
     </ul>
 </div

<?php get_header()?>

<style type="text/css">
#archives .al_mon {
	margin-left:3em;
}
#archives .al_post_list {
	margin-left:5.6em;
}
</style>

OK 大功告成了！现在你的博客也有jQuery伸缩效果的归档页面了，而且还是纯代码、原生态的。

也许有对代码头晕，但又想用归档页面的Mossight童鞋，好吧，那我好人做到底，将上面两个文件打包，提供给大家下载。
archives.php文件
使用方法：将该文件上传至Mossight文件夹即可（需要修改归档页面样式的童鞋，请在里面进行修改，具体位置已标注）
archives.php打包文件
functions.php文件
使用方法：将该文件覆盖Mossight-child文件夹里的同名文件即可
functions.php打包文件

对于再次升级的Mossight1.8.0版主题也同样适用
再次感谢一直为该主题更新的三位童鞋 Jezzzz Mugee 牧风

/* 获取评论的真实IP */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])){
$list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
$_SERVER['REMOTE_ADDR'] = $list[0];}

$commentdata['comment_author_IP'] = preg_replace( '/[^0-9a-fA-F:., ]/', ",$_SERVER['REMOTE_ADDR'] );

$commentdata['comment_author_IP'] = preg_replace( '/[^0-9a-fA-F:., ]/', ",$_SERVER['HTTP_X_FORWARDED_FOR'] );

$_SERVER['REMOTE_ADDR']

$_SERVER["HTTP_X_FORWARDED_FOR"]

做下注解：
$_SERVER['REMOTE_ADDR'] #正在浏览当前页面用户的 IP 地址。
$_SERVER["HTTP_X_FORWARDED_FOR"] #透过代理服务器取得客户端的真实 IP 地址

两种方法我测试下来，实际上是有区别的，主要在于系统因为评论给博主自动发的通知邮件，如图中红框所示：

上面是用方法一被评论后收到的邮件——评论者IP和其主机名一致；下面是用方法二后得到的——评论者IP有两个而且其主机名没有获取到。

从上得出的结论就是：
强烈建议使用第一种方法——简洁、方便、完美！