第五章:維護網站安全的最佳實踐

在這個網路時代,擁有一個網站不只是展現個人或企業形象的工具,更是一個重要的數位資產。然而,網路世界也充滿了潛在的威脅,像是駭客攻擊、資料外洩等,都可能造成網站損失慘重,甚至影響個人或企業的聲譽。因此,學習如何維護網站安全,是每位網站開發者都必須具備的重要技能。這一章將教你一些維護網站安全的最佳實踐,讓你更放心地在網路上分享你的作品。 網站安全的基礎 許多網站安全問題都源自於程式碼的漏洞。像是SQL注入攻擊,駭客可以透過在輸入欄位中插入惡意SQL語法,竊取網站資料庫的資訊;XSS (跨站式腳本攻擊) 則允許駭客在網頁中植入惡意腳本,竊取使用者資訊或控制使用者的瀏覽器。 想像一下,你的線上商店沒有做好安全防護,駭客入侵後竊取了顧客的信用卡資料,這將造成巨大的損失和法律問題。因此,保護網站安全,不只是為了保護你的網站,更是為了保護你的使用者和你的聲譽。 設置 SSL/TLS SSL/TLS 證書能加密你的網站與使用者之間的通訊,確保資料在傳輸過程中不會被竊聽。HTTPS就是使用SSL/TLS加密的標誌,在網址前面會有個小鎖頭圖示。 使用 Let’s Encrypt 可以免費取得 SSL 證書。在之前的章節中,我們已學習如何設定 Nginx,現在我們將進一步設定 SSL。步驟如下:

  • 取得 Let’s Encrypt 證書:使用 Certbot 工具,根據你的伺服器系統和 Nginx 版本,執行相關指令,自動取得並安裝證書。
  • 配置 Nginx:在你的 Nginx 設定檔中,新增 SSL 相關的設定,指定證書和金鑰的檔案路徑。這需要修改 Nginx 的 server 區塊,添加 listen 443 ssl; ssl_certificate 和 ssl_certificate_key 指令。
  • 驗證設定:重新啟動 Nginx 伺服器,並使用瀏覽器訪問你的網站,確認網址前面出現小鎖頭圖示,表示 HTTPS 已成功啟用。 定期更新與備份 如同我們定期更新手機上的應用程式一樣,網站的軟體也需要定期更新,才能修補潛在的安全漏洞。
  • 更新 WordPress:定期檢查 WordPress 的更新,並及時更新核心程式、外掛程式和主題。
  • 更新 PHP:確保你的伺服器上的 PHP 版本是最新的,或至少是安全更新過的版本。
  • 更新伺服器軟體:定期更新伺服器作業系統和相關軟體,例如 Apache 或 Nginx。
  • 定期備份:使用 UpdraftPlus 等外掛程式,定期備份你的網站資料,包含資料庫和檔案。建議每天或每週都備份一次,以防萬一。 其他安全措施 除了上述方法外,還有許多額外措施可以增強網站安全性:
  • 使用強密碼:設定一個長度夠長、包含大小寫字母、數字和特殊符號的密碼,避免使用容易猜到的密碼。
  • 限制後台登錄嘗試:設定錯誤登入嘗試次數限制,防止暴力破解密碼。許多主機控制面板或 WordPress 外掛程式都提供此功能。
  • 安裝安全外掛:使用 Wordfence 等安全外掛程式,可以偵測惡意軟體、防止入侵和阻擋惡意流量。Wordfence 甚至可以記錄所有登入嘗試,方便你檢測可疑活動。
  • 雙因素驗證:啟用雙因素驗證,增加帳號安全,即使密碼被竊取,駭客也無法登入。 課堂練習
  • 為你的網站設定 SSL/TLS,讓你的網站使用 HTTPS。
  • 安裝一個安全外掛程式,例如 Wordfence。
  • 手動執行一次網站備份,熟悉備份流程。 結語 維護網站安全是一個持續的過程,需要你定期檢查和更新。學習並實踐這些安全最佳實踐,可以有效降低網站被攻擊的風險。 除了本章節的內容,你還可以進一步學習更進階的安全工具和技術,例如防火牆、入侵偵測系統等等。 記住,安全意識是網站長久運營的基石,唯有持續關注網站安全,才能讓你的網站穩定、安全地運作。

第四章 安裝與配置部落格平台

大家好!這章我們將學習如何安裝和配置一個部落格平台,讓你們親手建立自己的線上空間! 學會架設部落格不只是技術能力的提升,更能讓你將自己的想法、作品,甚至學習心得分享給全世界,這可是展現自我和建立個人品牌的第一步喔! 正確的安裝和配置更是網站順利運作的關鍵,讓我們一起開始吧! 選擇 WordPress 作為範例 為什麼我們選擇 WordPress 作為教學範例呢? 因為 WordPress 是目前全球最普及的部落格平台之一,它擁有龐大的社群支持、豐富的外掛程式和主題,而且操作相對容易,非常適合初學者入門。 學習 WordPress,可以為你未來學習其他網站架設技術打下良好的基礎。 要運行 WordPress,你需要準備以下環境:

  • Nginx:一個高效能的網頁伺服器,負責處理網站的訪客請求。 你可以把它想像成網站的門面,接待每位到訪的讀者。
  • PHP:一種伺服器端腳本語言,WordPress 依靠 PHP 來執行各種功能。 它是網站的幕後推手,負責處理網站的運作邏輯。
  • MySQL:一種關係型資料庫管理系統,用於儲存 WordPress 的文章、圖片和其他資料。 你可以把它想像成網站的資料庫,安全地儲存所有重要的資訊。 安裝 WordPress 現在,我們開始在 Ubuntu 系統上安裝 WordPress:
  • 安裝 PHP 和 MySQL: 你可以使用 apt 命令在 Ubuntu 上輕鬆安裝: sudo apt update sudo apt install php libapache2-mod-php php-mysql php-mbstring php-xml php-curl sudo apt install mysql-server。 安裝完成後,記得設定 MySQL 的密碼。
  • 下載 WordPress: 從 WordPress 官方網站下載最新版本的 WordPress,將壓縮檔解壓縮到你的網頁伺服器目錄 (例如:/var/www/html)。
  • 配置資料庫: 在 MySQL 中建立一個新的資料庫,並為它建立一個使用者帳號和密碼。 你需要記住這些資料,因為稍後安裝 WordPress 時會用到。
  • 完成安裝向導: 將解壓縮好的 WordPress 資料夾內容放到你的網頁伺服器目錄後,開啟你的瀏覽器,在網址列輸入你的網站位址 (例如:http://你的伺服器IP位址), 按照 WordPress 安裝向導的步驟,填入資料庫名稱、使用者名稱、密碼等資訊,完成安裝。 配置基本設置 WordPress 安裝完成後,讓我們進行一些基本設定:
  • 設定網站標題: 在 WordPress 後台的「設定」>「一般」中,設定你的網站標題,這將顯示在你的網站頂端。 例如:你的名字 + 部落格,例如:「小明的學習筆記」。
  • 設定固定連結結構: 在 WordPress 後台的「設定」>「固定連結」中,選擇一個固定連結結構,例如「文章名稱」。 這可以讓你的網址更簡潔易記,對搜尋引擎也更友善。
  • 安裝基本外掛: 我們推薦安裝 Yoast SEO 外掛,它可以幫助你優化你的文章,讓你的網站更容易被搜尋引擎找到。 搜尋「Yoast SEO」並安裝啟用即可。
  • 舉例:如果你要建立一個學生部落格,你可以將網站標題設定為「大學生活點滴」,固定連結結構設定為「文章名稱」,並使用 Yoast SEO 來優化你的文章,以便讓其他同學更容易找到你的部落格。 課堂練習 現在,請大家嘗試在自己的本地環境或 VPS 上安裝 WordPress,並完成以上的基本設定。 最後,請撰寫一篇測試文章,並發布到你的部落格上! 這將是你學習成果的最佳證明! 結語 恭喜你完成了 WordPress 的安裝與基本配置! 這只是開始,還有很多更進階的功能等待你去探索。 建議大家接下來可以學習網站安全相關知識,確保你的部落格安全穩定地運作。 記住,實作是學習網頁開發的最佳方式,多練習,多嘗試,你就能成為一個優秀的網頁開發者! 別忘了,在學習的過程中,隨時發問,互相交流,大家一起學習,一起進步!

選擇適合的部落格平台

大家好!這堂課我們將學習如何建立個人網站,而建立網站最快速、最有效率的方法之一,就是利用部落格平台。透過部落格平台,即使沒有程式設計基礎,你也能擁有屬於自己的線上空間,分享你的想法、作品,或是建立一個精美的個人履歷網站!是不是很興奮呢?讓我們一起來學習如何選擇最適合自己的部落格平台吧! 什麼是部落格平台? 部落格平台,簡單來說,就是一個幫你快速建立和管理網站的工具。它就像一套已經搭建好的房子,你只需要搬進去,佈置裝潢就可以了,不需要自己從地基開始蓋。常見的部落格平台主要分為兩種:內容管理系統 (CMS) 和靜態網站生成器。

  • 內容管理系統 (CMS):像是 WordPress、Ghost 等,它們提供使用者友善的介面,讓你透過圖形化的操作來管理網站內容,例如新增文章、圖片、調整版面等等。你不需要撰寫程式碼就能輕鬆建立一個功能完整的網站。
  • 靜態網站生成器:像是 Jekyll、Hugo 等,它們需要你使用程式碼(通常是 Markdown 語法,相對容易學習)來撰寫網站內容,然後再將這些內容轉換成靜態網頁檔案。靜態網站速度快,安全性高,適合用於個人網站或部落格。 比較主流平台 現在讓我們來比較幾種常見的部落格平台,看看它們的優缺點: WordPress:
  • 優點:功能強大且擴展性高,有大量的佈景主題和外掛程式可以選擇,讓你可以高度客製化你的網站。社群活躍,遇到問題很容易找到解答。
  • 缺點:需要一定的學習成本,你需要學習如何使用它的介面,安裝和管理外掛程式,以及基本的網站維護。 Ghost:
  • 優點:介面簡潔直觀,專注於寫作和內容呈現,非常適合喜歡專注於文字創作的使用者。
  • 缺點:功能相對 WordPress 較少,客製化選項也較少。 Jekyll:
  • 優點:速度快,安全性高,適合追求效能的使用者。因為是靜態網站,所以非常穩定,且維護成本低。
  • 缺點:需要一定的程式碼基礎,需要學習 Markdown 語法和 Jekyll 的使用方法。 如何選擇合適平台? 選擇部落格平台時,你需要考慮以下幾個因素:
  • 易用性:你是個程式設計新手嗎?那麼選擇 WordPress 或 Ghost 會比較適合你,它們的圖形化介面比較容易上手。
  • 成本:大多數部落格平台都是免費使用的,但有些高級功能或額外的空間可能需要付費。
  • 可自訂性:你想要一個高度客製化的網站嗎?WordPress 的擴展性最高,可以讓你完全按照自己的想法設計網站。 舉例來說,如果你是一位大學生,想要建立一個記錄學習心得和生活的部落格,那麼 WordPress 或 Ghost 都是不錯的選擇。 WordPress 功能強大,可以讓你日後擴展更多功能,例如加入圖片集、留言區等。而 Ghost 則能讓你更專注於寫作,簡潔的介面也能讓你的部落格看起來更清爽。如果你是想建立一個簡單的個人網站,展示你的作品集,那 Jekyll 也許更適合你。 課堂練習 現在,我們來做個小練習吧!請你選擇一個你感興趣的部落格平台,例如 WordPress,然後到它的官方網站上研究一下它的功能。列出至少五個你認為對你建立網站有幫助的功能,並簡短說明為什麼這些功能對你來說很重要。例如:
  • 文章編輯器:方便撰寫和排版文章。
  • 媒體圖庫:方便管理和上傳圖片。
  • 佈景主題:讓我的部落格看起來更美觀。
  • 外掛程式:可以擴展更多功能,例如 SEO 優化。
  • 留言功能:讓讀者可以與我互動。

選擇適合的部落格平台是建立網站的第一步,也是非常重要的一步。希望透過今天的學習,你對不同部落格平台有了更深入的了解,並能根據自己的需求選擇最合適的平台。別忘了,選擇對的工具能事半功倍!現在,就開始你的網站架設旅程吧! 接下來,我們將學習如何安裝並設定你所選擇的部落格平台。

影片:

在 Ubuntu Linux 上設置 VPS 主機

大家好!歡迎來到第二章的學習!在上一章我們學習了網站架設的基本概念,這一章我們將更進一步,學習如何使用虛擬專用伺服器(VPS)來建立屬於你自己的網站! 什麼是 VPS,為什麼它對你很重要? VPS,也就是虛擬專用伺服器,可以想像成你在大型伺服器上租用了一塊獨立的空間。不像共享主機,你的網站不會與其他網站共用資源,擁有獨立的作業系統和資源,這讓你的網站運行更穩定、速度更快,而且擁有更高的安全性。 如果你想要建立一個屬於自己的部落格,記錄生活點滴,分享你的學習心得,那 VPS 將是絕佳的選擇,因為你可以完全控制你的網站環境,並且可以根據你的需求擴展資源。 常見的 VPS 提供商包括 DigitalOcean、Linode 和 Amazon Web Services (AWS) 等,他們都提供不同的方案和價格,你可以根據自己的預算和需求選擇。 舉例來說,你可以在自己的學生部落格上安裝你喜歡的程式,設定自己的主題,甚至開發一些客製化的功能,這在共享主機上是比較困難的。 設置 Ubuntu VPS 讓我們開始在 Ubuntu Linux 上設置你的 VPS 吧!以下步驟將引導你完成整個過程: 選擇 VPS 提供商

  • 首先,你需要選擇一個 VPS 提供商。DigitalOcean、Linode 和 AWS 都是不錯的選擇,他們都提供免費試用或免費方案,非常適合初學者練習。 你可以參考各家提供的方案比較,選擇最適合你需求和預算的方案。 創建 Ubuntu 22.04 實例
  • 在選擇好提供商之後,你需要創建一個 Ubuntu 22.04 的 VPS 實例。這就像是在線上租用一台虛擬電腦,預先安裝了 Ubuntu 作業系統。 你只需要按照提供商的指引,選擇伺服器位置(選擇離你較近的地點可以提升速度)、CPU、記憶體和儲存空間等規格即可。 記得選擇 Ubuntu 22.04 LTS 版本,因為它具有較長的支援期限。 通過 SSH 連接到伺服器
  • 創建實例後,提供商會提供你伺服器的 IP 位址和 SSH 密鑰或密碼。 你需要使用 SSH 客户端(例如終端機)來連接到你的伺服器。 在終端機輸入以下指令,將 <你的伺服器IP位址> 和 <你的使用者名稱> 替換成你的資訊: ssh <你的使用者名稱>@<你的伺服器IP位址> 第一次連接時,系統可能會提示你確認伺服器金鑰,輸入 “yes” 即可。 更新系統
  • 連接到伺服器後,你需要更新系統套件。這可以確保你的伺服器運行最新的軟體版本,並提升安全性。 輸入以下指令: sudo apt update sudo apt upgrade sudo 指令表示你以系統管理員權限執行指令。 安裝基本服務 安裝 Nginx 網頁伺服器
  • Nginx 是一個強大且高效的網頁伺服器,我們將使用它來提供你的網站內容。 輸入以下指令安裝 Nginx: sudo apt install nginx 配置防火牆 (UFW)
  • UFW (Uncomplicated Firewall) 是一個簡單易用的防火牆,我們需要設定它來允許外部訪問你的網站。 輸入以下指令來允許通過 80 端口 (HTTP) 和 443 端口 (HTTPS) 的連接: sudo ufw allow 'Nginx Full' sudo ufw enable 簡單的 Nginx 配置範例
  • 雖然預設的 Nginx 配置已經足夠簡單,你也可以進一步修改它來客製化你的網站。Nginx 的設定檔通常位於 /etc/nginx/sites-available/default。 請注意修改此檔案需要小心謹慎,錯誤的設定可能導致網站無法正常運行。 例如,你可以修改 server_name 指令來設定你的網站域名。 課堂練習
  • 現在,請大家利用 AWS 免費方案(或是其他提供商的免費試用方案),按照上述步驟,建立一個 Ubuntu 22.04 的 VPS,安裝 Nginx,並確認伺服器是否正常運行。 你可以通過瀏覽器訪問你的伺服器 IP 位址來確認,如果一切正常,你應該會看到 Nginx 的預設網頁。 結語 恭喜你完成了 VPS 的設置!現在你已經擁有了自己的虛擬伺服器,可以開始建立你的網站了! 接下來你可以選擇一個你喜歡的部落格平台,例如 WordPress,並將它安裝到你的 VPS 上。 學習伺服器管理技能在未來的網頁開發工作中至關重要,請持續努力學習,相信你一定可以成為一名優秀的網頁開發者! 有任何問題,歡迎隨時提問。

網站架設入門:理解與配置 DNS

大家好!歡迎來到網站架設的奇妙世界!在開始動手建立你的個人網站之前,我們需要先了解一個重要的概念:DNS。 DNS,全名是域名系統 (Domain Name System),簡單來說,它就像一個電話簿,將我們容易記住的網域名稱(例如:google.com, facebook.com)轉換成電腦能理解的IP地址(例如:172.217.160.142)。 沒有DNS,我們就只能用一堆數字來存取網站,那會非常不方便!學會配置DNS,是架設網站的第一步,也是非常重要的一步,它決定了你的網站是否能夠被其他人訪問。所以,這堂課我們將深入淺出地學習如何理解和配置DNS。 什麼是 DNS? DNS 的核心功能是將域名轉換為 IP 地址。想像一下,你的網站叫做 myblog.com,它實際上存在於一台伺服器上,這台伺服器有一個獨特的 IP 地址。當你在瀏覽器輸入 myblog.com 時,你的電腦會先向 DNS 伺服器查詢 myblog.com 的 IP 地址,然後再根據獲得的 IP 地址連接到伺服器,最後顯示你的網站內容。 DNS 裡面包含許多不同的記錄類型,其中最常見的有:

  • A 記錄:將域名映射到一個 IPv4 地址。例如,將 myblog.com 映射到你的伺服器 IP 地址 192.168.1.100。
  • CNAME 記錄:將一個域名映射到另一個域名。這通常用於簡化管理和提高靈活性。例如,可以將 www.myblog.com 映射到 myblog.com。
  • MX 記錄:指定郵件伺服器的地址,讓你的網站可以接收電子郵件。 這些記錄就像電話簿裡的不同項目,每個項目都指向不同的資訊。 選擇域名與註冊商 在配置 DNS 之前,你首先需要一個域名。選擇一個好記、簡潔、與你的網站內容相關的域名非常重要。 你可以參考一些建議:
  • 保持簡短:容易記憶和輸入。
  • 使用關鍵字:方便搜尋引擎找到你的網站。
  • 選擇合適的頂級域名(TLD):例如 .com, .tw, .net 等。 接下來,你需要選擇一個域名註冊商來註冊你的域名。常見的域名註冊商包括 GoDaddy、Namecheap、Cloudflare 等。這些註冊商提供域名註冊、DNS 管理等服務。選擇哪個註冊商取決於你的需求和預算,建議多比較幾家。 註冊域名的步驟通常包括:
  • 搜尋可用的域名。
  • 選擇域名並加入購物車。
  • 填寫你的個人資訊和付款資訊。
  • 完成付款並等待域名註冊成功。 配置 DNS 記錄 註冊好域名後,你就可以開始配置 DNS 記錄了。 以下步驟以一個虛構的 myblog.com 網站為例:
  • 登入你的域名註冊商後台。每個註冊商的後台介面可能略有不同,但基本功能都差不多。
  • 找到 DNS 設定頁面。
  • 添加一個 A 記錄:
  • 主機名稱:@ (通常代表根域名)
  • 指向的 IP 地址:你的伺服器 IP 地址 (例如:192.168.1.100)
  • TTL (Time To Live): 這是記錄的快取時間,一般預設值即可。
  • 添加一個 CNAME 記錄 (可選):
  • 主機名稱:www
  • 指向的域名:@
  • (如果需要接收email,請添加MX記錄,詳細步驟請參考你的域名註冊商說明)
  • 保存設定。 完成以上步驟後,你需要等待一段時間 (通常幾分鐘到幾小時) 才能讓 DNS 更新生效。 課堂練習 為了讓你更好地理解 DNS 配置,我們來做一個小練習。你可以使用 Freenom 註冊一個免費的子域名 (例如:yourname.tk),然後嘗試為它配置一個 A 記錄,指向一個免費的線上 IP 位置測試網站所提供的 IP 位置。之後,使用瀏覽器輸入你的子域名,看看能否正確解析並顯示結果。 結語 恭喜你完成了 DNS 配置的學習!理解和配置 DNS 是架設網站的基礎,它確保你的網站能夠被全世界的人訪問。 完成這個步驟後,你就可以開始準備你的伺服器環境(例如 VPS),並開始真正地構建你的網站了! 希望今天的課程對你有幫助,讓我們在下一章繼續學習更多網站架設的知識!

優惠推廣

優惠推廣
不再顯示

確定今天不再顯示提示