[分享] 用 MAMP 在 Mac 上架站(wordpress)

最新的 Wordpress 2.8 已經發佈了一週了
試用的感覺還挺不錯的
在這推薦給大家

另外針對不想花錢租用虛擬主機或是懶得上網尋找免費的空間網友們
在此簡單的做個 "在 Mac 上架設 Wordpress" 的教學^^

要在 Mac 上架設個網站還蠻容易的。
因為 Mac OS X 已經內建了 Apache 伺服器和 PHP 程式的執行環境,基本上只要再去下載免費又好用的 MySQL 資料庫程式就好了。
但是設定有點麻煩,所以我們可以另外考慮使用 MAMP 或 XAMPP,這裡我用 MAMP PRO 做示範。

step 1 :下載並安裝 MAMP

直接到 MAMP 的官網下載最新的 MAMP
安裝 MAMP 當然就跟安裝其他的 Mac 程式一樣,拉到應用程式裡就行了。
但是要注意的是,也只能把 MAMP 放在應用程式的檔案夾裡,放在其他地方是沒辦法順利執行程式的。
若是使用 MAMP PRO,還是得把 MAMP 拉進去,因為 PRO 版是附在基本版上而使用的。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

在設定 MAMP 之前必須先注意。 MAMP 會跟 Mac OS X 內建的 Apache 伺服器衝到,所以在使用前必須確定內建的 Apache 是關閉的。
要確定很簡單,就是在 系統偏好設定 \ 共享 \ 網頁共享 別打勾就行了。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

打開 MAMP PRO 後,必須先做一件最重要的事,就是 修改 MySQL root password
MAMP 幫我們預設的密碼是 root,超危險,有設跟沒設是一樣的。所以我們的第一步就是更改密碼。
更改的方式也很簡單,按下MAMP PRO 程式介面上的 Change MySQL root password ,輸入自己的密碼,然後在確認一次就可以了。沒啥技巧,卻超重要。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

點選 MAMP PRO 程式介面上的 WebStart 鈕,瀏覽器會打開 MAMP 的網頁。MAMP 將各種的 web 應用程式整合在這個頁面。我們可以在這裡找到許多的訊息並做各式的設定,我們點進去瞧瞧。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

這個 Start 頁面說我們成功的安裝好 MAMP 了。
而 phpinfo 頁面是系統的概述,雖然資訊很有用,但我們看不懂,所以不理它,噗~
我們真正會用到是 phpMyAdmin 這個線上管理頁面。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

點選 MAMP PRO 程式介面上的 Hosts 鈕,會發現一組已經設定好的 localhost。
localhost 是我們自己電腦的虛擬網域,主要是做測試用的,是無法對開放的。所以我們必須增加一組新的 Host,才能讓網路上的朋友連接上我們架設的網頁。
按左下角的加號以新增 host。在 Server Name 的地方輸入你的固定IP。要是跟我一樣沒有固定IP的話,可以使用網路上的 no-ip 服務,然後輸入 no-ip 給我們的 Hostname 即可。
而 Disk location 是我們存放網頁資料的地方,我選擇放在跟 localhost 相同的位置。
都設定完成後,記得按下右下角的 Apply。
[分享] 用 MAMP 在 Mac 上架站(wordpress)


step 2 : 創建資料庫

點選 MAMP 網頁的 phpMyAdmin,或是點選 MAMP PRO 程式,Server 介面的 Launch phpMyAdmin 鈕也可以進入此頁面。若是頁面為英文,可以在右邊的 Language 處改成中文。
很重要的一點是,網址裡的 Localhost 必須更改成你的固定IP 或是 no-ip 給我們的 Hostname。這樣才能夠把資料庫正確的建立在可對外網域的主機上。
然後在建立新資料庫的欄位裡,替自己的資料庫取個喜歡的名字。這個名字必須為英文,為了好記,我就取 wordpress。取完名,按 "建立" 紐就完成了。
[分享] 用 MAMP 在 Mac 上架站(wordpress)



step 3 :下載並中文化 Wordpress

到 Wordpress 台灣官網的 下載頁面,將 Wordpress 主程式正體中文語系檔 一併下載回來
[分享] 用 MAMP 在 Mac 上架站(wordpress)

雖說已經有中文的語系檔了,但是中文化的方式跟把一般 Mac 的程式做中文化略有不同。
首先將剛剛下載回來的正體中文語系檔改名為 languages ,然後把整個檔案夾拉到 Wordpress 檔案夾裡的 wp-content 檔案夾裡。(這樣僅中文化一半)
[分享] 用 MAMP 在 Mac 上架站(wordpress)

step 4 :設定 Wordpress

把整個 Wordpress 檔案夾拉進我們剛剛在 Disk location 所設定的位置,也就是 Applications \ MAMP \ htdocs
打開 Wordpress 檔案夾,將一個名為 wp-config-sample.php 的檔案,改名成 wp-config.php。

