如何架設自己的 Blog

如何架設自己的 BLOG 之八

Apache 的網頁根目錄

安裝好 Apache 後,網站檔案預設放在:

/var/www/localhost/htdocs

這個資料夾就是網站的「根目錄」——當瀏覽器輸入伺服器的 IP 或網域時,Apache 會優先尋找這裡的檔案來回應。

如果想調整一些設定,可以編輯 Apache 的主設定檔 /etc/apache2/httpd.conf,但對新手來說,一開始不需要修改,先知道根目錄在哪裡即可。

HTML 基本架構

一個最基本的網頁通常長這樣:

<!DOCTYPE html>
<html lang="zh-Hant">
<head>
    <meta charset="UTF-8">
    <title>我的第一個網頁</title>
</head>
<body>
    <h1>歡迎來到我的網頁</h1>
    <p>這是一段簡單的文字。</p>
</body>
</html>

各個標籤的意思:

  • <!DOCTYPE html>:告訴瀏覽器這是一份 HTML5 文件
  • <html lang="zh-Hant">:整個網頁的最外層標籤,lang 標示語言
  • <head>:放置網頁的設定資訊,例如標題、CSS、JavaScript
  • <title>:網頁標題,會顯示在瀏覽器分頁上
  • <body>:網頁的主要內容,例如文字、標題、圖片、按鈕等

建立你的第一個網頁

切換到網頁根目錄,建立一個檔案:

cd /var/www/localhost/htdocs
sudo nano index.html

把上面的 HTML 範例貼進去,存檔離開後,在瀏覽器輸入:

http://你的伺服器IP/

如果看到「歡迎來到我的網頁」,恭喜,你的第一個網頁已經成功上線!

小結

到這裡,你已經知道:

  • Apache 網頁根目錄的位置
  • HTML 的基本架構(head / body / title / h1 / p
  • 如何建立並透過瀏覽器測試一個簡單網頁

之後可以慢慢加入 CSS 美化版面,或是把 .html 換成 .php,搭配前面安裝好的 PHP 環境,產生動態內容。