本来在上次折腾之后，打算等上 3.0 之后再弄的。不过这段时期朋友们共享了一些不错的技巧，我也心动了。

这回拿主题评论模板开刀，优化了样式，解决了存在已久的嵌套问题，并添加了一些小功能。
评论功能是 Blogger 之间、以及访问者互动的重要手段，是必须重视的。

和往常一样，做个总结手记，也分析那些让大家受益的技巧。

评论样式优化

新的样式如图:

所做的主要修改：

添加了大量的 box-shadow 和 text-shadow 阴影效果，并去掉了一些边框。现在自我感觉良好。
这些属性不支持 IE 浏览器。

调整布局：一些位置调整，并把回复按钮和 UA 信息弄到了评论内容的下方，避免评论者名字过长造成的重叠。

给评论者 UA 信息的图片添加 opacity 属性，看起来淡一些，毕竟是点缀作用别太吸引注意嘛。鼠标放上去才恢复不透明。
当然，这个也不支持 IE 。

实现完美的 WordPress 无限嵌套回复

我比较喜欢嵌套方式的评论模板，这样回复评论更有对话的感觉。
之前的无限嵌套有一个问题：回复非主评论时，评论框错位了（跑到了主评论下面），回复并刷新后正常。
虽然基本不影响使用，不过追求完美是好事。
QiQiBoY 已经把方法折腾出来了，高手哇。效果：

解决方法见：完美解决WordPress嵌套回复的层深问题（无限嵌套）<一>

为 WordPress 主评论加上楼层号

有个楼层号看起来像模像样，只给主评论加上也不会显得杂乱，还支持评论分页。

来自 OM：只在WP主评论加上楼层号的方法（支持评论分页）

添加评论引用功能

使用评论嵌套方式的话引用就少了，不过在说明某些问题的时候还是需要的。
在评论模板加上引用按钮，免去了不少麻烦。

同样来自 QiQiBoY 的：添加引用按钮——轻松打造属于你的WordPress引用回复功能
文章的步骤写得很详细了，不过由于那段 JavaScript 和主题的回复功能有些冲突，拜托了 om 才改好的 。

在评论框添加简单计数器

折腾一回肯定要把好东西都搜刮来。
这个评论文字计数器虽然没啥用，只是考虑到一小段 js 即可实现，无需改动主题其他部分，就用上了。可以增加点动感。

等看腻了就去掉吧。
方法见：评论框的简单计数器

P.S.

感谢上面提到的两位同学一位同学和一位老同学。

现在的评论风格看起来有点华丽了，和其他部分不怎么协调，留着下次折腾吧。
这个 zsofa-ova 越来越不朴素了，罪过吖。

» 转载请注明来源：A.shun's Blog » 《博客主题评论部分修改》
» 本文链接地址：http://www.a-shun.com/archives/21375.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

但和以往不同，这回都是偶尔添加一些东西（绝大多数来自朋友们的博客），现在只是汇总一下。也把一些资源、教材的链接和朋友们分享。

这次弄好，先休息下。 Wordpress 3.0 还在观望中。

主题兼容性提升

1.修复 IE 6下文字过大的问题和一些错位问题

考虑到 IE 用户的访客比例还是很高，虽然不鼓励 IE，但总是要留点可看性。

13px 的字号在IE 6下总是很大= =，导致本来就不整齐的页面进一步错位。
折腾了半天原来是字体问题，把 Tahoma 改成 Verdana 解决了。

2. 搜索框样式改进

搜索框样式改进，主要用 CSS3 圆角和 box-shadow 效果。Opera 10.5～10.7 以及 FF3.64～4.0 下表现基本一致。

IE 6下，搜索框不再完全变形了- -，凑合吧。

Chrome 环境下，搜索提交按钮的图标终于能显示了。但 box-shadow 的样式很奇怪。
请对 CSS 比较了解的朋友们指教下。

导致出现问题的该部分代码为：

