Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結
Blogger 修改筆記:移除 #more Jump Link 繼續閱讀不會錨定跳轉位置。

在 Blogger 平台撰寫文章時,多數人都會使用「繼續閱讀」標記,也就是在 HTML 中加入 <!--more-->,讓首頁、標籤、存檔等頁面只顯示部分內容,同時出現繼續閱讀連結。然而,這個連結預設會跳轉至 #more 錨點位置,直接略過開頭段落,進而影響文章頁面的完整性。

使用官方主題並於文章中添加繼續閱讀標記,無論傳統或響應式版型,HTML 程式碼中都有 #more Jump Link,讓 Read more 連結跳轉到文章中的特定位置,若想取消跳轉可透過編輯 HTML 來修改連結。


Blogger 平台提供的網站版型,預設情況下,從「Read more」進入文章頁面,網址末段會多了 #more(如下圖)。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

如何修改 Blogger #more 錨定連結?

1、打開 Blogger 後台,進入「主題」頁面,點擊「▼」按鈕 →「編輯 HTML」即可查看和修改網站版型程式碼。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

2、從 HTML 程式碼中找到「jump-link」,該段程式碼是用來指定繼續閱讀連結。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

3、若是覺得在 Blogger 後台編輯 HTML 不太方便,先下載主題 XML 檔案,使用文本編輯器(如 Notepad++)的尋找功能會更容易找到 jump-link 所在位置。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

4、如圖所示,套用 Blogger 響應式主題,Jump Link 的 expr:href 會判斷文章中是否有繼續閱讀標記,若有標記將會添加 #more 錨定連結。刪除該段指令(黃色部分)僅保留純文章網址,就不會跳轉位置。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

6、提醒一點,Blogger 平台提供的響應式主題,HTML 程式碼中會有多個 jump-link 分別對應不同位置的文章,若想全部取消錨定跳轉,需要逐一修改連結。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

7、如果使用 Blogger 傳統主題,編輯 HTML 只會找到一個 jump-link,並且一律添加 #more 錨定連結,只需刪除「+ "#more"」就不會跳轉位置。
Blogger 修改教學:移除繼續閱讀 #more 錨定跳轉連結

相關文章:
內容更新:本文最初於 2012 年發布,當前內容為 2025 年 8 月重新撰寫。