第3課:2022最新Cloudways教學,50張完整圖解VPS主機設定與WordPress架站

傑哥
2021-07-16

今天在20分鐘的影片,以及下面的文章,傑哥要來帶大家來實作,如何「買網址」跟「租主機」,並且架出你的第一個WordPress網站。

Cloudways主機租用與設定完整教學

首先要說明的是,傑哥要請大家去同樣的地方買網址跟租主機,這樣後續如果要更改DNS設定或是架設新網站,調整主機設定等,都會使用同樣的廠商,課程才能前後一致,也較能幫大家解答問題。

有些廣告打很大,或是很多人推薦的主機,像是Bluehost 這種「共用主機」是便宜的方案,但是時常被抱怨速度很慢或主機斷線問題。

也有人許多人推薦Siteground(綁三年)的方案,結果綁約完畢後,續約的價格三級跳…只好搬家。乍看之下有省到,回頭看卻是浪費錢和時間。

如果你需要裝一堆外掛(像我的網站裝了15個以上),那麼 Cloudways 這種「VPS獨立主機」,就是遲早必走的路線了。

傑哥只推薦自己在用,或用過覺得不錯的服務。如果您使用傑哥與Cloudways合作的連結購買,我會得到一些獎金,並且您也可使用我的折扣券打折。

Cloudways前四個月6折折價券:BFCM2024 (到2024年12月6日結束)按此

買網址和租主機,通常是大家最感到困難的步驟,也是架站失敗的常見原因。

傑哥用過很多廠商,發現網址商:Gandi + 主機商:Cloudways
這樣的搭配,是一個滿不錯的組合。

前面第二課已經講過了主機的差別,沒有看到的同學可以前去參考。VPS主機的資源較完整,不但網站速度較快,對SEO有很大的幫助。而且一台主機可以同時架多個網站,所以實際算起來,並不會比一般的虛擬分享主機貴。

到哪裡去買網址?網址購買過程全攻略

首先我們先去買網址,買網址的地方建議到Gandi.net,這是一家著名的法國公司,在台灣有分公司。傑哥使用過許多DNS廠商,發現Gandi有以下的優點:

Gandi是著名的網域提供商,有清楚的介面操作簡單
Gandi是著名的網域提供商,有清楚的介面操作簡單
  1. 有中文操作介面,而且功能清楚、操作簡單。
  2. 可設定代理人,授權工程師或員工來進行DNS設定。
  3. 在DNS設定之後,很短的時間就能生效,反應快速,節省時間。
  4. 每個網址送二個免費的電子郵件,用於中小企業使用非常方便。
  5. 可以開發票,適合企業報帳。

我們到Gandi的網站,按右上角登入,先註冊一個新的帳戶。這個帳戶未來用於管理你的網域名稱,請務必保管好它的帳號密碼。輸入電子郵件、使用者名稱、密碼之後,打勾同意合約,然後按建立鈕。

Gandi的註冊畫面
Gandi的註冊畫面

建立好帳戶之後,這時,我們可以開始搜尋自己喜歡的網址。在台灣.COM.TW的網址,需要公司行號才行申請;.ORG.TW是需要組織、基金會才能申請(法人)。其他的除非是特殊的網址,否則沒有特別的限制。

公司、法人才能購買特殊的網域
公司、法人才能購買特殊的網域

如果搜尋不到喜歡的網址,可以考慮加上數字或英文字,改變一下網址再試試。選好網址之後,把網址加入購物車,按結帳。

第一次註冊網域,還需要輸入一些個人資料,或公司資料,以確認所有權人。

租用網址時應填入網址的所有權人資料
租用網址時應填入網址的所有權人資料

第二步勾選一下合約,這個合約是因為Gandi是代理到其他國家去註冊,需要遵循其他國家的規定。

第三步,就直接結帳,建議用刷卡的方式,可以馬上開通你的網址,在這邊不能使用Paypal,因為國內對國內無法使用Paypal付款。

在Gandi建議用刷卡結帳,可以馬上開通網址
在Gandi建議用刷卡結帳,可以馬上開通網址

結帳完成之後,就可以馬上開始設定這個網址。但在設定之前,要先驗證自己的email信箱。我們在登入後會看到黃色的提醒事項。請去收信,把Gandi寄來的驗證信中的按鈕點擊一下,就完成信箱的驗證。

在Gandi註冊帳號時,需要做email驗證
在Gandi註冊帳號時,需要做email驗證
Gandi寄來的驗證信
Gandi寄來的驗證信

付款完成後,可能還需要幾個小時完成DNS設定,趁這個空檔,我們可以先去租主機。因為設定網址的指向,就是把網址指向到某台主機的IP,所以我們現在要先租用一台主機,等下再回來設定DNS網址指向。

租用一台好用、高效能的VPS主機

上一節課已經有介紹過主機的分類。如果我們要租用一台VPS主機,但我們本身沒有管理VPS主機的能力,那麼Cloudways可以幫我們最佳化架設網站的主機環境,等於有專業的工程師幫我們設定VPS主機,並且提供了一個好用的面板,讓一般人也能夠操作VPS主機。

Cloudways相當於工程師設計程式,協助一般人能操作VPS主機
Cloudways相當於工程師設計程式,協助一般人能操作VPS主機

另一方面,現在的網站都講求SEO,網站速度現在是SEO的重點之一。如果你的網站是正式的網站,有一台好的主機是必要條件。主機的調校與設定,以及主機的效能,與網站速度有非常直接的關係。所以傑哥建議,在現在Google特別強調網站速度,所以只要是正式網站都建議使用VPS主機,由於效能高,會讓網站速度變快很多。

高效能的VPS主機能大幅提昇網站速度
高效能的VPS主機能大幅提昇網站速度

現在我們就來開始租用Cloudways,它會提供DigitalOcean、Linode、Vultr等著名的VPS主機供我們選擇。

開始租用Cloudways,如何驗證帳戶

  • 首先點擊下方的Cloudways連結,進入Cloudways註冊頁面。
  • 填入Cloudways會員申請資料,姓名、信箱、密碼等,請都填寫英文。
  • 自我描述可以選擇Other Businesses或是你的職業。
  • 我希望增加,可以選網站速度,或是其他選項,這些選項都只是調查而己。
  • 你的主機預算,填寫0-50。
  • 輸入折價碼,你可以輸入JCLASS20(大小寫均可),會有前三個月八折優惠價。
  • 然後勾選同意條款後送出,會自動跳轉到建立主機的頁面。
註冊Cloudways時使用折價碼JCLASS20
註冊Cloudways時使用折價碼JCLASS20

但在操作主機之前,要先進行兩階段的身份驗證。分別是email認證和手機認證,認證通過後,才可以開始設定主機。

首先,出現的是手機驗證畫面,國碼選擇台灣+886,輸入手機號碼後按驗證,(手機號碼09開頭的0去掉,我試過不去掉0也能收到驗證碼),手機會馬上收到簡訊驗證碼,將驗證碼輸入到網站上,就可驗證手機了。

Cloudways註冊帳戶時,需要手機驗證
Cloudways註冊帳戶時,需要手機驗證

再來,我們前往信箱收信,Cloudways已寄來一封驗證信件,點擊裡面的驗證鈕,就完成信件驗證了。

Cloudways註冊帳戶時,需要email驗證
Cloudways註冊帳戶時,需要email驗證

到此為止,兩階段身份驗證都完成了,可以開始設定VPS主機。

Cloudways的帳戶與信用卡綁定

我們可以在操作面板的上方看到,Cloudways的試用期是3天,3天內是可以免費試用的,如果不滿意,就可以捨棄該主機。但是為了避免忘記繳費,導致主機被自動刪除,請記得驗證完身份後,要綁定信用卡。

Cloudways的付款方式是「每個月扣款一次」,不用一次繳一年的費用,所以若使用上不滿意,也可以中途停止,租用別家的主機,並將DNS轉向即可。每個月扣款交易記錄都會記載在帳戶的Invoice內。我覺得這樣的付款方式比較合理,也比較輕鬆,用多少付多少,非常清楚。

Cloudways的付款方式是每個月信用卡扣款一次
Cloudways的付款方式是每個月信用卡扣款一次

在右上角點擊人像鈕,按ACCOUNT,我們就可以進入帳戶的畫面。點擊Credit Card,就可以新增信用卡資料,在此將你的信用卡資料輸入,每個月就會自動刷卡付費。