box-shadow:inset 1px 1px 1px #ddd;
-moz-box-shadow:inset 1px 1px 1px #ddd;
-webkit-box-shadow:inset 1px 1px 1px #ddd;

页面滚动

Opera 环境下 jQuery 滚动到顶部的画面闪烁 bug 已经修复。在用于滚动的 js 代码前添加一段 Opera 补丁即可。

jQuery(document).ready(function($) {
$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body'); // opera fix
});

详见：Page Scroll 的幾種方法。

主题的功能改进

为博客图片添加 Shadowbox 效果，加强看图体验。

启用 Lazy Load jQuery 插件，延迟加载图片，让网页元素加载顺序更加合理。

更新 Gravatar 头像緩存 和 Recent Comments 代码，执行效率更高，加上缓存插件，现在的查询时间几乎都在 0.5s 以下。感谢低调的高手 Willin Kan 和 zww 。

将分页代码替换为 Mini Pagenavi，代同样出自 Willin Kan，比起我以前从 wp-pagenavi 直接挖出来的精简很多。感谢 om 为 Mini Pagenavi 添加“上一页”、“下一页”链接。

仿照 Rss 订阅按钮，为 Follow me 添加了一个菜单，效果见导航栏右侧，方法见：jQuery 的 slideUp 和 slideDown 动画。

主题的其他修改

为链接添加 transition （CSS 渐变效果），由于我的颜色搭配，这并不明显。方法详见：利用CSS添加渐变（Transition）效果。

为获取焦点后的文本框添加 box-shadow 效果。

使用 IE 条件注释，为 IE 浏览器访客添加提示，效果见图2。

侧栏模块顺序调整，分类和日志下拉框样式调整。

其他一些细节调整。

» 转载请注明来源：A.shun's Blog » 《Wordpress折腾手记 6》
» 本文链接地址：http://www.a-shun.com/archives/21372.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

话说，最近抱着“既然加载了 jQuery，不多弄点功能，挺亏的”这种想法，折腾了些东西。比如之前的 Shadowbox。
现在又发现了这个叫做 Lazy Load 的 jQuery 插件，它的作用是延迟加载页面中的图片，还能为添加渐显特效。

详细介绍和使用方法见 mg12 的这篇：《Lazy Load, 延迟加载图片的 jQuery 插件》。
下面简单说下我的体验。

Lazy Load 的作用

Lazy Load 的作用简单来说就是：让网页元素加载顺序更加合理。
网页代码的载入顺序是从上到下，如果评论区域有大量小图片（头像、表情、以及其他评论者信息），会导致侧栏的显示较慢，体验不好。
有了 Lazy Load ，在不可见区域的图片会被延迟加载，可以说在相当程度上提升了速度，在长页面尤为明显。
正好我比较喜欢 WP-UserAgent 这类型的插件，那就更需要这个了。

而且 Lazy Load 的 FadeIn 效果，让我们向评论区滚动的时候，下面的头像和表情等图片会以渐显的方式刷出来，感觉相当棒（自我感觉...）。
Lazy Load 的打包版体积还不足 2K，相当的小巧。

如何使用 Lazy Load

到作者页面去下载该 js，http://www.appelsiini.net/projects/lazyload

将 js 上传到服务器。
加载 jQuery，如果你博客已经使用了 jQuery，请跳过这一步。
在 wp 主题模板加入以下代码：

<script type="text/javascript" src="jquery.lazyload.js"></scrip>
<script type="text/javascript">jQuery(document).ready(
 function($){
          $("img").lazyload({
             placeholder : "images/grey.gif",
             effect      : "fadeIn"
          });
      });
  </script>

要注意 js 和图片文件的路径。
"img"是指对页面上所有图片都应用这个效果。你也可以用 CSS 选择器来制定，比如 #content img。
grey.gif 是指占位图片，可以到点此下载一个 1x1 象素的图片。

