使用WordPress搭建本身的博客

忽然間發現本身在阿里上有一個免費的虛擬雲空間，好像是何時阿里雲搞活動贈送的。看了看還有很多時間，就決定本身搭建一個博客系統。說到搭建本身的博客，第一時間就想到WordPress，這個用起來應該是最方便的。

搭建博客

搭建比較容易，首先下載 WordPress 相應的版本，我這邊用的是最新版本4.5.2。

而後訪問相應的頁面，按照提示一步步作下去就能夠了。安裝教程

下面說一些遇到的問題：

1. 當我去建立 wp-config.php 時，系統一直報 500 的錯誤。

   將 wp-config-sample.php 重命名爲 wp-config.php，修改其中的參數如：DB_NAME DB_USER DB_PASSWORD DB_HOST  等，注意這個時候數據庫應該已經建立好了。

2. 出錯了，但沒有錯誤信息

   將 wp-config.php 中的 define('WP_DEBUG', false); 改成 true

3. 安全相關

   爲了安全須要修改 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的命令

這篇博客就先到這裏～～