RSS

從無到有,自己用Wordpress架網站:系統環境配置和安裝

我很習慣用wordpress的免費blog,但也從來沒自己架站。最近有架站的需求,就想來用我的Windows XP玩玩。雖然用Wordpress架站快速又簡單,安裝前,得先準備好環境。我想要自己試著學配置php, web server和MySQL,所以捨棄使用WAMP Server這種套裝好的軟體[1]。這次自己準備好的有以下:

  1. PHP
  2. 資料庫: MySQL
  3. Web Server: Apache (WordPress中文網站建議使用)

1.安裝

1-1. Apache

這次安裝的目的是實驗性質,所以Apache選擇的是Apache 2.2沒有ssl的版本(httpd-2.2.21-win32-x86-no_ssl.msi)。

下載後直接參照說明按步驟安裝。安裝完畢後用瀏覽器開啟http://127.0.0.1[2],看到It works! 就代表apache安裝成功啦!

Apache安裝成功後,可以看到it work的訊息

Apache安裝成功後,可以看到it work的訊息

1-2. PHP

我使用的php版本是PHP 5.3 – Thread Safe

先前沒注意,使用了舊版Non Thread Safe,要自己設置PHP和Apache,但不管怎麼調整配置都失敗,於是改用Thread Safe,總算簡單配置後就可以運作了。

安裝PHP時,直接選Apache,後續就簡單多摟

安裝PHP時,直接選Apache,後續就簡單多摟

1-3. MySQL

我用來測試的環境是Windows XP,原本下載最新版的MySQL 5.5,安裝完後開啟MySQL command line client會馬上自動關閉。所以改使用舊版MySQL 5.0

安裝MySQL完畢後,需要做的步驟有以下:

(1)新增Wordpress的資料庫;
CREATE DATABASE dbname;

(2)新增使用者和權限;
GRANT ALL PRIVILEGES ON dbname.* TO “dbuser”@”hostname” IDENTIFIED BY “yourpassword”;

(3) 重新整理,讓權限生效。
FLUSH PRIVILEGES;

MySQL新增資料庫及使用者

MySQL新增資料庫及使用者

2.配置Apache & PHP

完成安裝以後,要讓這軟體互通,所以開始進行配置。

我先做的是要先讓Apache開啟PHP的檔案,所以要讓Apache認識PHP。開啟ConfigurationFile來修改資料,於是找到Apache安裝的路徑是C:\Program Files\Apache Software Foundation\Apache2.2\conf,開啟httpd.conf

(1) LoadModule
找到LoadModule區段,加入 “LoadModule php5_module D:/AppServ/php/php5apache2_2.dll“。

Apache加入PHP的模組

Apache加入PHP的模組

(2) AddType
加入 “AddType application/x-httpd-php .php“。

AddType內加入PHP

AddType內加入PHP

(3) 修改 DirectoryIndex
修改為 “DirectoryIndex index.html index.htm index.php“。

Apache 把index.php也加入Directory Index

把index.php也加入Directory Index

(4) PHPIniDir
確認一下php.ini,尋找PHPIniDir “C:/PHP”。路徑沒錯就ok啦。

完成以上步驟,就可以來確認Apache是不是可以執行php檔案了。自己寫一個簡單的test.php檔,然後丟到Apache預設的網頁資料夾下(C:\Program Files\Apache Software Foundation\Apache2.2\htdocs)。用瀏覽器開啟http://127.0.0.1/test.php,看看是不是有出現php的訊息。

看到PHP的資料了,Apache和PHP配置成功!

看到PHP的資料了,Apache和PHP配置成功!

3. 安裝Wordpress

因為才剛裝好環境,不知道mySQL的會遇到哪些問題,所以我先安裝Wordpress。Apache內放網頁的default的資料夾是在C:/Program Files/Apache Group/Apache2/htdocs。把Wordpress下載解壓縮後放入即可。

把Wordpress放入Apache預設的網頁資料夾內

把Wordpress放入Apache預設的網頁資料夾htdocs內

開啟ConfigurationFile修改資料,開啟wp-config-sample.php (路徑:C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\wordpress)。將剛剛mySQL設定好時所設定的資料庫名稱、使用者和密碼的填入

把剛剛MySQL新建的資料填入

把剛剛MySQL新建的資料填入

修改過後,把wp-config-sample.php改名為wp-config.php。

依照Wordpress引以為傲的五分鐘安裝步驟來看,資料也上傳了,wp-config.php也改好了,應該可以run了,開啟install.php,瀏覽器輸入http://127.0.0.1/wordpress/wp-admin/install.php,馬上來看看吧。

嘿,網頁顯示錯誤訊息”Your PHP installationappears to be missing the MySQL extension which is required by WordPress”。看來PHP跟mySQL不認得對方。繼續調整。

4. 調整MySQL

(1) 修改PHP.ini文件。
a. 加入mySQL的extension。文件內找到”;extension=php_mysql.dll”,把前面的分号(;)刪除;
b. 確認”extension_dir”是不是指向正確的路徑,php_mysql.dll的檔案是放在c:\php\ext內,所以extension_dir要對應到c:\php\ext

(2) 查看Configuration File (php.ini) Path
剛剛test.php裡面,Configuration File (php.ini) Path是在C:\WINDOWS,把修改好的php.ini複製放入C:\WINDOWS。

Configuration File的路徑

Configuration File的路徑

(3) 更新過資料,打開Apache Monitor,重新啟動Apache。

(4) 再次開啟http://127.0.0.1/wordpress/wp-admin/install.php,看到另人開心的起始畫面,

wordpress安裝成功!

wordpress安裝成功!

成功摟!! ^^

參考網路資源
這次安裝,因為是自己配置Apache, PHP和MySQL,所以參考了很多網友的資料,其中對我比較有幫助的有以下幾個,我的設定方式則是擷取自己需要的部份而已。

備註
[1] WAMP Server是已經把Apache, PHP和MySQL這三套軟體都配置整合好的套裝server,下載安裝好以後,就可以直接安裝Wordpress,不需要自己手動配置。
[2] 也可以使用http://localhost/取代ip。

Advertisements
 
Leave a comment

Posted by on December 31, 2012 in Wordpress

 

VMware 相關…

瀏覽與本機共享的資料夾

檔案總管,輸入 \\.host,即可瀏覽資料夾。

呼叫VM工作管理員

Crtl + Alt + Insert

Print Screen

Crtl + Alt + PrtSc

這組print screen的功能鍵很方便,不用再另外開小畫家貼上,VM會很聰明的直接把copy的畫面放到桌面上,檔案名稱就是”VM主機的命名+截圖的時間“,例如我的機器命名為VM,檔案名稱就是如VM-2011-10-13-11-24-48.png。

 
Leave a comment

Posted by on October 12, 2011 in VM

 

MySQL 調整中文亂碼問題

查詢資料時,中文變成亂碼的話,於command中入下指令即可用big5瀏覽。

SET NAMES big5;

 
Leave a comment

Posted by on August 11, 2011 in MySQL

 

CSS 縮寫

善用CSS縮寫可以縮小檔案的大小。修改起來也方便。

顏色

顏色的縮寫是最基本且簡單的,顏色的HEX值為六碼,要簡寫的話2碼當一組,2碼只要有重複的話就可以縮寫為三碼。例如

HEX值(六碼)    簡寫(三碼)
白色         #FFFFFF         #FFF
紅色         #FF0000         #F00
黑色         #000000         #000
綠色         #00FF00         #0F0

邊框 BORDER

BORDER的屬性有寬度、樣式、顏色

.class {
border-width:1px;
border-type:solid;
border-color:#efefef;
}

邊框的縮寫依序為:width type color ( 寬度 -> 樣式 -> 顏色 )

.class { border:1px solid #efefef; }

距離 MARGIN, PADDING

不論是margin, padding,四個方向的距離也可縮寫,直接寫距離即可。

1. 四個方向距離完全一樣。

.class {
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
}

.class { margin:10px; }

2. 上下一樣、左右一樣,依序為:top/bottom right/left

.class {
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
margin-left:10px;
}

.class { margin:5px 10px; }

3. 上下不一樣、左右一樣,依序為:top right/left bottom

.class {
margin-top:5px;
margin-right:10px;
margin-bottom:20px;
margin-left:10px;
}

.class { margin:5px 10px 20px; }

4. 上下左右四個方向都不一樣,依序為:top right bottom left

.class {
margin-top:5px;
margin-right:10px;
margin-bottom:20px;
margin-left:15px;
}

.class { margin:5px 10px 20px 15px; }

文字 FONT

FONT的屬性有字體大小、粗細、樣式、字型、行高等。

.class{
font-size:12px;
font-family:”Lucida Grande”,Verdana,Arial;
font-variant:small-caps;
font-style:italic;
font-weight:bold;
line-height:150%;
}

文字的縮寫依序為:style variant weight size/line-height family ( 樣式 -> 變化 -> 粗細 -> 大小/行高 -> 字型 )

.class { font:italic small-caps bold 12px/150% “Lucida Grande”,Verdana,Arial; }

背景 BACKGROUND

BACKGROUND的屬性有顏色、圖片、、樣式、字型、行高等。

.class {
background-attachment:fixed;
background-color:#666;
background-image:url(images/img.png);
background-position:0 0;
background-repeat:no-repeat;
}

背景的縮寫依序為:color image repeat attachment position (顏色 -> 圖片 -> 重複 -> 固定/隨捲軸滾動 -> 位置)

.class {background:#666 url(images/img.png) 0 0 no-repeat fixed};

 
Leave a comment

Posted by on July 5, 2011 in CSS

 

MySQL Command: Dump

mysqldump -uroot -p -R –triggers  -r /home/filename DatabaseName
mysqldump -uroot -p databaseName > C:\filename-20110628.sql

 
1 Comment

Posted by on June 27, 2011 in MySQL

 

Linux Commands

變更檔名

mv a a1

把a變成a1

複製檔案

cp /home/a /Lucy/a

把/home下方的a檔案複製到/Lucy內

看檔案的資料

sudo more home/tools/apps/readme

看home/tools/apps內,readme這個檔案

 
Leave a comment

Posted by on June 20, 2011 in Linux

 

完整移除 MySQL

1. 先將mysql停止。停止後開啟cmd。

2. 切換到Mysql資料夾下的bin路徑 (假如mysql安裝於C:\下面)。
cd C:\MYSQLSERVER\bin

3. 執行移除指令。
mysqld –remove

4. 顯示成功移除。

完整移除 MySQL

5. 將C:\底下的MYSQLSERVER資料夾shift+delete砍掉。

6. Restart 電腦(不一定要做,個人習慣)。

 
Leave a comment

Posted by on June 20, 2011 in MySQL