不想折腾的话可以使用个 Wordpress 插件： jQuery Image Lazy Load WP ，我没有测试过。

» 转载请注明来源：A.shun's Blog » 《启用 Lazy Load jQuery 插件》
» 本文链接地址：http://www.a-shun.com/archives/21363.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

这不仅仅是为了好看，很多上了尺寸的图片如果不是用缩放，会打乱排版，缩放后只是留下图片链接那会带来不方便。

虽然A.shun只是偶尔插点截图，但依然有必要加上这类效果（Lightbox、highslide等）来提高体验。

昨天又对博客进行了一次折腾，把原先的 highslide 效果替换为 Shadowbox 。

选用 Shadowbox 替代 highslide

我原来使用的是 highslide 效果，也很不错。不过偶尔换换口味嘛。而且之前那个 js 还会导致 Opera 左键拖拽不正常，会给分享按钮带来不方便。

Lightbox 和 Shadowbox 有基于 Jquery 的插件，既然我已经加载 Jquery，那不妨一试。

Lightbox 和 Shadowbox 都是灯箱效果，可以平滑展开链接的图片，而同时页面的其余部分都变成透明的黑色背景。对比之后 发现 Lightbox 稍微小巧些，但 Shadowbox 的默认效果比较符合我的审美，对各种浏览器的兼容性也较好，支持图片、视频、网页、flash、FLV等媒体。于是先用着这个 。

暂时先用着默认样式，有空再给图片加上 Css。

点击以下图片查看 Shadowbox 效果，单击图片以外的区域可以返回。

虽然很简单，但我还是折腾了不少时间，惭愧啊。现将方法贴出来和大家分享。

Wordpress 插件 Shadowbox JS

如果不喜欢折腾的朋友推荐直接使用这个 Shadowbox 的 Wordpress 插件。

这个插件异常强大，除了一般的图片、多媒体播放等效果，选项极多，也很容易看懂。

到 Wp 官方下载 Shadowbox JS 插件：Shadowbox JS For Wordpress Plugins。

上传到plugin目录，在线解压，并在 Wordpress 控制面板激活该插件。激活后根据需要进行设置。

免插件实现 Shadowbox 效果

到shadowbox-js网站上，根据自己使用的 js 库，并选择用于何种对象、语言，下载相应文件。

先上传并解压到当前主题目录。

加载 Jquery，如果你博客已经使用了 Jquery，请跳过这一步。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

然后在主题中加载 Shadowbox：在你的文章页模板 single.php（或者底部模板 footer.php 加判断语句）中插入以下代码：

<link rel="stylesheet" type="text/css" href="/shadowbox.css">
<script type="text/javascript" src="/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

给需要使用该效果的图片设置好大小，链接到原图，并给链接加上 rel="shadowbox" 的属性即可。还有其他多种用法，详见：http://www.shadowbox-js.com/usage.html

A.shun 这里用的是最基本的 rel="shadowbox" 。

但是先前的图片链接没有带上这个属性。没关系，有很多简单的方法来给所有图片链接自动加上属性。

常用的有 jQuery选择器，但是我不会- -！这里用简单的 php 和 wp 函数来实现。

在 主题支持函数 functions.php 中插入以下代码

function shadowbox($content)
{
	return preg_replace('/<a(.*?)href=(.*?).(jpg)"(.*?)>/i', '<a$1href=$2.$3" $4 rel="shadowbox">', $content);
}
add_filter('the_content', 'shadowbox', 2);

这是针对jpg图片的，其他格式自己动脑筋。该脚本还支持很多设置，网站上有详细说明。

不罗嗦了，NBA2009～2010赛季总决赛即将开始～

» 转载请注明来源：A.shun's Blog » 《为博客图片添加 Shadowbox 效果》
» 本文链接地址：http://www.a-shun.com/archives/21365.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

现在继续来总结一下这次的折腾，顺便分享一些相关的教程。
其实这个应该叫做wp折腾手记 5的，不过偶尔换下名字也不错。