接下來要修改這個 wp-config.php 檔。
內建的文字編輯程式是可以對它做編輯的動作,但很容易弄錯,所以不建議。
SmultronCoda 還有 Espresso 都是不錯的工具。其中 Smultron 小巧好用免費且又是中文介面,我們就用它吧。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

用 Smultron 打開 wp-config.php
先來到第 19 行,
將 putyourdbnamehere 改成資料庫的名稱,也就是 wordpress ;
將 usernamehere 改成 root ;
將 yourpasswordhere 改成你的密碼
[分享] 用 MAMP 在 Mac 上架站(wordpress)

再來看到第67行,
在兩個逗號之間加上 zh_TW (這樣才算是完成中文化)。
[分享] 用 MAMP 在 Mac 上架站(wordpress)
[tenotfe 註] 使用文字編輯程式來做修改動作的朋友要特別注意,修改時千萬別動到檔案既有的格式,否則很容易出錯。尤其是使用複製貼上的功能,文字的格式幾乎都會跑掉。最好的方式就是自己一個字一個字慢慢 key,反正要改的地方也不多。


step 5 :安裝 Wordpress

設定的部份都已經完成了,再來就是驗收成果的愉快時刻了。
用瀏覽器打開網址 http://localhost:8888/wordpress
當然這裡裡的 localhost 要換成你的固定IP或是 no-ip 給我們的 Hostname。若是上面所有的動作都沒做錯的話,就會出現 Wordpresws 的中文安裝頁面。輸入網誌標題跟電子郵件後,按下安裝 Wordpress 。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

接下來別按太快,記下 Wordpress 給我們的密碼,然後才按登入。
再一次於帳號處輸入 admin ,密碼輸入剛剛的那組密碼,進入管理後台。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

Wordpress 給的密碼真的很不得我心,所以我們在管理後台裡做更改。點選左邊的工具列的帳號,滑鼠移到帳號下會出現編輯的字樣,點下去就可以做更改了。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

總覺得登入的帳號是 admin 不太合我胃口,就好像是在用別人的帳號一樣。很想把它改成自己喜歡的帳號名稱。要改是可以,但還挺麻煩的。首先進入 phpMyAdmin 管理頁面,點選左邊我們自己設立的資料庫 wordpress。滑鼠移到 wp_users 右邊第一個小圖示,會出現瀏覽的字樣,點進去。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

在把滑鼠移到鉛筆的小圖示上,會出現編輯的字樣,點進去。
[分享] 用 MAMP 在 Mac 上架站(wordpress)

把 user_login 欄位的 admin 改成自己喜歡的帳號後,點右下角的 "執行"鈕。大功告成!酷~
[分享] 用 MAMP 在 Mac 上架站(wordpress)

我又覺得 no-ip 給的 Hostname 不好記,網址還要打上 port 很不好看,所以又去 TWBBS.org 自由網域 申請的好記又好看的二級網域。

最後身為 Mac 的愛好者,怎麼可以錯過這個超有 Mac style 的 i2Theme 佈景主題 呢!
一切都 OK 啦!
Have fun and enjoy !
[分享] 用 MAMP 在 Mac 上架站(wordpress)

[tenotfe 註] 因為我是直接將舊版的 Wordpress 做升級動作,而非跟著上面的教學,所以有些截圖是較舊的,但沒差很多,也懶得改了==
另外在 MacUknow 網站上有較為詳細的教學,在教學文的末端有放置 PDF 檔提供下載,真方便^^
2009-06-18 18:22 發佈
那個 PRO有什麼差別啊?
我用 MAMP 卻發生無法啟動主機的問題耶

所以我就不在電腦裡架設測試了
lavottrip.life 芬導的部落旅遊生活
ryouichi wrote:
那個 PRO有什麼差...(恕刪)

似乎 pro 才能設定讓外部連接的 Host
而 MAMP 僅能使用 localhost,所以主要是以測試網頁為為主
.
.
.
.
.
MacUknow 的教學文裡,有偷偷放上 PRO 的序... 咳~
你說得也太明顯了吧~,那序…咳…咳~

其實習慣使用 Unix-Like System之後
也不會用MAMP來跑HTTP說
我都嘛用 ManualAMP(只是一樣會出錯)
lavottrip.life 芬導的部落旅遊生活
ryouichi wrote:
你說得也太明顯了吧~,那序…咳…咳~


喔喔!
其實我也覺得有點太誇張了,
還是去把它刪掉會好一點呢?
太實用了!!!雖然約略看了一下文章內容 對我來說好像過於艱澀...但確實是我需要的東西呀!!
非常感謝
大熊5443 wrote:
太實用了!!!雖然約...(恕刪)

呵呵,其實說艱澀也還好,太難的東西我也寫不出來呀
內容已經盡量的簡單化了
要是有哪里遇到問題,再問我吧,
我會盡快的答覆,並修正或補充教學文的內容,以幫助更多需要的人^^
謝謝喔~
抱歉唷~問問威~我裝了MAMP PRO後

出現etc/hosts無法寫入的錯誤,

請問要設定哪些咧~

先謝謝大家的幫忙~
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?