「WordPress 架站」電子報

我們的分析文章著重於如何善用外掛工具、有效達成目的、提升網頁載入速度、行銷自動化,以及各種優惠資訊,歡迎訂閱電子報唷!

ServerAvatar – 10 分鐘完成 DigitalOcean 主機佈署、安裝 WordPress 網站 (2024 更新版)

接觸 WordPress 架站較長時間的人都知道,環繞著這個生態圈只要你想像的到的應用、工具,都有機會能提供給特定族群的人使用,不論是免費或付費服務皆然。

從最核心的網站架設,一直到底層的主機管理都可以找到許多從不同面向切入的服務提供商。

以主機管理來說,入門使用者最建議直接使用成熟的雲端主機託管商所提供的服務,例如:Cloudways。幾個簡單的步驟就可以完成主機層面的設定,只要 WordPress 網站上不要安裝來源不明的外掛、定時將外掛版本升級到最新版,在安全層面上幾乎不會遭遇到問題。

延伸閱讀 – 「Cloudways 主機教學 – 按步驟輕鬆完成主機試用、租購與基本設定」。

對於進階架站者來說,肯定是希望能在工作流程自動化的基礎下提高對主機的掌控程度,這時候就可以考慮伺服器控制面板了。找到功能完善、好用的控制面板,不只能讓日常主機管理流程更加順暢、提高對主機資源狀態的掌控,還可以省下高額的管理費用。

我們今天就來介紹 ServerAvatar,讓大家在 10 分鐘內快速完成 DigitalOcean 的主機佈署、安裝 WordPress 網站。

註冊 DigitalOcean 帳號,取得免費額度 $200

首先,我們先完成 DigitalOcean 的帳號註冊,可以直接使用 email 帳號或 Google 帳號註冊。

DigitalOcean-sign-up-with-free-200-credits

> 前往 DigitalOcean 免費額度 $200 註冊頁面

註冊過程中需要提供信用卡資料,註冊完成後即可在登入後的管理頁面中看到免費試用額度美金 $200 了。

DigitalOcean-free-credits
這是之前的活動畫面,當時只有免費額度 $100

DigitalOcean 很大方的提供了相當高的免費試用額度。

提醒:經過 60 天的試用期測試後,如果覺得 DigitalOcean 提供的服務無法滿足需求,記得要將創建的主機 Destroy、選取的加值服務取消掉,避免試用期滿後開始計費。

ServerAvatar 伺服器控制面板

註冊帳號、使用免費額度

ServerAvatar 提供了註冊 7 日內免費試用的方案,不限制建立主機與網站的數量,讓大家可以盡情測試體驗。

對於初次使用者 SA 不定時也會提供優惠碼 (Redeem Code) 可以在註冊帳號之後兌換取得免費額度。(加入官方社團後 Founder 不時也會發送福利唷,累計我已經取得 $15 的免費額度了)

登入帳號後,從右上角帳號圖示進入 Billing 頁面,在 Wallet 頁籤可以看到使用優惠碼兌換免費額度 (Redeem Credits) 的功能。

serveravatar-redeem-credits-2024

儲值額度

註冊過程中不需要提供信用卡資料,ServerAvatar 採用儲值的方式,如果大家有上官方網站閱讀 Blog 或使用說明文件,還有機會能找到儲值時可以大幅度折扣的優惠碼,相當佛心。

Wallet 頁籤中點擊「+ ADD」儲值,決定儲值金額後按下「Checkout」進行結帳。

serveravatar-add-credit-to-wallet

在結帳頁面中輸入促銷碼 Promo Code 取得折扣。

ServerAvatar-add-credits-with-promo-code

Wallet 頁籤中也提供了儲值餘額提醒 (Minimum Credit Reminder) 的功能,一旦餘額低於提醒金額就會發信通知帳戶管理者。

serveravatar-minimum-credit-reminder

取得促銷折扣碼

官方也特地提供 Quants Note 的讀者註冊新帳號之後,首次儲值的促銷折扣碼,只要在儲值結帳時輸入「QUANTSNOTE」就能取得 15% 的折扣。