Cloudways帳戶ACCOUNT內可設定信用卡資料
Cloudways帳戶ACCOUNT內可設定信用卡資料
授權信用卡,讓Cloudways每月扣款
授權信用卡,讓Cloudways每月扣款
填寫信用卡資料,每月扣款。
填寫信用卡資料,每月扣款。

綁定信用卡完成後,就正式成員Cloudways的客戶。下面即將開始進行主機設定。

Cloudways教學:VPS主機的選擇與初始化

Cloudways運作的原理是,它會代替我們去租用並安裝、設定各家的VPS主機。我們只需要透過它,就能操作這些主機。

進入Cloudways主控台後,可以看到各家的VPS主機,左邊DigitalOcean、Linode、Vultr這3家的價格差不多;右邊2家是Amazon和Google的主機,價格貴很多,但是效能更強大。一般的網站選擇左邊這3家就足夠了。

首先填入我們的APP名稱,這可以是網站名稱。然後填入即將建立的SERVER的名稱,我的習慣會把主機品牌和地點填上去。再來是填專案名稱,請任意取一個名字即可。

因為Vultr的標準主機,1G的RAM每月是11元;另外它也有提供高效能主機,有較強的CPU和NVMe的快速硬碟,而且每個月是13元美金,比標準型多2塊錢美金而己,所以我會選擇Vultr的High Frequency高效能主機。

Cloudways內可租用DigitalOcean、Linode、Vultr,與Amazon和Google的主機
Cloudways內可租用DigitalOcean、Linode、Vultr,與Amazon和Google的主機

選好主機之後,記得主機的地點要選擇離我們最近的東京(Tokyo),可惜沒有台灣的機房,但是東京的主機,能有獨立的效能,已經是最佳的方案了。

對台灣用戶來說,主機的地點選擇東京(Tokyo)最佳
對台灣用戶來說,主機的地點選擇東京(Tokyo)最佳

選好之後,按右下角的LAUNCH NOW,就代表選定租用,並且安裝這台主機。這時Cloudways就會代為做系統的安裝與最佳化。大約6分鐘後(如果網頁沒反應,請重新整理網頁),如果看到主機,就代表它已經就緒了。

按LAUNCH NOW,就代表選定租用,並且安裝這台主機
按LAUNCH NOW,就代表選定租用,並且安裝這台主機
在Cloudways安裝好主機時的畫面
在Cloudways安裝好主機時的畫面

這時所租用的VPS主機,已經從一台空的主機,安裝好了架網站所需要的各種環境與功能。下一節我們會進去設定主機。

Cloudways主機的基本設定

第一次進來主機,Cloudways已經把本來是一台空的VPS主機,安裝了最佳化的網站伺服器的功能,現在已經可以當做網站的伺服器了,我們之後就可以透過Cloudways的控制介面,來控制主機。

進入主機時,雖然大部分的設定都已經最佳化了,仍然需要調整幾個伺服主機的基本設定。

這些主機的設定,只需要設定一次,之後的主機和網站,都會按照這些預設值去運作。請隨著傑哥來一步一步地設定。

首先,我們點擊主機伺服器,進入到伺服器的管理畫面。

MASTER CREDENTIALS,這些是SFTP和SSH的登入資料,通常是給工程人員進入主機使用的,如果有需要才會用到。

Cloudways主機的MASTER CREDENTIALS,顯示SFTP和SSH的登入資料
Cloudways主機的MASTER CREDENTIALS,顯示SFTP和SSH的登入資料

MONITORING,監看的意思。我們可以在這裡監看伺服器的RAM、CPU、硬碟的運作情況,如果網站一直增加,或是LOADING太重,有需要可以去VERTICAL SCALING這邊加購。目前是使用最小的方案,隨著網站數量加多,或是流量增大,我們可以把記憶體加到2G,然後按SCALE NOW,就能伸縮主機的性能。

MONITORING,可以監看伺服器的RAM、CPU、硬碟的運作情況
MONITORING,可以監看伺服器的RAM、CPU、硬碟的運作情況
VERTICAL SCALING可以伸縮主機的性能
VERTICAL SCALING可以伸縮主機的性能

MANAGE SERVICE服務管理,我們可以在這裡看到主機所啟用的服務。有時可能需要重啟某些服務,可以在這裡按RESTART鈕。

MANAGE SERVICE可看到主機所啟用的服務
MANAGE SERVICE可看到主機所啟用的服務

SETTINGS & PACKAGES,在這裡我們要調整一些設定,請跟隨傑哥來調整。

SETTINGS & PACKAGES的BASIC標籤,下方將PHP的TIMEZONE改為+8 Taipei,然後儲存。

更改主機PHP的時區為+8 Taipei
更改主機PHP的時區為+8 Taipei

我們移到ADVANCED進階標籤,一樣將MYSQL的TIMEZONE改為+8 Taipei。資料庫的預設編碼ENCODING,改為UTF-8 Unicode。SYSTEM的LOCALES改為Chinese(Taiwan)。然後將剛剛的修改儲存起來。

更改MYSQL的時區和資料庫的預設編碼
更改MYSQL的時區和資料庫的預設編碼

PACKAGES標籤,選擇目前(第7版)最新版本PHP 7.4;修改時PHP版本時,會等待一段較長的時間。

在PACKAGES標籤,可以挑選使用的php版本
PACKAGES標籤,可以挑選使用的php版本

MAINTENANCE維護標籤,我們可以在此選擇伺服器維護的時段,儘量選擇較沒有人的時段,建議選擇星期一,20:00 UTC,這裡可以看到是台灣的凌晨4點。這樣若是伺服器需要自動維護時,就會在指定的時段才動作。

MAINTENANCE可以選擇伺服器維護的時段
MAINTENANCE可以選擇伺服器維護的時段

SECURITY安全選項,這裡可以指定能登入這台主機的IP,如果我們常用同樣的IP登入主機,可以將IP輸入白名單。如果你較注意安全,可以向中華電信申請固定IP,一般的HiNet光世代網路,都允許申請將IP更改為1個固定IP加7個浮動IP。可以運用這個機制,將自己的IP改為固定IP。

SECURITY安全選項可以指定登入這台主機的IP
SECURITY安全選項可以指定登入這台主機的IP

最後是BACKUP備份設定,在此可以選擇伺服器的:

  • 備份時間(Schedule Time)
  • 備份頻率(Backup Frequency),以及
  • 備份的資料要保留多久(Backup Retention)
選定備份的時間、頻率和資料留存時間
選定備份的時間、頻率和資料留存時間
  • 備份時間:建議為 19:00 UTC,台灣時間為凌晨03:00。
  • 備份頻率:可視網站性質而定,例如:一個形象網站,不是經常更新,可以設定長一點的時間。例如:7天;如果是購物網站就必須每日備份。
  • 備份資料留存時間:建議為最長的4週。設定完成後,記得點擊下方的儲存鈕。

到目前為止,所有的主機基本設定就完成了!以上的設定只需要初始化時設定一次即可,若有不清楚的地方,可以參考傑哥錄的Cloudways視頻教學

DNS指向到自己的主機IP

主機上的網站,稱為Applications,一個網站就代表一個應用程式,一台主機可以建立多個網站,所以可以找別人合租,或是幫別人架設網站,這樣可以分擔主機的費用,也是一個不錯的選擇。

一台主機可以建立多個網站Applications
一台主機可以建立多個網站Applications

我們之前已經買好了網址,現在要把網址指向到主機上。我們先回到Server去看一下主機的IP是什麼?點擊Servers,進入Server的控制面板,在IP上點一下,就可以拷貝這個IP。

網址指向到主機的IP
網址指向到主機的IP
Cloudways的主機面板和查詢主機IP
Cloudways的主機面板和查詢主機IP

然後,再回去剛剛註冊網址Gandi管理介面,我們可以發現,剛剛註冊的網址已經啟用了!請點擊網域,進入區域檔記錄,在這裡可以看到目前DNS的設定。

請按一下第1筆的A記錄,然後將IP位址改成剛剛的拷貝的IP。貼上,然後按更新即可。這樣就可以把我們的網址,改指向到Cloudways主機的IP了。(本來的指向是Gandi的預設網頁)

