突然間發現自己在阿里上有一個免費的虛擬雲空間，好像是什么時候阿里雲搞活動贈送的。看了看還有不少時間，就決定自己搭建一個博客系統。說到搭建自己的博客，第一時間就想到WordPress，這個用起來應該是最方便的。
搭建博客
搭建比較容易，首先下載 WordPress 相應的版本，我這邊用的是最新版本4.5.2。
然后訪問相應的頁面，按照提示一步步做下去就可以了。安裝教程
下面說一些遇到的問題：
-
當我去創建 wp-config.php 時，系統一直報 500 的錯誤。
將 wp-config-sample.php 重命名為 wp-config.php，修改其中的參數如：
DB_NAMEDB_USERDB_PASSWORDDB_HOST等，注意這個時候數據庫應該已經創建好了。 -
出錯了，但沒有錯誤信息
將 wp-config.php 中的
define('WP_DEBUG', false);改為 true -
安全相關
為了安全需要修改 wp-config.php 中如下的代碼：
define('AUTH_KEY', 'put your unique phrase here');
define('SECURE_AUTH_KEY', 'put your unique phrase here');
define('LOGGED_IN_KEY', 'put your unique phrase here');
define('NONCE_KEY', 'put your unique phrase here');
define('AUTH_SALT', 'put your unique phrase here');
define('SECURE_AUTH_SALT', 'put your unique phrase here');
define('LOGGED_IN_SALT', 'put your unique phrase here');
define('NONCE_SALT', 'put your unique phrase here');
其實只需要訪問一下地址 https://api.wordpress.org/secret-key/1.1/salt/ 拿到生成好的內容，替換掉相面的內容。
最終登錄后，切換到前台可以看到如下頁面
看一下我們項目的結構，項目結構如下
修改域名
之前使用了阿里雲的默認域名安裝的，但綁定好真實的域名之后發現，樣式全部亂掉了，打開chrome的檢查一看，發現很多資源還是從阿里雲默認的域（即安裝時的域名）名取的。就猜測應該是在那個地方存儲了這個域名，查了下資料，發現是存在數據庫中的，只需要執行如下3條SQL，即可修正。
UPDATE wp_options SET option_value = replace(option_value, 'http://舊域名', 'http://新域名') WHERE option_name = 'home' OR option_name ='siteurl' ;
UPDATE wp_posts SET post_content = replace(post_content, 'http://舊域名', 'http://新域名');
UPDATE wp_posts SET guid = replace(guid, 'http://舊域名' , 'http://新域名');
使用Composer管理項目
參考Using Composer with WordPress
不了解composer的可以查看Composer中文文檔
刪除多余的內容，只留下如下內容：
├── index.php
├── wp/
└── wp-config.php
然后初始化一下composer的配置，執行如下命令
composer init
最終初始化出來，修改過之后的composer.json內容如下
{
"name": "craryprimitiveman/wpblog",
"authors": [
{
"name": "Harry Sun",
"email": "sunguangjun@126.com"
}
],
"require": {
"php": ">=5.4",
"johnpbloch/wordpress": "4.2"
},
"extra": {
"wordpress-install-dir": "wp"
},
"repositories": {
"packagist": {
"type": "composer",
"url": "https://packagist.phpcomposer.com"
}
}
}
其中repositories的packagist配置是配置使用中國鏡像。
然后執行install命令
composer install
然后修改文件 index.php 和 wp-config.php
// index.php
/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );
// wp-config.php
/** Absolute path to the WordPress directory. */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/wp/');
安裝完畢之后，需要重新走安裝wordpress的步驟（刪除數據庫），其實應該可以是通過更新數據庫數據修改的，但我暫時沒找到，還不太熟悉Wordpress的數據庫，有知道的大神可以留言告知一聲。
主題安裝開發
我選擇了使用sage來開發主題，它是基於HTML5 Boilerplate, gulp, Bower 和 Bootstrap 來開發的。
首先初始化你的theme
composer create-project roots/sage wp/wp-content/themes/your-theme-name-here
如果composer比較慢的話，可以考慮將composer的中國鏡像配置到系統全局，命令如下
composer config -g repo.packagist composer https://packagist.phpcomposer.com
如果沒有使用composer，也可以使用如下命令
git clone https://github.com/roots/sage.git wp/wp-content/themes/your-theme-name-here
這個時候需要通過wp-cli激活你的主題，安裝wp-cli的命令如下
curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
chmod +x wp-cli.phar
sudo mv wp-cli.phar /usr/local/bin/wp
# 測試是否正常
wp --info
安裝好wp-cli后，使用如下命令激活你的主題
wp theme activate your-theme-name-here
查看頁面，可以看到如下頁面
好像是變丑了，哈哈哈
但是我們可以開始自己開發了。
需要做的准備，安裝gulp，bower等，命令如下：
npm install -g gulp bower
cd wp/wp-content/themes/your-theme-name-here
npm install
bower install
環境准備好之后就可以開始開發了，開發主題的文檔sage docs
開發完，記得執行gulp的命令
這篇博客就先到這里～～