昨天就弄好了，这回顺便尝试下WordPress定时发布文章。

WordPress文章定时发布功能

这是wp自带的功能，无需任何插件。
如下图所示，编辑好日志之后在“发布”那里点击编辑，把发布时间设定为当前时间之后，发布的按钮就会自动变成定时，点击即可。

主题header部分

最开始，zsofa-ova的搜索框设计在了header的中间，比较方便和醒目。
不过有的访客朋友看法不同：“搜索框放中间了感觉怪怪的”、“搜索框放的位置有些不太美观”。。。

之前因为右侧有twitter输出和订阅按钮，把这些放中间也不合适。现在重新调整了布局。
去掉了feedsky的按钮，和feedburner.com放在了导航栏，twitter按钮的旁边。搜索框回到了靠右地方，嗯，感觉良好。

当然，也顺手减少了header的高度。这样可以在不滚动页面的时候显示更多内容。

评论部分

把comments-ajax更新到v1.29，点击主评论回复按钮有了平滑滚动效果。
具体看这篇：《WordPress 內置嵌套評論專用 Ajax comments》，Willin Kan真是低调的大师。

评论样式也重新设计，评论者名字、发表时间、和ua信息弄成一排了。这个其实个人不是特别满意，只是换换布局。
看上去很紧凑，这也可以在一定程度上缩短了页面高度。

主评论隔行使用不同的背景色，比较一目了然。简单的两行代码即可实现，这是特地请教om的。

ol.commentlist li.thread-even{background:#F2F2F2;}
ol.commentlist li.thread-odd{background:#eee;}

其他细节

侧栏加入了文章分类、月份存档下拉选择框。比较实用，不占地方。
相关的代码可以看这篇：《WordPress 月度存档、文章分类下拉框代码》。

由于分类下拉框取代了分类列表，所以把友情链接也改成双排的，各种徽标弄到下面去。

content的背景色和整个页面的色调统一起来。

去掉了日志信息、评论数和转到评论区等之前的小图标，页面更加简洁，也调整了其他背景图标的间距。

其他若干细节：简化日志底部的收藏和订阅链接、更多的运用了css3圆角。。。

已知问题

评论者名子过长的话（比如Lazyyyyyyyyyyyyyy），时间和ua信息就要挤到一起了。

两层以上的嵌套问题非常大。。暂时改回两层，不过以前就弄得很乱，无所谓了。

IE6的显示继续杯具，特别是文字大小。

Chrome环境下的搜索按钮不显示。

Opera下底部的top按钮的问题不打算修复了，反正有手势。

累了，以后再折腾吧。

» 转载请注明来源：A.shun's Blog » 《WP 文章定时发布 & 继续优化当前主题》
» 本文链接地址：http://www.a-shun.com/archives/21356.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

这个始终没有定位的博客也能走过这么长时间。

这是个很多人已经跨过，也有很多人都达不到的分界线。
的确有必要稍微说点什么。

持之以恒

有人说，拥有一年以上的持续更新才能以Blogger自居。
因为博客的门槛很低，玩的人很多，但大多数的两三个月就没兴趣或热情了，也就不了了之。

这一年来，我经历了域名备案、域名转移和几次搬家，大大小小的文囧和疲惫，以及周围的一些麻烦事。
其实这也都是小波澜。主要还是热情的问题。当然，因为生活工作上的各种原因而暂时告别的不算。

持之以恒，也不是那么困难嘛。
尽管我现在写的内容有点偏离初衷，也算一种迷失。当然，这是后话。

平淡中的乐趣

博客可以作为一个知识收集、经验总结的地方，也可以书写心情和各种吐槽。这过程并不无聊，再说了，还可以去其他博客朋友那长见识和围观。

尽管在赢利方面没有丝毫进展，但无论是自娱自乐还是同好勾搭都能博得精彩。
这，就是价值的体现。

A.shun是不会放弃更新的，热情和寂寞犹在 。
当然，生活和工作比起博客更加重要，但时间总会有。可以玩消失，但一定会回归。

继续学习。继续在这个圈子里打扰大家^ ^

博客数据

日志

一年下来也才113篇日志（其中被隐藏5篇），平均3天以上才一篇。这个更新比较低。
好在也还算是细水长流，没有出现持续的中断。
往后要尽可能勤快点才行。

评论

这个评论数，乍一看挺壮观。其实并没有那么厉害。

这很大程度上得益于我较低的更新频率，评论也就相对集中。

经常和朋友们相互到访，偶尔沙发党。较有意义的互动，给予评论是一种鼓励。

我回复得比较多，较熟的朋友留言或者有些意义的基本都回了，这里面有接近4成是我自己的。

其他

订阅数：feedburner和Feedsky加起来勉强也到了1000，虽然这个数字不完全可信，不过挺满意。
访问量不大，其他浮云不提也罢。

感谢所有订阅者和评论者的支持。

本博客由Wordpress强力驱动

很庆幸，选择了Wordprss作为博客程序。它无所不能，上手简单，又有非常大的折腾空间。
尽管我还不能说玩转了，但也能体验到折腾带来的个性和成就感。
当然，最主要的还是众多玩wp的朋友。

主题 Theme

之前一直用着inove，这是一款极其优秀的主题，大家都认识的，就不多做介绍。
用了10个多月，这也算感情深厚了，不过在新年过后为了打算整个新面貌，也满足一下个性化。

在zSofa的基础上重新折腾，花费了几天时间，总算大功告成。期间zww给予了不少的援助，当然，主题外观上也存在着些许Paled的影子。

感谢mg12和old man。感谢Wordprss的强力驱动。

插件 Plugins

一开始在yo2没有太多的插件可以选择。刚刚独立的那几天可以说很兴奋的装上各种各样的插件。

各种各样的功能，基本上使用起来都挺简单，这也算是wp比较容易上手的地方。

之前也曾晒过我使用的wordpress插件。
不过之后不断调整，很多功能都写到主题里面或者被取代了。现在启用的有13个，还在调整中。

PS

严格上讲，从第一篇日志算起的一周年应该昨天。
不过那是个沉重的日子，唉，在此默默为青海玉树的灾民祈福。

欢迎大家在Twitter和腾讯微薄上Follow我。

» 转载请注明来源：A.shun's Blog » 《博客一周年：平淡中的乐趣》
» 本文链接地址：http://www.a-shun.com/archives/21353.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

再一次收到域名代理商的续费通知邮件。

其实A.shun已经将域名转出了有段时间了。所以无需理会这个。

但也趁此机会分享一下域名转移到国外的经验。 回忆一下这并不算是太复杂的转移过程。

尽管我没这么折腾域名，但每个Blogger关于域名的理解和故事都可以写一大堆了。

域名注册经历

最开始对这些都不了解。稀里糊涂的选择了国内注册。

其实这是我的第二个域名。
最开始注册了一块钱的.cn拿来玩的。开始写博客还是要靠谱的。

当时选择的是新网的代理商美橙互联，原因是比直接在域名注册商那里要便宜，而且续费和注册是一样的价钱，不像.cn的陷阱。管理后台也算是整洁。

国内不是域名的久留之地

尽管使用新网解析的接近9个月时间里，总的来说算稳定。
但国内不是域名的久留之地。

首先，域名的管理功能比较弱，一些功能甚至不让你随便使用，包括url转发。
还有，国内的注册商不会让你轻易转移域名。注册密码不像国外的注册商那样随便可以拿到，而是要邮寄申请表和身份证复印件，然后是漫长的等待。据说以前在万网能转出域名就堪称传奇了。

最重要的当然还是安全问题。
要知道，在去年的一次反低俗行动中。无数域名都被停止解析、无数idc被关停。
在那之后，使用国内主机不备案已经是不可能了。备案相当麻烦。关键是我们不知道这个“低俗”的标准是什么？也就是说随时能拿你开刀。

还是那句话：如果你的博客在国内，手续不全或者不够禾口言皆的话。那么，要有把每天都当成博客（或网站）最后一天的觉悟。

域名转移到国外

既然国内的不考虑。那么国外也要选择一家好的域名注册商。当然推荐Godaddy和Name.com。

Godaddy是世界上最大的域名注册商， 价格便宜，还有大量的优惠码，还支持支付宝，也可以使用gift card。要说有什么缺点呢，那就是后台比较混乱。

Name.com界面清爽，价格相比Godaddy稍贵。但可免费隐藏whois信息，你不知道我是谁，嘿嘿。

不懂英文不要紧，网上教程多得是，我们还有翻译工具，还可以请朋友帮忙。这里要感谢小屏幕星人。
以后就算被墙了，还可以翻过去做解析，比起直接被莫名其妙的停止安全多了。

我选的是Name.com。当然把域名转移到Godaddy也是不错的选择。这个看个人喜好吧。

域名转移的一些说明

域名转出不会影响到当前的解析。这点可以放心。

域名转出和转入并不需要付出额外的费用（除了快递），转入费用会自动给你续费一年，有效期还是根据原注册时间再继续顺延的，这个价钱甚至比直接续费还要便宜。

so，有想要转移的同学就赶快动手吧

域名转移流程

如果你是国际域名，那么转移其实没有那么复杂。我没有.cn的转移经验。

一.确认转移条件

域名注册或续费时间超过60天

域名到期前15天（有的地方是30天）

二.索取域名转移密码

建议先与客服联系，询问具体的步骤。

通常情况下是这样的。
2.根据域名注册商的不同，下载对应的转出申请表，填写详细信息（公司加盖公章、个人手写签名）。
3.提供域名所有人证明资料，个人仅需身份证复印件（正反两面）加手写签字。
4.邮寄申请表和个人证明到注册商或者代理商，尽可能选择快递（可以问客服是否接受传真）。

然后就是等待了。
通常他们收到后5个工作日内会给你的域名解锁，并把转移密码发送到你的邮箱，要注意查看。

三.转入Name.com

这里以name.con为例.

填写：登陆后，在下方的Domain Names，进入Transfer Domain Names。填写域名和转移密码。

付费：使用信用卡或者paypal，支付费用。

认领：随后新的注册商会给你的域名注册邮箱发送确认邮件。里面包含有个url带了转移ID和安全码，直接点击即可。

四.等待

完成上面三部之后就没什么事情了，需要的还是等待。
可以进入https://www.name.com/transfers_in/view.php查看进度。现在一般是4/6。
接下来这一步其实是转入商就要联系你的原域名注册商，如果同意，才开始转移。

但国内的注册商素质大多就那个样子，他们通常会觉得没必要回复。如果规定时间内（通常是五天)不拒绝的话就意味着默认批准转移。

五.完成

通常要等5天就算默认批准。再查看进度。已经转移好了。

进入域名设置，按照提示修改Name Servers，然后重新解析即可。

整个域名转移时间不到2周。

最后，即使你将域名转出了，国内的注册商依然会按照时间通知你进行续费。无视之～

» 转载请注明来源：A.shun's Blog » 《我的域名转移经验》
» 本文链接地址：http://www.a-shun.com/archives/21351.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

对于Blogger来说，基本都很重视这个。我们没有必要去相信那些通用的博客备份软件，只需要简单的备份数据库和一些目录即可。

每个人都有不同的考虑和不同的方法。可以拿出来探讨下。

数据库备份

对于博客来说，数据库无疑最重要的，日志和评论丢了是很难找回来的。

相信大家都安装了wp数据库备份插件吧。A.shun推荐使用的是WordPress Database Backup插件来进行数据库备份，操作简单，功能强大。
支持备份到服务器、本地、邮箱，支持自动备份和自定义备份频率。

建议设置定时备份到email。我们可以在Gmail建立一个过滤器和标签来接收此类邮件，自动存档。

总之，保障安全又省去了操作phpmyadmin的体力活。当然，搬家或者有重大调整的时候要检查插件是否正常工作。

博客程序文件夹和图片的备份

这部分相对来说没那么重要。毕竟：程序、插件可以重新安装和设置、主题可以重新修改，图片也可以补充。
但是为了避免不必要的麻烦，我还是选择不定期对进行备份。

以前我是这么做的是，进入控制面板的文件管理器，打包整个文件夹（有SSH的话也很方便），然后整个文件夹下载到本地。
但要注意到是把备份放在服务器根目录或常用可访问目录是危险的事情，不信你看看站点的请求日志。所以下载完要尽快删除。

由于我们没有自己的vps，不能通过脚本什么来自动备份，能备份文件夹的插件效果又不理想。
so，现在我比较习惯使用同步软件类进行备份。

虽然还称不上太好的方案。但只需稍微折腾，然后设定一个同步周期即可。而且可以减少传输量，这就意味着节省时间和流量。

通常，备份wp-content和图片目录即可。之前更换图床，把图片搬到自己的空间，就是除了便于管理和稳定之外，也是为这方面做准备。

A.shun选择的是Allway Sync，以前介绍同步软件时说过。支持FTP同步、多向多任务、支持过滤器以及多种规则设置。（免费版本每月可进行40000个文件的同步）
其实GoodSync也不错，还支持sftp协议，但是试用期过后支持的数量较少。

步骤:

先下载了需要备份的文件夹压缩包，解压到本地目录。

在同步工具中新建任务，设置好本地的文件夹和配置ftp，设好同步方向。

修改过滤器，将不必要的文件排除出去，比如说一些缓存文件或者缩略图之类的。

修改同步规则，遇到什么情况是忽略还是询问。

新建同步计划，可设定间隔或者新建“任务计划”等。

当然，肯定有比这更好地选择，只是反正我干别的也需要同步软件，懒得去多开一个程序，就暂且用着。

往后继续发掘更好地方法。

我这几天就要搬家了，如果现实中也有同步工具该多好哇。o(╯□╰)o

» 转载请注明来源：A.shun's Blog » 《博客数据备份方案》
» 本文链接地址：http://www.a-shun.com/archives/21346.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

趁这几天比较有空，对其进行一些细节的修改。

这次算是小折腾，以后要继续完善才行。

继续发扬折腾永无止境的精神。。。

样式调整

添加了Rss订阅下滑菜单，提供几个常见阅读器的一键订阅。
渐变下拉菜单的实现方法见old man的这篇文章，需要jQuery支持，图片是从以前inove弄出来的。

去掉了twitter的输出。之前那链接格式不规范，再说我推得也不多。换成一小个按钮了。并加上去了“随便看看”和“wap”两个按钮。

稍微调整了导航栏，调整侧栏标题样式，特别是那个tab

替换了部分小图标，修改了前后文章的链接样式，以及其他若干细节

原来的-moz-border-radius和-webkit-border-radius替换为更加标准的border-radius，能通过Css3验证。

添加了博客的wap版本

个人觉得wap版本是有存在意义的。

还是用少量朋友使用手机访问的。而且碰到我自己网速杯具的时候还可以凑合下。

A.shun使用的是WP-T-WAP。
国人原创插件，设置方便。除了正常的浏览，还支持评论，文章、评论编辑，还有相关日志等。。功能很强大的说。

大家可以点导航栏靠右侧的按钮浏览。或者直接访问wap.a-shun.com

下载地址：http://wordpress.org/extend/plugins/wp-t-wap/

主题存在的问题

缓存插件的存在导致了“随便逛逛”在缓存过期之前（5分钟）会跳转到同一篇日志。

FF3.5.x和IE，搜索框依然有些许错位。但在3.6和3.7中表现完好，看来新版更为规范，也就不折腾了。

Opera环境下底部的top按钮依然有问题，不过非IE用户基本上不需要那个功能，暂且搁置。

换回border-radius后，FF和Safari下无法显示圆角，杯具的标准。更杯具的是FF3.7a也是一样，唉，还是把-moz-border-radius暂时加回去。

IE6环境下比以前更乱了。。。不管

看来折腾之路任重道远～

» 转载请注明来源：A.shun's Blog » 《Wordpress折腾手记4》
» 本文链接地址：http://www.a-shun.com/archives/21342.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。

趁着这会空闲，把图片转移到国内的服务器。

正好文囧，就扯谈下A.shun的图片迁徙之路和批量替换图片地址的简单方法，还有博客图床选择的注意事项。

图片迁徙之路

临时性的不谈，就说作为博客的外链图床。

之前在yo2，它提供xml的导出服务。（虽然oneoo可以帮我们把图片弄出来）
想到总有一天要搬出，自然用图床是最好的选择。

Picasa被墙了，Flickr那段时间有被墙的风险，访问速度也不佳。Yupoo又是带广告又是限制多，
所以最开始用的来吧相册和几个不知名的相册，用没多久都相继砍了外链或者干脆关闭了。
这也就下决心不用国内的同类服务了。

等到博客独立之后就把图片转移到自己的服务器上。那个时候还是用人肉的方法，还好数量不多- -。

外链相册的选择

图片和博客共存亡

我还是建议大家把图片放在自己空间里。

原因有三：

稳定，和博客共存亡。

便于管理和更新。

可以适当的设置防盗链。

当然，这些都建立在流量够用的情况下。
事实上这种情况大概持续了2个多月，流量开始吃紧。（之前的主机流量太小了- -）

于是新日志开始启用Photobucket作为图床。

photobucket的优点

免费、稳定、空间大、流量足。

直接获取固定地址，而不是像一些服务之提供带链接或广告的代码

支持批量上传，可以通过Ctrl和Shift来批量选择

不改变文件名，这点非常重要

1和2自然不必说。后面两点就是我选择图片服务器的主要原则。

批量替换图片地址

now，因为文章前面说的原因。
我把图片放回来之前的国内空间，并启用了img.a-shun.com的二级域名。

之前无论是自己的空间还是photobucket，它们都不会改变我的图片文件名。so，这回就方便了，用数据库批量替换技巧即可。

我的图片本地都有备份，photobucket上的则放在一个子文件夹中。直接带着目录结构打包上传，解压，绑定域名。

然后在使用phpmyadmin，进入博客的数据库，运行以下代码：

UPDATE wp_posts SET post_content = REPLACE( post_content, 'http://s916.photobucket.com/albums/ad1/ashunyi/', 'http://www.a-shun.com/img/photobucket/') ;
UPDATE wp_posts SET post_content = REPLACE( post_content, 'http://www.a-shun.com/img/', 'http://img.a-shun.com/') ;

这样就大功告成了。

语法很简单：

UPDATE 表名 SET 字段名 = REPLACE( 字段名, '要替换的内容', '替换后的内容')

这种方法同样也适合用来替换其他链接和文字。我们还可以用同步软件来让本地和服务器保持同步。

如果你的本地文件名和上传后的不同，那么就要逐个从相册下载再上传，还要去寻找url的规律，那会很头痛的。

» 转载请注明来源：A.shun's Blog » 《更换图床：批量替换图片地址》
» 本文链接地址：http://www.a-shun.com/archives/21347.html

© A.shun for A.shun's Blog 2009-2010 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
由于 Feedburner 已经被屏蔽，国内阅读器请订阅备用的RSS feed.a-shun.com
小站广告位出售中，欢迎咨询，查看详情。