本篇要解決的問題
雖然身為前端,但有時就是會遇到一些後端的事。最近被派了一個任務,要去了解當拿到一台 VM,怎麼樣自行安裝 Ubuntu,接著又要怎麼樣安裝好 WordPress?
這篇就是痛苦了好幾天,不斷地爬文、失敗後,最後在 VirtualBox 上成功安裝好 WordPress 的血淚筆記。
由於 August 真的對主機什麼的不熟,因此這篇比較像是很多厲害的教學文合輯,中間補上實作時遇到教學文沒講的,只好另行東摸西摸或網上找到解答的部份。
其實,也是怕有一天這些美好的教學文哪天連結失效就槽糕了,所以趁現在還記憶猶新,趕緊把所有經過的步驟、流程,用自己的方式筆記下來。
這邊先列出這些厲害的教學文,感謝前輩們不斷的努力,讓工程師後輩們不用瞎子摸象。
VirtualBox 安裝 Ubuntu 20.04:
VirtualBox 虛擬機器安裝 Ubuntu Desktop 設定與使用教學
Ubuntu 安裝 Webmin:
如何在Ubuntu 20.04 上安裝Webmin
Webmin 裝 LAMP,進而安裝 WordPress:
使用Webmin架設WordPress網站
VirtualBox 上,Ubuntu 如何設定 host:
VirtualBox: How to access virtual host on VM from host?
真心對上面幾篇教學文覺得感謝。
安裝整體流程
因為整體流程是文 + 圖,整個文章寫在一篇會拉太長,因此預計分成三篇。
以下連結可以直接連到各段落。
一
二
三
- Apache HTTP Server 創建虛擬主機
- MySQL 建立資料庫、使用者,設定權限
- 安裝 php,重啟 Apache HTTP Server
- 下載 WordPress 原始檔,放進資料夾,更新權限
- 輸入網址安裝 WordPress
安裝 VirtualBox
進到 Oracle VM VirtualBox 的官網,點擊畫面中大大的 Download 按鈕,就會下載安裝檔。

下載完後點擊安裝檔進行安裝即可。
安裝完後打開來,會看到使用介面:

實際上左側會是空的,不會像上圖出現「WordPress」、「WordPress2」這些,這是 August 在練習時建的。
安裝 Ubuntu 20.04
安裝
首先我們要先下載 Ubuntu 20.04 的映像檔:Ubuntu 20.04.1 LTS (Focal Fossa)
在選擇下載檔案的部份,選擇「Desktop image」:

檔案大小是 2.79 GB,會需要下載一陣子。
下載好後,打開 VirtualBox,點擊「新增」:

接著是填寫名稱跟選作業系統,類型選「Linux」,版本選「Ubuntu(64-bit)」:

選記憶體大小,Ubuntu 下載頁寫說至少需要 1 GB,這邊就看各自想要分配多少到這個虛擬機上:

接下來的選項雖然都寫中文,但不太懂意思,就都一直按藍色的按鈕就對了(哎呀這麼 Free Style)。




新增完成後,VirtualBox 的使用介面就會新增一筆:

對它點二下,會要選擇從哪個映像檔案裝作業系統:

如果看到的不像上一張截圖已經選好了「ubuntu-20.02……」,就點右邊資料夾的 icon,會再出現一個小視窗,點擊小視窗左上角的「Add」:

點擊完後,再找到剛剛下載的 Ubuntu 映像檔就可以,它就會出現在清單上:

確定好選到 ubuntu-20.04.1….. 那項,按下「Choose」,最後再按下「Start」,就會看到虛擬機正在安裝:

一開始這個視窗是很小的,這等整個 Ubuntu 安裝完後才能調整,現階段可以先按頂部導覽列的「View > Virtual Screen 1」,然後選擇大一點的大小:

一開始的黑屏跑一下後,會出現安裝選項,首先是選語系,左側往下拉就會看到「中文(繁體)」,選擇後介面就會變中文,接著點擊「安裝 Ubuntu」:

下一個是選擇鍵盤排列方式,因為 August 是用嘸蝦米的,都是在打英文,因此就選了「English(US)」:

按下「繼續」後,下一個是選擇更新跟其它選項的部份,因為是單純了解怎麼在 Ubuntu 上裝 WordPress,這邊是選擇「最小安裝」,第三方軟體則是打勾:

下一步是一個警告,因為是全新安裝,所以可以選「清除磁碟並安裝 Ubuntu」:

點了「立刻安裝」會再出現一個警告,就按「繼續」:

原本以為終於要開始跑安裝程式,可以去泡杯咖啡的,結果沒有,下一步是要確認時區:

時區確認完後,要輸入登入的帳密:

登入的那個選項可以選擇「自動登入」,都填寫完成,再按下「繼續」就真的開始跑安裝程式了:

安裝要一點時間,大家可以趁這時間去泡個咖啡。
幾分鐘後,安裝完成,會顯示需要重新開機:

重開機時會看見一段訊息,這是指拿出安裝用的媒體,但因為我們是用虛擬機的,就直接按下「ENTER」鍵:

重開機完後,會出現一連串的選項,這些可以無腦地按略過、下一步:





更新
然後,會出現一個需要更新的訊息,按下「立即安裝」:

就會開始跑更新:

更新也需要一點時間,如果不怕喝太多咖啡會手抖,可以再泡一杯 XD~
安裝完更新後,沒錯,又要再重新啟動:

可以全螢幕
重新啟動完後,我們看到的整個畫面還是這樣:

我們總不能在這小小的視窗下過一輩子,按下頂部導覽列的「Devices > Insert Guest Additions CD image…」:

會出現一個提示視窗,別怕,按下「執行」:

會需要先輸入密碼:

核對完身分便會開始安裝:

安裝完後我們重新開機,重開完後,確認導覽列的「Auto-resize Guest Display」有打勾:

接著讓這個虛擬機的視窗拉到滿版大小就行了,如果沒有的話,按下「Full-screen Mode」也行。
最後我們按下左側選單的光碟 icon 或是資料夾的 icon,把剛剛 insert 進來的虛擬光碟給卸載,整個 Ubuntu 就安裝完成。

可以複製貼上
還有一個很重要的設定,是讓本機跟虛擬機之間可以有「複製、貼上」的功能,這很重要,不然後面開始要下命令列時,不能複製貼上,August 會一邊寫一邊哭,你們也會一邊看一邊哭。
回到 VirtualBox,對我們的虛擬機點右鍵,按「設定」:

接著點選頁籤的「進階」:

最後,確認「共用剪貼簿」、「拖放」這二個都改成「雙向」,就可以了:

以上,就是在 VirtualBox 上安裝 Ubuntu 20.04 的圖文並茂說明。


您好,我認為您寫的內容都超級受用!非常謝謝您
想請教這兩個安裝好 主要是在做什麼的?