其实这个插件的功能很实用，在用户评论之后，会自动给用户发一封答谢邮件，进一步增加了博主与用户之间的互动程度。

收到的乱码答谢邮件示例如下：

Wordpress 后台管理/设置/Comment Relish 设置如下:

我自己测试了一下，邮件发送正常，且没有出现乱码现象，我现在也找不到出现乱码的原因，哪位大侠能帮我看一下哪里出问题了吗？跪求！

重设本机 Wordpress 管理员密码的方法

默认情况下，Wordpress 将用户密码存放在wp-users表中，利用 phpMyAdmin 查看 wp-users 表，如下所示：

user_pass 即 Wordpress 中的用户 admin 对应的密码，但此密码是经过 MD5 算法进行过加密，所以从这里是不可能反推出未经加密的密码的，所以只能通过重设 admin 对应的密码才可以。

知道 Wordpress 是利用 MD5 进行加密之后，就很容易找出问题的解决方法了。

点击此行左端的 “铅笔” 图标，进入编辑页面，如下所示：

找到第二行的  user_pass ，将此行对应的第5列的 “值”（即密码）设置为新的密码（本例将密码设置为 mima-666666），然后将此行对应的第3列的 “函数” 设置为 “MD5” （从下拉列表中选择 MD5 即可），点击“执行”按钮保存即可。

总结：phpMyAdmin 实在是很强大啊！利用 phpMyAdmin 可以处理各种数据库问题。

利用CSS3 的 transition 属性制作过渡效果的导航栏 实例预览

HTML 代码

<ul id="navigation">
<li><a href="http://www.renniaofei.com">首页</a></li>
<li><a href="http://www.renniaofei.com/category/design/">设计</a></li>
<li><a href="http://www.renniaofei.com/category/graphic/">图像</a></li>
<li><a href="http://www.renniaofei.com/category/inspiration/">灵感</a></li>
<li><a href="http://www.renniaofei.com/category/freebies/">素材</a></li>
<li><a href="http://www.renniaofei.com/category/code/">编码</a></li>
<li><a href="http://www.renniaofei.com/category/tools/">工具</a></li>
<li><a href="http://www.renniaofei.com/category/internet/">互联</a></li>
<li><a href="http://www.renniaofei.com/category/network/">联盟</a></li>
<li><a href="http://www.renniaofei.com/friendlink/">推荐</a></li>
</ul>

CSS 代码

ul#navigation {
	background: #00467f;
	height: 60px;
	margin: 0 auto;
	text-align: center;
}
ul#navigation li {
	height: 60px;
	display: inline-block;
 *display: inline; /* for IE6 & IE7 */
}
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited {
	display: inline-block;
 *display: inline; /* for IE6 & IE7 */
	height: 48px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	padding: 0 15px;
	-webkit-transition: color 0.4s linear; /* CSS3 过渡效果代码 */
	-moz-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	font-size: 32px;
}
ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a:focus {
	color: #7191cd;
}

CSS3 的 transition 属性代码说明

-webkit-transition: color 0.4s linear; /* CSS3 过渡效果代码 */

• color：对 color 属性使用过渡效果，本例中，color 初始的颜色是 #fff （白色），当鼠标滑过时（a:hover）, color 的颜色变为color: #7191cd 。
• 0.4s：过渡效果的时间。
• linear：过渡计时方式为 linear。也即线性过滤。

1. 什么是Wordpress安全密钥（WordPress Security Keys）？

Wordpress安全密钥（WordPress Security Keys）是一组存储在客户端Cookies中的随机生成的经过加密的变量值。总共包括4个安全密钥（AUTH_KEY，SECURE_AUTH_KEY，LOGGED_IN_KEY，NONCE_KEY）。

2. 为什么要使用Wordpress安全密钥（WordPress Security Keys）？

安全密钥能够有效阻止黑客破解你的密码，一组未经加密的用户和密码，很容易被黑客破解。而如果要破解一组随机生成的，不可预测，经过加密的密码组合，例如 88a7da62429ba6ad3cb3c76a09641fc ，则可能需要好几年的时间。

3. 如何使用Wordpress安全密钥（WordPress Security Keys）？

默认情况下，Wordpress并没有定义Wordpress安全密钥（WordPress Security Keys），你需要自己添加这4组密钥。

• 首先，你需要到这里生成Wordpress安全密钥，这是Wordpress提供的随机生成安全密钥的页面。
• 其次，到Wordpress安装根目录找到wp-config.php文件，在45行以后添加上面生成的4组Wordpress安全密钥。
• 最后，推出重新登录即可。

说明：此安全密钥设置一次即可，且无需记住。