ServerAvatar 銷售終生授權方案的時候使用折扣可以取得更大的效益唷!(就是現在)

綁定 DigitalOcean 帳號

從控制面板中的 Integration 選項下選擇 Cloud Platforms

ServerAvatar-integration-cloud-platforms

ServerAvatar 中綁定主機服務商帳號相當方便,目前 Amazon Lightsail、Vultr、DigitalOcean、Linode 以及 Hetzner 等主機提供商已經有完整整合,可以直接綁定帳號。

serveravatar-integration-cloud-platform-providers

其中 Amazon Lightsail、VULTR 與 Hetzner 都是註冊後取得 Access Key 即可在 ServerAvatar 完成綁定。

serveravatar-amazon-lightsail

對 DigitalOcean、Linode 則是提供了一鍵綁定。以 DigitalOcean 為例,點擊「Link DigitalOcean」:

ServerAvatar-link-digitalocean-2024

接著勾選欲綁定的 DigitalOcean 帳號,按下 Authorize application 即可完成綁定。

ServerAvatar-link-digitalocean-authorize-application

新增主機

完成主機服務商帳號的綁定之後,從控制面板的 Servers 頁面創建主機,除了上述 5 家知名廠商之外也可以與自訂的主機連結。

ServerAvatar-servers

步驟一:選擇主機服務商

接著我們以 DigitalOcean 為例,選擇主機服務商 DigitalOcean,並選取要從哪個帳號建立 DigitalOcean Droplet。

ServerAvatar-create-server-select-account

選定、點擊帳號之後就會展開關於主機的相關設定 (步驟二到步驟六)。

步驟二:選擇 OS 版本

接著替主機命名,並選擇 OS 版本要安裝 Ubentu 20.04 或 22.04 版。

ServerAvatar-create-server-select-os

步驟三:選擇主機使用的技術架構

選擇要安裝的技術架構,提供的選項有:

  • Optimized LAMP Stack – Apache, MySQL/MariaDB, PHP
  • Optimized LEMP Stack – Nginx, MySQL/MariaDB, PHP
  • Optimized OLS Stack – OpenLiteSpeed, MySQL/MariaDB, PHP
  • (即將完成) MERN Stack – MongoDB, Express.js, React.js, Node.js
ServerAvatar-create-server-select-tech-stack

步驟四:選擇資料庫系統與其他設定

選擇資料庫要安裝 MySQL 或是 MariaDB,以及 SSH 金鑰的產生方式。此外,也可以選擇是否要安裝 Node.js。

ServerAvatar-create-server-select-database

對於需要使用 Node.js 的人,即使在這步驟中沒有安裝,主機建立完成之後也能在 Server > Settings > Install Node js 區塊中安裝 Node.js。

步驟五:選擇主機地點

接著,從這個服務商所提供的主機地點中找到距離您目標客群最接近的地點。DigitalOcean 提供亞洲機房選擇不多,我們選 Singapore。

ServerAvatar-create-server-select-server-location

點擊主機地點之後就會展開主機規格的選項清單。

步驟六:選擇主機規格

清單中可以找到主機服務商提供的各式各樣的主機規格,符合不同架站、架設服務的需求可供選擇。從中找到符合您架站需求的主機規格,其中也包含了效能較為加強的 Basic AMD、Basic Intel 選項。

直接跟 DigitalOcean 租用主機可以發現 DO 提供的主機規格選擇更多、價格實惠。

ServerAvatar-create-server-select-server-instance-size

選好主機規格之後,按下左下角的「Connect Now >」按鈕。

步驟七:等待主機建立完成

按下「Connect Now >」之後,就會開始自動佈署 Droplet 並完成以下安裝步驟。

  • 安裝網頁伺服器 (Apache 或 Nginx 或 OLS)
  • 安裝 PHP 的相關版本 (從 7.2 到 8.3)
  • 安裝並設定 PHP-FPM
  • 安裝並設定 MySQL
  • 安裝並設定 Redis
  • 建立 Swap Memory
  • 建立基礎的 Virtual host 檔案
  • 安裝 Git 與 Composer
  • 完成並測試

