域名购买

打死我也不在国内域名商那买域名了，除了某些因素不说，光是续费就够麻烦的，你得找原注册商那续费，而且想要进行域名转移的话，还要提交身份证信息等纸质凭证给原域名商进行核实。买域名还是老老实实的选家国外的注册机构吧，千万别贪国内那些域名商给你的小恩小惠。我是godaddy注册的，然后google了下coupon codes，从48美元打折到了36美元左右，缴费方式支持paypal以及国内的支付宝，所以没有双币信用卡进行美元支付的话也没关系。

另外，godaddy很多域名是第一年便宜，但是之后的年费比较贵，像.me结尾的域名首年才8美元，但是之后每年要支付20美元，我索性选择了传统的.org域名，每年老老实实交个15美元得了。

备份，修改WP数据库

WP后台就有数据库的备份选项，一定要时常备份，以备不测。因为域名修改了，我要把数据库里的原域名地址全部更换为新域名地址，简单的办法是利用*unix的sed工具替换，它非常的快，而且不用打开文本编辑器等待庞大的数据库文件全部读取完。

$ sed -i 's/blog\.punkid\.cn/blog\.punkid\.org/gi' databasename.sql

然后利用phpmyadmin导入进去就可以了。

搬动Wordpress文件夹

很简单，我是直接cp -r blog.punkid.cn/* blog.punkid.cn/.* blog.punkid.org/搞定的，复制完之后最好确认下那些隐藏文件是否都复制过去了，例如.htaccess

利用301重定向旧域名到新域名

更改域名最怕的是原在旧域名下被google, yahoo, bing索引的地址不能立刻转移到新域名下，除了重建sitemap通知google爬虫来重新抓取之外，利用到301永久重定向也是很重要的。我的目标自然是把旧域名下的链接全部自动重定向到新域名下面，例如我的这篇文件Ultimate Guide to Manage Your iPod under Linux : Revised，每个月都有很大程度的浏览量来自于google的索引。如何保证访问者即使输入旧的地址http://blog.punkid.cn/2008/01/06/ultimate-guide-to-manage-your-ipod-under-linux也能自动重定向到http://blog.punkid.org/2008/01/06/ultimate-guide-to-manage-your-ipod-under-linux呢？

在原域名(blog.punkid.cn)的目录下添加.htaccess文件，里面写入:

<IfModule mod_rewrite.c>
Options +FollowSymlinks
RewriteEngine On
RewriteRule ^(.*)$ http://blog.punkid.org/$1 [R=301,NC]
</IfModule>

搞定，剩下的让google来完成吧。

迁移awstat访问统计数据

我一直都在用awstat的访问统计，现在迁移到新的域名下，除了修改awstat的conf文件，还要把就域名下的访问统计数据移到新域名下。好在awstat的访问统计数据都是文本形式保存在awstats/awdata目录下，而且每月数据都是以诸如awstats112007.blog.punkid.cn.txt的文件名存在的，不用多解释了，把这么多文件全部替换为新域名blog.punkid.org就行了，不需要文件名批处理软件，*unix下一个rename命令就搞定了。

$ rename -v 's/punkid\.cn/punkid\.org/' *.txt

End

暂时就这么多，目前来看搬迁后还没出现什么问题。另外，本站在Going HTML5，Going Mobile后对theme进行了更激进式的CSS3升级，目前来看Firefox 3.6, Google Chrome Dev和Opera 10.50下的表现各有千秋吧。

这回比以往来的更狠，所有IE都没法正常访问了，我应用了很多CSS 2.1 ~ 3的新鲜玩意，别说IE了，就连Gecko, webkit-nightly, Presto这些引擎都没法完全识别。

推荐在Windows Vista, 7或者Linux, Mac下用Mozilla Firefox 3.5访问，原因:

1. Windows XP在抗锯齿上实在不敢恭维，大字号有很明显的边缘不够平滑
2. Presto和Webkit在border-style:dotted上跟IE一样傻逼，渲染出来的都是dashed虚线
3. Webkit下，只要pre的字号设置为小于1em相对值，字号计算完全乱了，明明是16px * .75em = 12px，结果比10px还小。
4. Webkit对text-shadow的渲染没Presto, KHTML好，对border-radius的渲染比起Gecko差多了

主题还有好多问题，边用边改吧。

先来看下改造前和改造后的代码吧:

1. pre标签被两层div嵌套，代码冗余
2. pre标签内被硬植入字族的inline stylesheet，覆盖了我的CSS设置
3. 插件自带的CSS文件重置了我的CSS设置
4. 自动转义<, >, &这类代码，问题是稍有经验的coder都会事先自己主动转义过的，所以之前已经转义过了的代码反而会以<, >, &这类形式输出

首先改造代码嵌套的问题

找到插件目录下的wp-syntax.php文件，搜索wp_syntax_highlight函数，将以下几行注释掉(注释行前加了//符号):

function wp_syntax_highlight($match)
{
    global $wp_syntax_matches;
    ......
    if ($escaped != "false") $code = htmlspecialchars_decode($code);

    $geshi = new GeSHi($code, $language);
    $geshi->enable_keyword_links(false);
    do_action_ref_array('wp_syntax_init_geshi', array(&$geshi));

    //$output = "\n<div class=\"wp_syntax\">";

    if ($line)
    {
    ......
    }
    else
    {
	//$output .= "<div class=\"code\">";
        $output .= $geshi->parse_code();
	//$output .= "</div>";
    }
	//return

	//$output .= "</div>\n";

    return $output;
}

转义问题

还是wp_syntax_highlight函数，将这句:

if ($escaped == "true") $code = htmlspecialchars_decode($code);

替换成

if ($escaped != "false") $code = htmlspecialchars_decode($code);

就是了，也就是说除非手动在<pre>里加入escaped="false"参数，输出的代码是不会自动转义的。

硬植入CSS问题

由于WP-Syntax可以方便的调用wp_syntax_init_geshi来修改geshi的初始设置，解决CSS问题可以不需要修改WP-Syntax本身的插件代码，全部在主题文件夹下的functions.php里就可以搞定了。

首先解决往pre里插入字族设置的问题，在functions.php里加入一函数:

function my_custom_geshi_styles(&$geshi) {
    $geshi->set_overall_style('');
    $geshi->set_code_style('');
};

它会把geshi预设的inline stylesheet全部清除为空，然后再利用Wordpress的add_action hook重新初始化geshi的设置，在functions.php里加入这句:

add_action('wp_syntax_init_geshi', 'my_custom_geshi_styles');

至于去掉WP-Syntax自带的CSS文件就更简单了，还是往functions.php里添加一句remove_action的hook就是了:

remove_action('wp_head', 'wp_syntax_head');

其实WP-PageNavi带的那两三行代码的CSS文件也可以这么干掉:

remove_action('wp_head', 'pagenavi_css');

小结

其实Wordpress主题文件夹下的functions.php文件是相当有用的，利用Wordpress本身提供的Plugin API, 很多东西都可以直接在functions.php下直接用一个函数挂上action或者filter的钩子就搞定了。

Douban and PHP

按照之前QQ签名秀的原理把豆瓣的个人广播系统也给提取出来了，效果请见此test页面。

使用方法是把以下代码添加到你的页面里:

<script type="text/javascript" src="http://punkid.org/glade/douban/request.php?userid=username&numbers=5"></script>

其中userid后面跟的是你的豆瓣用户名，numbers后面是显示条目数(最多10条)。至于怎么polish这个douban的miniblog纯粹是你的CSS活。对了，输出编码是UTF-8。

PHP tips: 用addslashes这个函数可以对字符串进行转义。

Linux

1. Tired of emerging the world?

emerge $(eix -Iuc --format-compact "<category>/<name>" dev-libs/* | head -n -1)

可以用来更新某一category(例如dev-libs)下的已安装软件。

2. Ape转mp3

emerge shntools 和 mac-port (gentoo-china overlay提供) 后运行:

shnsplit -f filename.cue -t "%n - %t" -o "cust ext=mp3 lame --preset extreme - %f" filename.ape

会根据cue文件对ape进行切割成按tracknumber - trackname命名的mp3文件，不过ID3信息没法保存进去，交给Musicbrainz搞定吧。

3. 使用Aria2下载器

原来用的axel不知何故在我的电脑上经常出现Initialing download就停滞不前的情况，无奈…换了个稍微大点的Aria2。顺便把Gentoo Mirror的默认下载也换成了aria2。更改make.conf如下:

FETCHCOMMAND="/usr/bin/aria2c -c -s 4 -d ${DISTDIR} -o ${FILE} ${URI}"
RESUMECOMMAND="${FETCHCOMMAND}"

至于在firefox里用flashgot启用aria2下载，在Executable path里填/usr/bin/rxvt (任意虚拟终端，别用xterm就是了，那个启动太慢了)，然后在Command line arguments template里填-e aria2c -s 5 -d [FOLDER] [URL]

WordPress

1. 只显示当日评论数

不明白我的意思的，留个言在到首页看下就知道了，当日有留言的日志会格外用类似于3 comments today方式显示。方法很简单，抽数据而已。修改你的模板的index.php，再最顶端添加:

<?php
	$nowtime = current_time('timestamp');
	$today = date('Y-m-d G:i:s', mktime(0, 0, 0, date('m',$nowtime), date('d',$nowtime), date('Y',$nowtime)));
?>

然后是修改loop部分:

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

		<?php $today_comments = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_post_ID = $id AND comment_date >= '$today' AND comment_approved = '1'"); ?>
		<div class="entry"
		<h2 id="post-<?php the_ID(); ?>" class="entrytitle"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
		<p class="metadata clearfix">
		<span class="cmt"><?php if ($today_comments > 0) { ?><a class="todaycmt" href="<?php the_permalink() ?>#comments" title="Comment on <?php the_title(); ?>"><?php echo $today_comments; ?> Comment<?php if ($today_comments>1) echo 's'; ?> Today</a><?php } else { ?><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?><?php } ?></span>
		</p>
		...
		</div>

		<?php } ?>

		...

<?php endif; ?>

加重部分是关键。

2. 过滤某category的feed输出

在模板的function.php里添加这段代码:

<?php
function RssFilter($query) {
     if ($query->is_feed) {
         $query->set('cat','-22');
     }
         return $query;
}

add_filter('pre_get_posts','RssFilter');
?>

其中22为你的category ID。

CSS

CSS的代码书写风格我倾向于单行式，用缩进表明元素的从属关系。例如:

#secondary div.modules {margin-bottom:40px;}
	#secondary div.modules a {color:#888;}
	#secondary div.modules a:hover {color:#FF32B3;text-decoration:underline;}
	#secondary div.modules h3 {color:#94C742;border-bottom:1px dotted #94C742;}
	#secondary div.modules ul li {padding:3px 8px;border-bottom:1px dashed #FF80D0;}
	#secondary div.modules ul li:hover {background:#F0F8E2;}

#bottom_wrapper h3 {color:#FDF262;border-bottom:1px solid #FDF262;}
	#bottom_wrapper div.modules {width:300px;margin:0 10px;float:left;position:relative;display:inline;}
	#bottom_wrapper div.modules ul li {height:1.6em;padding:3px 2px;border-bottom:1px dotted #528F08;overflow:hidden;}
	#bottom_wrapper div.modules ul li:hover {background:#528F08;}
	#bottom_wrapper div#misc table.calendar {width:300px;margin-bottom:20px;border-collapse:separate;border-spacing:1px;}
		table.calendar td {padding:3px 0 2px;text-align:center;}
		table.calendar td.calendar_h {display:none;}
		table.calendar td.today {background:#528F08;}
		table.calendar td.week {background:#528F08;color:#FDF262;}
	#bottom_wrapper div#tags ul li {margin-right:5px;padding:0;display:inline;border:0;}
		#bottom_wrapper div#tags ul li span, #bottom_wrapper div#tags div {display:none;}

也许这种单行的方式不利于阅读，但是类似block的书写方式最大的问题是一旦CSS代码上个几百行的，要找到某一行翻页是件很痛苦的事，而单行定义加上适当的缩进即便不看HTML源代码也能对页面结构有个基本的认识。还有就是…在VIM下用w,b进行整词跳跃是件很惬意的事，即便是单行也能很快的跳跃到需要修改查看的property。

English

1. take with a pinch of salt

Radiohead的A Wolf at the Door里有句歌词是Take it with the love its given, take it with a pinch of salt, take it to the taxman。

那take it with a pinch of salt真的是抓把盐吗? 真实的意思有点类似于姑且相信，半信半疑的意思，例如Regarding what you said yesterday, I would take it with a pinch of salt意思就是你昨天说的那些我姑且相信吧。

Tia Dalma and I go way back

在电影Pirates of the Carribean : The Man’s Chest (加勒比海盗2:聚魂棺)，Jack船长带着众人去找女巫Tia Dalma时说: No worries, mates. Tia Dalma and I go way back.。我记得当时我看的思路的版本翻译成了伙计们，别担心，Tia Dalma和我待会就回来。这其实是错误的，go back way的意思是表示两人认识很久了，交情很好。

糟糕的Tag体验

WP提供了原生的tag支持，不过这个the_tags()函数实在是有够弱的，一是它必须是strictly in the loop，而我的模板single page里的metadata都是显示在sidebar中的，the_category()，the_time()都能工作的很好，就the_tags()显示为空。我又不想把tag放到日志的loop里，最后只能在sidebar里做个rewind操作了，代码如下:

<?php if(is_single()) { ?>
<?php rewind_posts(); ?>
<?php while(have_posts()): the_post(); ?>
<h2 id="metadata">Metadata</h2>
<dl>
<dt>Metadata</dt>
<dd class="date" title="postdate"><?php the_time('Y.n.j') ?> / <?php the_time('ga') ?></dd>
<dd class="category" title="category"><?php the_category(', ') ?></dd>
<dd class="tag" title="tag"><?php the_tags('',', ','') ?></dd>
<?php endwhile; ?>
<?php } ?>

原本在UTW下，对于没有tag的日志可以指定相应的tag替代文字，例如”No Tag”，但是在WP里，the_tags()弱到没有tag也输出个null值来。我自然是希望在没有赋予日志tag的情况下，tag栏里显示”No Tag”信息啦。看了下wordpress wp-includes目录下的category-template.php文件里get_the_tags()函数，其中有这么一段:

if ( empty( $tags ) )
	return false;
return $tags;

get_the_tags()函数在没有找到tag的情况下会返回为false值。我把the_tags()的调用改成了以下这句，这样就能在没有tag的情况下显示”No Tag”了:

<?php if(!(get_the_tags())) echo 'No Tag'; else the_tags('',', ',''); ?>

删除UTW

用WP2.3导入了UTW的tag之后，就可以把UTW彻底移出了，UTW在数据库里添加了wp_post2tag, wp_tag_synonyms, wp_tags 这三个表，在mysql里用以下命令直接删除吧(建议先备份数据库):

mysql> DROP TABLE wp_post2tag,wp_tag_synonyms,wp_tags;

插件相关

不喜欢WP-PageNavi新版自作多情添加CSS样式文件，我的CSS文件都是用gzip压缩过的了，再说我更愿意自己定义WP-PageNavi的样式。编辑pagenavi.php文件，注释掉以下这段就是了:

### Function: Page Navigation CSS
#add_action('wp_head', 'pagenavi_css');
#function pagenavi_css() {
#       echo "\n".'<!-- Start Of Script Generated By WP-PageNavi 2.20 -->'."\n";
#       echo '<link rel="stylesheet" href="'.get_option('siteurl').'/wp-content/plugi
ns/pagenavi/pagenavi-css.css" type="text/css" media="screen" />'."\n";
#       echo '<!-- End Of Script Generated By WP-PageNavi 2.20 -->'."\n";
#}

Tiger Style Administration是个很漂亮的WP后台主题，不过在2.3下显示似乎有点问题，最明显的就是footer位置偏了。我稍微修改了下它的css文件，喜欢这个插件的又想在2.3下正常使用的直接下载我修改过的CSS文件吧。

NOTES: The vector illustration I use as the background image is cropped from a wallpaper i found by chance. I couldnt find its author, and definitely the credits go to nobody but him/her. The original wallpaper is here, help me find the author so i can give my thanx to him/her. And if there’s any copyright infringement problem, i’ll remove this theme asap.

Theme Info

• Theme Name: Lesbian L0ve
• Theme Demo: Here

Features

1. Sidebar Widgets Supported
2. Compatible with WordPress 2.0+
3. ELA,UTW,WP-PageNavi plugins supported, and dont worry that it’ll screw up your blog even you dont have these plugins installed/enabled
4. XHTML and CSS valid
5. Compatible with IE6+,Firefox,Opera,Konqueror…

Download

• lesbianl0ve.zip

Installation

1. Extract the compressed file
2. Put the directory into wp-content/themes
3. Active it in the dashboard

Bug Report

• This is a quick work,so please let me know any bugs of it. And it’ll be more welcome if you also point out the solution.
• Contact Me: punkid[DOT]online[AT]gmail[DOT]com