阿榮隨筆

2009年5月20日

部落格免申請

WordPress簡稱為WP，從2003年出現之後就逐漸受到歡迎，在部落格大放異彩的如今，回顧從1999年開始快速發展的部落格，鼎鼎大名的WordPress雖然多用戶版本的上線較其他部落格平台（BSP）來得晚，但卻是深受獨立架站者所喜愛的自由軟體，其介面也相當清爽、美觀。然而，如果不想看人臉色、不想申請被綁手綁腳的免費部落格，想要展現自己的架站能力嗎？WordPress是一套相當不錯的部落格架站選擇喔！請看VCR！

＠Note：
1.有關WordPress的資訊，可查閱：
http://zh.wikipedia.org/w/index.php?title=WordPress&variant=zh-hant
2. 維基百科–部落格歷史：
http://zh.wikipedia.org/w/index.php?title=%E9%83%A8%E8%90%BD%E6%A0%BC&variant=zh-tw

WordPress小檔案

》主要作者：Ryan Boren、Matthew Mullenweg
》作者網頁：http://wordpress.org/
》授權類型：免費軟體
》軟體下載：http://azo-freeware.blogspot.com/2008/03/wordpress-25.html

前置作業

1
首先執行阿榮福利包解壓縮到隨身碟後的「PStart.exe」以開啟軟體選單，再以滑鼠左鍵點兩下執行「WordPress部落格程式」。

＠圖server_40.png

2
因為筆者是使用7-Zip來壓縮，所以接下來會出現7-Zip的自我解壓縮視窗，先按一下「…」按鈕，以選擇要解壓縮的路徑。

＠圖server_41.png

3
出現「瀏覽資料夾」視窗後，點一下「桌面」，再按下〔確定〕按鈕。

＠圖server_42.png

4
選擇完解壓縮路徑之後，按下〔Extract〕按鈕，就可以將檔案解壓縮到桌面。

＠圖server_43.png

5
解壓縮之後在桌面會出現一個名為「WordPress」的資料夾，請開啟該資料夾。

＠圖server_44.png

6
開啟資料夾之後，點選裡面的「WordPress」資料夾後，再按【編輯】→【複製】，將資料夾複製。

＠圖server_45.png

7
資料夾複製之後，用檔案總管開啟「C:\AppServ\www」資料夾，在空白處按滑鼠右鍵，於彈出的選單中點選「貼上」，以將「WordPress」資料夾貼上。

＠圖server_46.png

＠圖server_47.png

8
將「WordPress」資料夾貼上之後，請開啟IE瀏覽器，於網址列中輸入「http://localhost/phpmyadmin/」後按下「Enter」鍵，於彈出的「連線到localhost」視窗中輸入下列資料後，勾選「記憶我的密碼」，再按〔確定〕按鈕：

使用者名稱：root
密碼：123456

＠Note：這個步驟我們是要用先前所安裝好的Appserv中的phpMyAdmin資料庫管裡程式，來新增一個空白資料庫給WordPress使用。

＠圖server_48.png

9
登入之後，請在建立新資料庫下面的欄位輸入「wp」後，按下〔建立〕按鈕來建立資料庫。

＠圖server_49.png

10
看到「資料庫wp已經建立」的訊息之後，就可以先將瀏覽器關閉。

＠圖server_50.png

11
資料庫建立完成之後，開啟「C:\AppServ\www\WordPress」資料夾，點選「wp-config-sample.php」。

＠圖server_51.png

12
點選檔案後，再到下拉式選單【檔案】→【開啟檔案】→【Notepad】開啟該檔案。

＠Note：若【開啟檔案】裡沒有【Notepad】，請改選【選擇程式】來開啟Notepad。

＠圖server_52.png

13
以Notepad開啟後，有三個地方需要修改為下列設定：

define('DB_NAME', 'wp');

define('DB_USER', 'root');

define('DB_PASSWORD', '123456');

＠Note：這個步驟是讓WordPress可以連上剛剛所建立的wp資料庫。

修改前：

＠圖server_53.png

修改後：

＠圖server_54.png

14
修改完之後，請使用下拉式選單【檔案】→【另存新檔】，接下來我們會將檔案重新命名後儲存。

＠圖server_55.png

15
選取【另存新檔】後，請將檔名由「wp-config-sample.php」更改為「wp-config.php」，存檔類型選擇「所有檔案」後按〔儲存〕。

＠圖server_56.png

部落格安裝

16
前面的動作都是為了建立資料庫的連線，接下來進行的是網頁模式的部落格安裝，開啟IE瀏覽器於網址列輸入「http://localhost/wordpress/wp-admin/install.php」後便會出現安裝畫面，Blog Title（部落格名稱）輸入「Hello World」、Your E-mail（你的信箱）輸入「my@my.com」後，按下〔Install WordPress〕按鈕開始安裝。

＠Note：這邊所輸入的名稱跟信箱只是為了教學方便而舉例說明。

＠圖server_57.png

17
不會吧！？就在一瞬間，已經裝好了？沒錯如果你要用英文版就好，到這邊就大概可以收工了！不過，中國人還是比較喜歡中文啦！先別急著登入，接下來我們還要進行中文化的工作，請你務必先把Username（使用者）跟Password（密碼）儲存起來，這是將來要登入管理介面的帳號密碼。

＠圖server_58.png

18
中文化的第一步，先到「C:\AppServ\www\WordPress\wp-content」資料夾底下新增一個名為「languages」的資料夾。

＠圖server_59.png

19
到桌面上的「WordPress\中文語系檔」資料夾中把zh_TW.mo複製到剛剛新增的「C:\AppServ\www\WordPress\wp-content\ languages」資料夾。

＠Note：中文語系來源：http://kirin.lin.googlepages.com/

＠圖server_60.png

20
再開啟之前曾經編輯過的檔案「C:\AppServ\www\WordPress\wp-config.php」。

＠圖server_61.png

21
修改下列部份設定值後儲存：

define('DB_COLLATE', 'utf8_general_ci');

＠圖server_62.png

define ('WPLANG', 'zh_TW');

＠圖server_63.png

22
完成以上中文化動作之後，開啟瀏覽器於網址列輸入「http://localhost/wordpress/wp-admin/」，會自動轉向到登入頁面，請使用安裝完成使所產生的帳號密碼進入管理介面。

＠圖server_64.png

23
管理介面已經變成中文了！再按一下〔造訪網站〕的按鈕。

＠圖server_65.png

24
恭喜你！傳說中的WordPress個人專屬部落格從你手中誕生了！

＠圖server_66.png

＠Note：
部落格的網址是「http://localhost/wordpress/」，把localhost的部份改成自己的IP，就可以經由外部連到你自己架設的論壇。

一小時架站術–阿榮福利包

頁次及標題：

[1] 前言
[2] 瞬間搞定伺服器
[3] 論壇從天而降
[4] 部落格免申請
[5] 無料專屬網址

版權所有：阿榮本文刊登於：Download網路密技王No.4

無料專屬網址

當你在家裡架設好了論壇、部落格，你必須告訴別人你的IP才能夠讓外部的使用者連進來，如果你不是使用固定IP那怎麼辦？重新撥接之後IP變了！那怎麼玩？再通知大家你的IP又換了？其實，你可以申請像No-IP這類的免費網域名稱，再搭配IP自動回報程式，就可以在你的IP變更時自動通知No-IP的伺服器，讓使用者永遠可以用網域名稱連進來，馬上就來看看如何實做吧！

No-IP Dynamic DNS Update Client小檔案

》程式撰寫：Vitalwerks Internet Solutions, LLC.
》作者網頁：http://www.no-ip.com/
》授權類型：免費軟體
》軟體下載：http://www.no-ip.com/downloads.php

網址申請

1
請開啟IE瀏覽器，於網址列輸入「http://www.no-ip.com/」後按下「Enter」鍵，再按一下「Sign-up Now!」這個超連結來註冊一個帳號。

＠圖server_67.png

2
接下來就要你填一些帳號資訊，Email（信箱）、Password（密碼）、Confirm password（再次輸入密碼）、First name（名）、Last name（姓）、How did you hear about us?（從哪知道我們的？隨便選一個）、Zip/Postal Code（郵遞區號）、Security question（安全問題–可以隨便選一個）、Your answer（答案–可以隨便輸入）、Birthday（生日–月日年）全部都是必填欄位。

＠圖server_68.png

3
填完以上資料後，將視窗向下捲動，在「Verify Your Registration」下方有一張內含英文字母及數字夾雜的圖，請自行辨識後在「Enter the code shown」後方的欄位輸入，再按〔I Accept Create my Account〕按鈕。

＠圖server_69.png

4
看到「Confirmation email is on its way!」的訊息就表示確認信已經送出。

＠圖server_70.png

5
到信箱中檢查有沒有收到確認信，收到後請開啟該郵件。

＠圖server_71.png

6
開啟郵件後，按下信件中的確認連結，以啟用帳號。

＠圖server_72.png

7
按下確認連結之後，看到「Account Confirmed!」就表示確認成功，請於左上方輸入信箱及密碼後，按〔Login〕按鈕登入。

＠圖server_73.png

8
登入No-IP的網頁之後，請按左方的「Add」來新增一個專屬的網域名稱。

＠圖server_74.png

9
進入新增網域名稱的功能之後，在「Hostname」後面的空白欄位填入你喜歡的名稱，並於下面的下拉式選單選取網址的後半段名稱，筆者以「azolab.no-ip.org」為範例。

＠圖server_75.png

10
選擇完整的網域名稱之後，將視窗向下捲動，並按下〔Create Host〕按鈕來建立網域名稱。

＠圖server_76.png

11
網域名稱建立成功！出現「The host azolab.no-ip.org resolving to 118.166.114.44 has successfully been added to our system.」的訊息。

＠網址申請成功之後約5分鐘可以生效，如果網址已經有人申請，會出現錯誤訊息，表示得再重新選擇新的網域名稱。

＠圖server_77.png

軟體安裝

申請完專屬網址之後，最重要的就是要安裝No-IP的IP自動回報軟體–Dynamic DNS Update Client，這樣一來，網站的訪客才能夠永遠使用azolab.no-ip.org這個網址連線。

12
執行阿榮福利包解壓縮到隨身碟後的「PStart.exe」以開啟軟體選單，再以滑鼠左鍵點兩下執行「No-IP 動態域名」。

＠圖server_78.png

13
按下選單裡的項目之後，便會開始安裝IP回報軟體，請按〔Next〕按鈕進行下一步。

＠圖server_79.png

14
接下來的視窗是程式即將安裝的路徑，以及可以勾選安裝完畢後所要執行的動作，筆者比較不習慣軟體安裝後自動開啟一些有的沒有的，所以將「View Readme」、「View Changes」這兩個顯示讀我檔跟更新內容的選項取消勾選，請按〔Next〕按鈕進行下一步。

＠圖server_80.png

15
很快的就安裝成功了！按下〔Finish〕按鈕之後就會自動開啟安裝好的程式。

＠圖server_81.png

16
程式啟動前會出現濺潑畫面，筆者習慣於勾選左下方的「Do not display splash screen」，讓下次啟動的時候不會再出現這種多餘的畫面。

＠圖server_82.png

17
第一次進入程式之前要先以在No-IP註冊的信箱跟密碼來登入，輸入完畢之後，按下〔Ok〕按鈕。

＠圖server_83.png

18
進入程式之後，就可以看到我們在No-IP網站所申請的網域名稱，以筆者的範例，在「azolab.no-ip.org」前的核取方塊打勾後，就已經設定完成電腦跟網址的對應設定，IP也已自動回報給No-IP的伺服器。

＠圖server_84.png

19
為了讓電腦重開後自動執行No-IP回報程式，還要更改一下設定，按下〔Options〕按鈕進入選項設定。

＠圖server_85.png

20
進入選項畫面之後，勾選「Run on startup」以讓程式於開機時自動執行，勾選之後按下〔Ok〕按鈕回到主程式。

＠圖server_86.png

21
軟體已經安裝完成，回到主程式後就可以按右上角的「X」將視窗關閉，而程式會常駐於工作列。

＠圖server_87.png

成果驗收

22
開啟IE瀏覽器，於網址列輸入論壇的新網址「http://azolab.no-ip.org/discuz/」，連線正常！

＠Note：有些防毒軟體（如：小紅傘）會影響網域名稱的連線，請移除或暫時關閉。

＠圖server_88.png

23
接下來要驗收部落格，由於這裡要先修改一下部落格的設定，所以請於IE輸入網址「http://localhost/wordpress/wp-admin/options-general.php」之後，將兩個（URL）的網址欄位由「http://localhost/wordpress/」更改為「http://azolab.no-ip.org/wordpress」。

＠圖server_89.png