在等待的時候也可以回到控制面板進行其他主機、網站的管理。

ServerAvatar-server-installation-finalizing

完成後就能在主機列表中看到了剛建立好的主機。

ServerAvatar-Servers-List-2024

剛建立的主機也會同步出現在 DigitalOcean 帳號的清單中。

digitalocean-droplets-list

主機設定完成,ServerAvatar 也會同步將主機的 IP、資料庫帳密、Redis 密碼、SSH 名稱、Public/Private Key 都寄到管理員的郵箱中。

連結雲端儲存服務商

從控制面板中的 Integration 選項下選擇 Cloud Storage。ServerAvatar 目前提供 4 家雲端儲存商可以將網站的備份檔案保存在雲端。包含:

  • Google Drive
  • Amazon S3
  • S3 相容的儲存空間 (例如:Backblaze、Storj 等)
  • Wasabi
serveravatar-integration-cloud-storage

其中 Google Drive 只需要綁定 Google 帳號並同意授權即可。

連結其他 3 家雲端儲存商時,則需要提供 Access Key、Access Secret、Region Name、Bucket Name。

完成後就能進行網站的即時備份與排程備份了。

建立 WordPress 網站

步驟一:Create Application

主機建立完成後,從主機中的 Applications 頁面點選「+ Create」新增 Application。

serveravatar-applications-list

步驟二:指定 Domain Name

選項一:使用自己的 Domain Name

如果想直接使用自己的 Domain Name,需要先設定 DNS 將主機 IP 指定至 Domain Name。

serveravatar-create-application-primary-domain
選項二:使用 ServerAvatar 提供的 Domain Name

如果是測試用途或開發中的網站,可以直接使用 SA 提供的網域名稱即可。未來也可以在網站的 Domains 頁面再行設定、指定為自己的 Domain Name。

serveravatar-create-application-test-domain

步驟三:指定 Application 類型

ServerAvatar 上可以建立任何以 PHP、Node.js 為基礎的網站,目前提供可以透過一鍵安裝 (One Click) 的網站服務種類豐富,其中也包含了 ServerAvatar 的 Addon 功能 Insighthub。

這裡我們選擇 WordPress 並設定 WordPress 網站 Admin 帳號資料。

serveravatar-create-application-wordpress

點開「Show Advance Options」選項後可以展開更多設定選擇。

  • 建立系統使用者
  • 選擇 PHP 版本
  • 自訂路徑
serveravatar-create-application-wordpress-advance-options

點擊「Create Application」建立 WordPress 網站,等待不到 1 分鐘的時間網站就安裝完成囉。

serveravatar-wordpress-site2

網站安裝完成後,ServerAvatar 也會同步將網站的 SFTP 登入資訊寄到管理員的郵箱中。

管理 WordPress 網站

網站建立完成後,就可以在主機管理頁面的 Applications 清單中看到這個網站的資料、狀況,並且能快速訪問網頁。

ServerAvatar-server-management-2024

網站剛建立完成時,我們會看到 SSL 尚未安裝,狀態還是紅色的,右上角的 Firewall 也同樣是尚未啟用的狀態。

點擊網站名稱 testing-site,進入網站的管理頁面。

設定 SSL

網站管理頁面中的 SSL Certificate 提供了一鍵快速安裝 Let’s Encrypt 提供的免費 SSL 憑證。

ServerAvatar-application-management-ssl

按下「Automatic Installation」開始檢查網域的 DNS 設定是否正確。

ServerAvatar-SSL-Certificate-2024

顯示綠燈確認無誤之後,按下「Install Automatic SSL」開始安裝 SSL 憑證。

ServerAvatar-application-management-ssl-check-dns

接著勾選確認「Force HTTP to HTTPs」即可完成 SSL 憑證安裝。

ServerAvatar-ssl-installed-2024

