New UI of Allen Chan's Blog

之前貌似看到过，没有太注意Twitter Bootstrap，博客的UI也已经用了2年了，是该换换新样子了，于是选用了Bootstrap的样式，基本没有调整任何原始的东西。直接用。看起来挺清新的，简单的。

补充一句，还是继续不支持IE6的。放弃IE6活动一定要支持到底

得放一张之前的作为纪念和对比：

2009 UI of Allen Chan's blog

MAMP v.s. WAMP

这是完整的WordPress主题制作指南的第一章节。在这章里面，你将会学习怎样在本地电脑（服务器）安装，配置WordPress。这样做的好处在于节约你更新和预览的时间（也就是说，你不用每时每刻上传你实时修改的文件，或者添加的图片等），当然除非你有一个在线编辑器，如Mac上流行的Coda。你也可以用本地电脑，服务器来测试新的插件，主题或者是WordPress的新版本。总之，这一章将会交给所有人特别是初学者或者是刚接触Mac/Linux的新手们在本地安装WordPress。

简单总结

1. 安装本地服务器（包括Web服务器，数据库服务器），在不同平台下面有不同的安装方式(Mac: MAMP, PC:XAMPP 或者 WAMP)。
2. 配置Web，数据库服务器，并且新建数据库
3. 下载最新的WordPress，解压缩之后把它放在你的Web服务器活动目录
4. 把wp-config-sample.php改名为wp-config.php，把文件中数据库的信息改为自己的设置
5. 运行wp-admin/install.php安装过程，一步一步的完成安装
6. 你的WordPress就在本地安装好了

在正式开始之前

我们必须知道WordPress的系统最低要求是：

• PHP 4.3及其以上的版本
• MySQL 4及其以上的服务器版本

1. 安装本地服务器

为了能在本地跑PHP/Mysql数据库的程序，我们需要安装一个本地服务器。通常来说是(X)AMP，X代表操作系统，也就是操作系统(X)+Apache（世界上最流行的Web服务器）+ PHP脚本语言 + MySQL数据库。在Mac我们有MAMP，在Windows我们有XAMPP 或者 WAMP，这三个服务器都是打包好的，各种库都已经包含在内，下载直接可以使用。那么在Linux中，我们用什么？当然是LAMP，怎样配置呢？请参见我另外的一篇文章“在VPS上配置LAMP服务器高级教程-Mysql篇”

我讲更详细的介绍在Mac中建立本地服务器的另一种方法，也是推荐的一种方法。大家都知道Mac OSX其实是一个基于Unix的系统，系统本来就集成了Apache Web服务器和PHP5，如果你使用的是服务器版本的Mac OSX，那么很幸运，MySQL数据库服务器也已经预装好了。那么我们来开启这所有的服务：

• 开启Apache

打开System Preferences 系统预置，选择Sharing 共享，在Web Sharing 网络共享前面打上小钩，那么Apache就开启了。在Safari中打开http://localhost，你将会看到Mac OSX Apache的欢迎页面

• 加载PHP

打开Terminal 终端，在命令行中输入以下命令，输入你的密码。

sudo vim /etc/apache2/httpd.conf

找到这下面行代码，并且把这行前面的#去掉。

#LoadModule php5_module        libexec/apache2/libphp5.so

方法是先点击i键进入插入编辑状态，然后删除#，再点击ESC退出编辑模式，输入:wq!点击回车。

:wq!

重启Apache服务器，PHP就生效了。重启可以使用第一步的方法，也可以在Terminal中输入命令：

sudo apachectl restart

测试PHP加载成功，你在Web服务器根目录放一个php页面，用文本文档新建文件，输入代码如下：

<?php
phpinfo();
?>

文件名存为test.php，然后访问http://localhost/test.php，你将会看到一系列关于服务器的配置，如图：


PHP info

• 安装MySQL

先下载5.1稳定版本，Snow Leopard（不管你的Mac支持64位与否）一定使用Mac OS X 10.5 (x86_64)这个64位版本，否则会出现不能启动，或者是启动后不能使用的问题。安装所有的组件，这样可以让系统启动时，自动启动MySQL

2. 配置Web，数据库服务器新建数据库

你如果使用的是MAMP，XXAMP或者是WAMP，启动程序的时候将会自动带你到MySQL的管理页面，数据库默认root密码是root。如果你是单独安装的MySQL那么这时候你需要配置一下密码。打开Terminal终端，输入下面的命令：

mysqladmin -u root password '你的密码'

如果找不到mysqladmin这个命令，请在终端先输入

export PATH="/usr/local/mysql/bin:$PATH"

这时你可以去下载一个phpMyAdmin的软件来管理你的MySQL数据库，具体过程我就不详细叙述。进入phpMyAdmin之后，就可以新建数据库了，如图：


phpMyAdmin

3. 下载最新的WordPress

下载好的zip压缩文件应该解压缩到/Library/WebServer/Documents/wordpress(或者你喜欢叫什么就叫什么，这将是你本地目录的名字)下面。

4. 更新wp-config.php配置文件

拷贝一个wp-config-sample.php并改名为wp-config.php，这里可以使用两种方式来更改wp-config.php配置文件。

• 使用编辑器，直接打开文件编辑，如下：

define('DB_NAME', 'allenchan_com_cn'); #你刚才新建的数据库的名字
define('DB_USER', 'root'); #数据库用户
define('DB_PASSWORD', 'root'); #数据库密码
define('DB_HOST', 'localhost'); #本地数据库，所以使用localhost，也可以使用127.0.0.1
define('DB_CONNECT', 'socket'); #数据库连接方式，一般不需要更改
define('DB_CHARSET', 'utf8'); #字符集，一般不需要更改
/*从WordPress2.6起加了以下的加密设置，请把pass-code改为数字字母的字符串32位以上为佳*/
define('AUTH_KEY', 'pass-code');
define('SECURE_AUTH_KEY', 'pass-code'');
define('LOGGED_IN_KEY', 'pass-code'');
define('NONCE_KEY', 'pass-code'');

存储后，配置文件就生效了

• 使用WordPress内建的指南修改，那么在运行之前请修改wp-config.php文件的属性，可以使用代码

chmod 777 /Library/WebServer/Documents/wordpress/wp-config.php

5. 安装WordPress

打开你的浏览器，在地址栏中输入http://localhost/wordpress/wp-admin/install.php，然后根据步骤安装WordPress



 

接下来

下面一章我详细的介绍WordPress的详细构架和设计布局的框架，如果教程中有不恰当的之处请指出:-)

Wordpress

WordPress是一个非常出名而使用频率很高的自由博客软件，也可以把它作为一个简单的内容管理系统（CMS）。本博客也是使用Wordpress搭建的，并且自己制作了主题。

接下来这一系列的文章，我将会详细的介绍Wordpress主题的制作过程，并且分为五个章节：（链接会及时更新）

1. 安装本地Wordpress测试环境
2. WordPress主题布局构架
3. 制作WordPress主题(Theme)
4. WordPress中部分API调用
5. 发布到服务器，迁移和备份

本次教程基本是根据本博客的主题制作过程一步一步往下走，并且参考了WebDesignerWall的教程写作流程，希望大家能够明白所以的过程。如果有任何不同意见，请给予建议和评论。