Gandi可以調整網址的指向
於Gandi貼上主機的IP,即可更改指dns指向
於Gandi貼上主機的IP,即可更改指dns指向

一般來說,DNS的轉換最多需要等待24小時,有些域名商的更新速度比較慢,但是Gandi通常不會超過一小時就可生效,有時甚至幾分鐘就生效了。

等待一段時間後,我們可以使用命令列,清除自己電腦上的DNS快取記錄,然後再PING一下網址,如果看到的結果是Cloudways的IP,那就表示網址已經轉移好了。

  • 清除自己電腦的DNS快取

在WINDOWS 命令提示字元視窗

輸入 ipconfig /flushdns

  • PING自己的網域

PING youtdomain.com

使用命令提示字元的指令能清除電腦上的快取和查詢dns是否生效
使用命令提示字元的指令能清除電腦上的快取和查詢dns是否生效

回到Cloudways的主機面板,切換到Application,在這裡可以開始建立網站。

我們可以看到,剛才建立主機的時候,已經自動幫我們建好了一個網站。但是由於這個網站是在設定主機之前就建立的,所以編碼、時區等等的設定是不對的。我們並不打算使用它,先不理它,稍後再將它刪除。

在主機上建立一個全新的WordPress

現在要建立一個全新的網站。

按一下右上角的Add Application鈕,選擇剛剛建立的東京Server,按Add Application鈕。

Application就是代表主機上的網站
Application就是代表主機上的網站

接下來,選擇我們要架什麼網站?選擇第一個WordPress的最新版,給這個app一個名字,這個名字我通常會使用與網址相關的命名,然後按確定。這時Cloudways會開始幫我們架設WordPress網站。

在Cloudways可以add Application即可新增網站
在Cloudways可以add Application即可新增網站

大約等2分鐘後,第2個網站就已經個動建立完成。這時可將剛才第1個網站,按右邊的控制鈕,將APP網站刪除。

在Cloudways上也可以刪除Application
在Cloudways上也可以刪除Application

在Cloudways裡面,它的架站邏輯是:先使用一個「暫時的網址」,去架設一個WordPress網站。然後使用者再進入Application的Domain Management,將暫時的網址更改為正式的網址。

點選Domain Management,將網址改為正式的網址。按儲存,這樣就可以更改為正式的網址了。

Cloudways是先建立網站之後,才更改網址
Cloudways是先建立網站之後,才更改網址

由於剛剛已經在Gandi完成設定,如果指向已經生效的話,點擊網址就可以看到網站的前台了。但是因為現在網站還沒有加密,可能會被瀏覽器警告,這是不安全的網站。

Cloudways提供網站的的連結
Cloudways提供網站的的連結
未安裝ssl憑證時,網站會出現不安全的字樣
未安裝ssl憑證時,網站會出現不安全的字樣

2分鐘安裝SSL憑證,讓網站網址不再顯示「不安全」

為了避免這個情況,接下來,我們要安裝SSL憑證,網址若沒有SSL加密,在網址列會顯示「不安全」,也會大幅降低SEO的排名。

解決的辦法是安裝SSL憑證。在Cloudways有提供免費的SSL憑證安裝,請點選Application裡面的SSL憑證,輸入email和網址,按下安裝憑證,大約1到2分鐘,就可以安裝好憑證。

Cloudways提供免費的SSL憑證安裝
Cloudways提供免費的SSL憑證安裝

然後,我們可以根據Application提供的後台資訊,點擊進入網站後台,然後將帳號、密碼點繫後拷貝,再貼上在登入畫面,就可以登入WordPress網站的後台了。

Cloudways直接提供WordPress後台的帳號密碼
Cloudways直接提供WordPress後台的帳號密碼
WordPress後台登入畫面
WordPress後台登入畫面

進入後台之後,首先可以把setting設定好。請按設定→一般,檢查網址是否為https,並且將語言改為中文、時區調整為+8,日期格式和時間格式改為習慣的格式,然後儲存設定。

WordPress的初始語言設定
WordPress的初始語言設定

到此為止,網站後台就變為我們熟悉的中文了。

網站前台,也可以看到安全鎖,表示已經完成了SSL憑證。

已安裝SSL憑證,網站網址出現安全鎖頭
已安裝SSL憑證,網站網址出現安全鎖頭

現在,網站的初步架設已經完成了。接下來的課程,就要開始動手美化我們的網站,這節課有點複雜冗長,但之後的課程就會比較簡單有趣了哦!

很高興你能看到這裡,期待下次再見。

如何快速美化WordPress網站?

你想要知道最新的WordPress網頁設計趨勢嗎?

用什麼工具?外掛,才能把網站做好?

使用哪家的Page Builder,有什麼特色呢?

第4課內容正在製作中!敬請期待!

如果你想要租用Cloudways主機,可以按下面的連結。或是使用我的折價碼。

Cloudways折價券

Cloudways前四個月6折折價券:BFCM2024 (到2024年12月6日結束)按此

本站每周會推出新的課程,在如果你有興趣的話,歡迎到訂閱傑哥架站教室的YouTube,或是email訂閱傑哥的電子報。也歡迎到FB加入我們的社團

1 則留言

  • Ms Wong

    傑哥您好
    想請問一個問題

    在步驟6,在PACKAGES標籤,選擇目前(第7版)最新版本PHP 7.4.
    請問可以選擇PHP 8.1 嗎? 7.4 和8.1有什麼差別呢?

    (我的網站是教學影片,類似 好學校 https://hahow.in/)

    • A

      Wong 您好!
      PHP隨著時間推進,會一直更新。
      一般來說,保持最新版,是我們最終追求的目標。
      但考量到有些外掛,它未能隨著PHP版本更新,
      所以,我們有時候會選擇相容性不會出錯的版本。
      例如:現在最新的PHP是8.2,那我們可能會選擇8.1。

      而PHP的版本的選擇,和您所使用的WordPress核心版本、外掛版本有關。
      如果您所使用的WordPress核心是最新版,且外掛也都支援8.1,
      那麼,PHP8.1才是最佳的選擇。
      教學中PHP7.4 只是錄影當時的選擇。

      另外,我們可以看一下PHP官方的說明:
      PHP7.4已經在2022年底就停止支援了(過期的版本可能會面臨未修補的安全漏洞)
      所以,現在(2023)至少應選擇8.1或8.2
      https://www.php.net/supported-versions.php

  • 傑哥您好
    想請問一個問題
    之前已經在cloudways架設好一個網站了
    現在想重新設計一個新的網站
    該怎麼把之前架設好的網址換過來新設計的網站呢?
    舊的內容不用搬過來

    • A

      你好!
      我先釐清一下您的問題哦!
      例如,在cloudways架好網站A,網址是aaa.com
      重新設計一個新網站B,要用aaa.com的網址,這樣對嗎?

      如果是上述的情況,只需把aaa.com的DNS指向到網站B。

  • 吳俊翰

    那大概懂了,傑哥第六堂會上什麼課呢?
    說實在的,很期待!也一步步照著你的方式教學!
    真的滿受用的,能教學站內跑即時跑馬燈怎麼操作嗎?

    • A

      阿翰,謝謝。
      我因為最近身體不適,停止更新一段時間。
      一方面也在思考要怎樣的教學內容,才是適合大家的。
      可能要再等一段時間,才會更新。
      跑馬燈…示範網站沒有跑馬燈,不知你是指哪個部份呢?

  • 吳阿翰

    我想詢問一下按照傑哥的教學做了之後,我自己在WordPress本身網站又註冊帳號,造成網站一個帳號,VPS又一個帳號,那請問這個怎麼解答? 然後WordPress網站本身的相關功能,比VPS主機提供的WordPress功能還要多,有點不太懂怎麼操作了!!

    • A

      阿翰,聽您的意思,應該是在WordPress.com註冊帳號,然後又租用VPS建WordPress網站。
      這二者是不一樣的。
      WordPress.com所註冊的帳號,類似痞客邦,它給你一個後台界面,讓你使用WordPress,不同方案對功能有不同的限制。
      自己租用VPS是屬於WordPress.org,從無到有自己架設開源的WordPress,沒有任何限制,但所有的功能都要自己去學習如何安裝使用。
      傑哥的教學都是針對WordPress.org哦!
      有關於這方面的知識,您可以搜尋一下「WordPress.com WordPress.org 比較」。

請留言

訂閱電子報