ServerAvatar 在接近憑證到期日前就會自動更新憑證,不需要人工進行更新。

設定防火牆

直接勾選確認右上角的 Firewall 即可完成防火牆的設定,預設只會開啟 4 個 Port。

ServerAvatar-wordpress-site-done

網站備份

從控制面板左側主選單的 Backups 可以找到:

  • Instant Backups
    管理員可以隨時進行網站的檔案系統、資料庫,或是全站的備份。
serveravatar-application-instant-backup
  • Schedule Backups
    管理員可以安排網站檔案系統、資料庫,或是全站的備份排程。
serveravatar-application-schedule-backup1

排程的備份頻率選項包含:

  • 每小時
  • 每 3 小時
  • 每 6 小時
  • 每 12 小時
  • 每 1 天
  • 每 2 天
  • 每 1 周
  • 每 15 天
  • 每 1 個月
  • 每 2 個月
  • 每 3 個月
  • 每 6 個月
  • 每 1 年

而備份的保留期限 (Retention Period) 選項包含:

  • 1 個月
  • 2 個月
  • 3 個月
  • 6 個月
  • 12 個月
  • 24 個月

ServerAvatar 會自動將超過保留期限的備份資料刪除。

可選擇的雲端儲存商 (Storage Provider) 則是根據已經連結的雲端儲存商而定。

備份的紀錄都會保存下來,可以挑選備份檔案將網站重置 (Restore)、可以下載備份檔案,也可以刪除備份檔案。

serveravatar-application-instant-backup-records

其他功能

在管理網站的選單中還有許多實用的功能:

  • Staging Area
    可以快速建立 Staging 測試網站,功能測試完成後可以同步到正式網站上。
  • File Manager
    可以直接管理網站資料夾中的檔案。
  • Fail2ban
    進階的安全防護功能,可以設定過濾條件阻擋 SSH、FTP 多次嘗試錯誤連線,阻擋特定的瀏覽器或網路爬蟲。

教學文章 – 「ServerAvatar 教學 – 如何設定主機、網站層級的 Fail2ban 安全防護」。

  • PHP Settings
    可以改變網站使用的 PHP 版本以及相關的參數設定。
  • Supervisors
    使用 Supervisor 管理系統的 process/cronjob 狀態。
  • Logs
    可以在控制面板上直接查看 Log 記錄檔的內容,並提供篩選器 Filter 可以快速鎖定想要查看的文字。
  • Site Clone
    提供快速複製網站的功能,複製網站可以放置於相同的主機或是其他主機上。

教學文章 – 「ServerAvatar 教學 – 輕鬆完成 WordPress 網站遷移、升級主機規格」。

  • Troubleshoot
    ServerAvatar 的加值服務,提供網站層級的客服支援服務,如果遇到緊急的事件可以利用這個服務。平時遇到一般問題可以直接點擊右下角的 LOGO 按鈕,詢問線上客服即可。
  • Settings
    自訂網站 Webroot 路徑、修正檔案/資料夾權限、開啟網站維護模式、刪除網站。
  • Cloudflare Integration
    與 Cloudflare 的功能整合。
ServerAvatar-application-management-features

結語

跟著上面的步驟,我們完成了在 ServerAvatar 上佈署 DigitalOcean Droplet 主機以及安裝 WordPress 網站,是不是很快!

整體流程與 UI、UX 的體驗都相當的流暢,安裝主機、網站所花費的時間實際上也不超過 10 分鐘。

在眾多伺服器控制面板品牌中 ServerAvatar 提供的功能與穩定性相對成熟,有興趣的人不妨可以實際試用看看唷。

前往 ServerAvatar 官網

> 前往 DigitalOcean 免費額度 $200 註冊頁面

ServerAvatar 伺服器控制面板

LTD終生授權方案最後機會

7日內免費試用,可索取優惠碼

The-Plugin-With-the-Best-Video-Experience-440X231

DigitalOcean Droplet 雲端主機

免費額度美金$200,無負擔試用60天!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *