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

 / 
2021-07-14
本文最後更新日期:
2022-11-22

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

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

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

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

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

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

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

Cloudways前三個月8折折價券:JCLASS20(大小寫均可)

Cloudways前四個月6折:BFCM4030(只到2022/11/28)

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

傑哥用過很多廠商,發現網址商: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。
  • 點擊官網右上角的Start Free鈕
  • 填入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前三個月8折折價券:JCLASS20(大小寫均可)

Cloudways前四個月6折:BFCM4030(只到2022/11/28)

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

Related Posts

加入FB社團

WordPress 新手站長 | 網站建置 | SEO優化 -傑哥架站教室交流團

13 comments on “2022最新Cloudways教學,50張完整圖解VPS主機設定與WordPress架站”

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

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

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

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

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

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

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

發佈回覆給「J」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。

在這裡搜尋其他的文章

歡迎來到傑哥架站教室

現在開始將教學拍成影片,希望您也可以訂閱我的頻道。將每周推出一支教學影片。希望得到您的回饋!
傑哥的 YouTube
homeenvelopelaptoprocketearth linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram