Ubuntu 安裝 WordPress – 1:VirtualBox、Ubuntu 20.04

/

本篇要解決的問題

雖然身為前端,但有時就是會遇到一些後端的事。最近被派了一個任務,要去了解當拿到一台 VM,怎麼樣自行安裝 Ubuntu,接著又要怎麼樣安裝好 WordPress?

這篇就是痛苦了好幾天,不斷地爬文、失敗後,最後在 VirtualBox 上成功安裝好 WordPress 的血淚筆記。

由於 Augustus 真的對主機什麼的不熟,因此這篇比較像是很多厲害的教學文合輯,中間補上實作時遇到教學文沒講的,只好另行東摸西摸或網上找到解答的部份。

其實,也是怕有一天這些美好的教學文哪天連結失效就槽糕了,所以趁現在還記憶猶新,趕緊把所有經過的步驟、流程,用自己的方式筆記下來。

這邊先列出這些厲害的教學文,感謝前輩們不斷的努力,讓工程師後輩們不用瞎子摸象。

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?

真心對上面幾篇教學文覺得感謝。


安裝整體流程

因為整體流程是文 + 圖,整個文章寫在一篇會拉太長,因此預計分成三篇。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

以下連結可以直接連到各段落。

  1. 安裝 VirtualBox
  2. 安裝 Ubuntu 20.04

  1. 安裝 Webmin
  2. 用 Webmin 安裝 Apache HTTP Server、MySQL
  3. 設定 Hosts

  1. Apache HTTP Server 創建虛擬主機
  2. MySQL 建立資料庫、使用者,設定權限
  3. 安裝 php,重啟 Apache HTTP Server
  4. 下載 WordPress 原始檔,放進資料夾,更新權限
  5. 輸入網址安裝 WordPress

安裝 VirtualBox

進到 Oracle VM VirtualBox 的官網,點擊畫面中大大的 Download 按鈕,就會下載安裝檔。

VirtualBox 的下載按鈕真的大到有誇張
VirtualBox 的下載按鈕真的大到有誇張

下載完後點擊安裝檔進行安裝即可。

安裝完後打開來,會看到使用介面:

VirtualBox 使用介面
VirtualBox 使用介面

實際上左側會是空的,不會像上圖出現「WordPress」、「WordPress2」這些,這是 Augustus 在練習時建的。


安裝 Ubuntu 20.04

安裝

首先我們要先下載 Ubuntu 20.04 的映像檔:Ubuntu 20.04.1 LTS (Focal Fossa)

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

在選擇下載檔案的部份,選擇「Desktop image」:

選擇 Desktop image
選擇 Desktop image

檔案大小是 2.79 GB,會需要下載一陣子。

下載好後,打開 VirtualBox,點擊「新增」:

點擊 新增
點擊 新增

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

填寫名稱跟選作業系統
填寫名稱跟選作業系統

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

選擇記憶體大小
選擇記憶體大小

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

立即建立虛擬機
立即建立虛擬機
VDI
VDI
動態分配
動態分配
選擇檔案存放位置及虛擬硬碟大小
選擇檔案存放位置及虛擬硬碟大小

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

新增成功
新增成功

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

選擇安裝的來源映像檔
選擇安裝的來源映像檔

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

點擊 Add
點擊 Add

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

Ubuntu 出現在清單上
Ubuntu 出現在清單上

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

ubuntu 安裝中
ubuntu 安裝中

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

View > Virtual Screen 1 調整大小
View > Virtual Screen 1 調整大小

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

選語系,點擊安裝
選語系,點擊安裝

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

選擇鍵盤排列方式
選擇鍵盤排列方式

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

更新跟其它選項
更新跟其它選項

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

安裝類型
安裝類型

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

按繼續
按繼續

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

確認時區
確認時區

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

輸入使用者資訊
輸入使用者資訊

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

開始安裝啦~
開始安裝啦~

安裝要一點時間,大家可以趁這時間去泡個咖啡。

幾分鐘後,安裝完成,會顯示需要重新開機:

按下 立刻重新啟動
按下 立刻重新啟動

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

直接按下 ENTER
直接按下 ENTER

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

可以按略過
可以按略過
按下一步
按下一步
可以讓它更美好 || 不
可以讓它更美好 || 不
按下一步
按下一步
按完成
按完成

更新

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

按下 立即安裝
按下 立即安裝

就會開始跑更新:

更新中
更新中

更新也需要一點時間,如果不怕喝太多咖啡會手抖,可以再泡一杯 XD~

安裝完更新後,沒錯,又要再重新啟動:

按下 立即重新啟動
按下 立即重新啟動

可以全螢幕

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

沒有滿版
沒有滿版

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

Devices > Insert Guest Additions CD image...
Devices > Insert Guest Additions CD image…

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

按下執行
按下執行

會需要先輸入密碼:

輸入密碼
輸入密碼

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

開始安裝
開始安裝

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

Auto-resize Guest Display 有打勾
Auto-resize Guest Display 有打勾

接著讓這個虛擬機的視窗拉到滿版大小就行了,如果沒有的話,按下「Full-screen Mode」也行。

最後我們按下左側選單的光碟 icon 或是資料夾的 icon,把剛剛 insert 進來的虛擬光碟給卸載,整個 Ubuntu 就安裝完成。

點 卸載
點 卸載

可以複製貼上

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

回到 VirtualBox,對我們的虛擬機點右鍵,按「設定」:

點右鍵,按「設定」
點右鍵,按「設定」

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

點 進階
點 進階

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

確認「共用剪貼簿」、「拖放」這二個都改成「雙向」
確認「共用剪貼簿」、「拖放」這二個都改成「雙向」

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

Summary
Ubuntu 安裝 WordPress - 1:VirtualBox、Ubuntu 20.04
Article Name
Ubuntu 安裝 WordPress - 1:VirtualBox、Ubuntu 20.04
Description
本篇大綱:本篇要解決的問題。安裝整體流程。安裝 VirtualBox。安裝 Ubuntu 20.04。安裝、更新、可以全螢幕、可以複製貼上。
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Front-End

用原生JS做一個簡單的抽獎功能頁面

Firebase Google

Firebase Cloud Firestore 常用功能筆記

Firebase Google

Firebase Dynamic Links Analytics API 取得短網址分析資料

Bot Telegram

Telegram Bot學習筆記-2:用google apps script接收/推播訊息

API Front-End

用Google Apps Script寫一個LINE登入功能:上篇 – 前置作業

Bot Telegram

Telegram Bot學習筆記-5:取得使用者大頭照

Front-End

拿Trello當資料庫 建一個店家清單:上篇-Trello基本使用

PWA

PWA學習筆記-4:manifest.json

Vue

Nuxt.js 引用Firebase SDK

Front-End

漸層色按鈕hover效果

訂閱
通知
guest
0 Comments
Inline Feedbacks
看所有留言

Let's Write

前端工程師 Augustus 的學習筆記 — solving problems, in simple ways.