Blogger：3 步驟將首頁設定為指定的歡迎頁面

Blogger 首頁改造計畫：3 步驟將首頁設定為指定的歡迎頁面

你的 Blogger 首頁總是預設顯示最新的文章列表，但你更希望訪客第一眼看到的是精心設計的「歡迎頁面」、「關於我」或「作品集」嗎？

很多人誤以為 Blogger 內建的「自訂重新導向」功能可以辦到，但該功能僅適用於文章與頁面網址，對根目錄的首頁無效。

別擔心！本篇教學將提供一個簡單、安全、人人都能學會的 JavaScript 終極解決方案。只需要三個步驟，複製貼上一小段程式碼，就能輕鬆改造你的部落格門面，完全不需要高深的程式背景！

步驟一：前置作業 (Preparation)

在動手修改程式碼之前，請先完成兩項準備工作。

1. 建立並發布你的「目標頁面」

   這將是你的新首頁。請到 Blogger 後台的「頁面」中，建立一個新的靜態頁面 (Page)，內容可以是歡迎詞、作品集、個人簡介等。

   完成並發布後，點開這個頁面，從瀏覽器頂端的網址列，完整複製它的網址。

   範例網址： https://your-blog-name.blogspot.com/p/welcome.html

2. 備份你目前的佈景主題

   ⚠️ 重要警告：
   在修改任何程式碼之前，備份是絕對必要的安全措施！這能確保在發生任何錯誤時，你都能立即還原到修改前的狀態。

   請到 Blogger 後台 > 「佈景主題」。
   點擊「自訂」按鈕旁的下拉箭頭，選擇「備份」並下載檔案即可。

步驟二：安插重新導向腳本 (Script)

接下來，我們要進入 Blogger 的心臟地帶，放置我們的「交通指揮」程式碼。

1. 在「佈景主題」頁面，點擊「自訂」按鈕旁的下拉箭頭，選擇「編輯 HTML」。
2. 進入程式碼編輯器後，你會看到密密麻麻的程式碼。請在編輯器中隨意點一下滑鼠。
3. 按下鍵盤 Ctrl + F (Windows) 或 Cmd + F (Mac) 打開搜尋框。
4. 在搜尋框中輸入 </head> (包含斜線)，編輯器會立刻幫你找到這個標籤的位置。
5. 將下面這段程式碼完整複製起來：

   <script type='text/javascript'>
     // --- Blogger 首頁重新導向腳本 ---
     // 當訪客造訪的是根目錄首頁 (/) 時，自動跳轉到指定頁面
     if (window.location.pathname == "/") {
       window.location.href = "請在這裡貼上你的目標頁面網址"; 
     }
     // --- 腳本結束 ---
   </script>

6. 將複製好的程式碼，貼在 </head> 標籤的正上方。

步驟三：修改並儲存

這是最後，也是最關鍵的一步。

1. 將剛剛貼上程式碼中的 "請在這裡貼上你的目標頁面網址" 這段中文提示文字，替換成你在步驟一複製好的「目標頁面」網址。請確保網址前後的引號 " 完整保留。
2. 點擊右上角的「儲存」(磁碟片圖示) 按鈕。

大功告成！與注意事項

恭喜你！現在立刻前往你的部落格首頁 (例如 https://your-blog-name.blogspot.com/)，你會發現它已經自動跳轉到你精心設計的歡迎頁面了。

最後有兩點重要提醒：

• 正常的短暫閃爍：你可能會注意到頁面在跳轉前有零點幾秒的閃爍，這是 JavaScript 在瀏覽器載入後才執行重新導向的正常現象，無需擔心。
• 如何讓訪客看到文章列表？：設定完成後，你的文章列表頁將無法直接從首頁進入。你必須在新的歡迎頁面，或是網站的導覽列中，手動新增一個「最新文章」或「部落格」的連結，並將其鏈接到你的部落格原始文章列表頁。通常這個網址會是 https://your-blog-name.blogspot.com/search?max-results=10 (數字可自行調整)。

希望這篇教學對你有幫助，也歡迎分享給更多需要改造門面的朋友！