我们都知道 Twitter 的宕机图是 “Fail Whale”（宕机鲸），其形状圆润，线条构成比较复杂。现在看一下下面这张预览图，你能想象这是一张纯粹利用CSS3来制作的页面吗？点击下面的预览图将会打开 CSS3 版宕机鲸。

请使用除IE之外的浏览器预览上面的页面，例如 Chrome、Firefox、Opera、Safari 等高版本浏览器。

实例预览：

HTML代码：

<div id="menu">
<ul>
<li><a href="http://www.renniaofei.com"> <span class="title">任鸟飞</span> <span class="text">博客简介</span> </a> </li>
<li><a href="http://www.renniaofei.com"> <span class="title">博主</span> <span class="text">博主简介</span> </a> </li>
<li><a href="http://www.renniaofei.com"> <span class="title">博客</span> <span class="text">网页设计类博客</span> </a> </li>
<li><a href="http://www.renniaofei.com"> <span class="title">联系</span> <span class="text">请联系我们</span> </a> </li>
</ul>
</div>

CSS代码：

#menu ul {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	border:2px solid #000;
	border-left:none;
	float:left;
	clear:both;
	padding: 0px;
}
#menu ul li{
    float:left;
}
#menu ul li a{
    display:block;
    text-decoration:none;
    background-color:#444;
    padding:5px 10px;
    color:#fff;
    width:140px;
    border-right:1px solid #666;
    border-left:1px solid #000;
}
#menu ul li a span{
    display:block;
}
#menu ul li a span.title{
    border-bottom:1px solid #444;
}
#menu ul li a:hover span.title{
    border-bottom:1px dashed #f0f0f0;
    color:#ef0000;
}
#menu ul li a span.text{
    visibility:hidden;
    font-size:13px;
    text-align:right;
}
#menu ul li a:hover span.text{
    visibility:visible;
}

利用:hover特性制作的CSS导航菜单栏——最终效果预览

注：由于IE6不支持除a标签以外的:hover属性，故此例在IE6中没有预想中的效果。

#mydiv {
	position:absolute;
	top: 50%;
	left: 50%;
	width:350px;
	height:300px;
	margin-top: -150px; /* 顶边距设置为高度的 1/2 */
	margin-left: -175px; /*左边距设置为宽度的 1/2 */
	border: 2px solid #2982C6;
	background-color: #FFF;
    text-align: center;
}

具体实例预览

上面的CSS代码其实很好理解，首先要绝对定位，然后设置绝对定位的top和left属性值（50%），目的是使左上角的坐标位于父层元素高度和长度方向的中心（50%），然后将顶边距和左边距各往相反方向偏移高度和长度方向的一半（1/2）。

利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。

下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。

1. 定义动画，名称为fadeIn

@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

2.  在ID或类中增加如下的动画代码

#box
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

通过上面的代码即可实现淡入淡出的动画效果，代码具体的含义已在注释中注明。

1. 尽量避免使用admin用户

admin 是安装 Wordpress 时产生的管理员用户，拥有所有权限，在安装 Wordpress 时，尽量将 admin 对应的密码设置的复杂一些。

2. 将wp-config.php移动到其他目录

如果根目录下没有找到wp-config.php，Wordpress会自动寻找其他目录。

3. 更改Wordpress数据库中的表名前缀

在安装 Wordpress 时，默认会将数据库中的表名前缀设置为“wp_”，应尽量修改此前缀。如果 wordpress 已安装完毕，可以利用这个插件 WP Security Scan  来设置。

4. 使用密钥 Secret Keys

访问 http://api.wordpress.org/secret-key/1.1/ ，生成4组密钥，将此4组密钥复制到 wp-config.php。

5.使用 .htaccess

可以限制其他用户访问 wp-admin 目录，我们可以利用下面的代码来指定允许某些特定的IP访问此目录。

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Access Control"
AuthType Basic
order deny,allow
deny from all
#IP address to Whitelist
allow from xxx.xxx.xxx.xxx

说明：如果需要指定多个IP，可以重复“allow from xxx.xxx.xxx.xxx”（不含引号）即可。

包含HTML内容的文件最常用的扩展名是.html，但是像DOS这样的旧操作系统限制扩展名为最多3个字符，所以.htm扩展名也被使用。虽然现在使用的比较少一些了，但是.htm扩展名仍旧普遍被支持。

两种都是静态网页文件的扩展名，扩展名可以互相更换而不会引起错误（这是指打开而言，但是对于一个链接来说，如果它指向的是一个htm文件，而那个htm文件被更改为html文件，那么是找不到这个连接的）

• html 比 htm 的载入速度快
• htm 为DOS三字符文件扩展名时代而来
• html 为Windows时代支持多字符扩展名