跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

編輯部落格列表頁面

上次更新時間: 2025年10月17日

可搭配下列任何訂閱使用,除非另有註明:

部落格列表頁是顯示部落格所有文章的頁面。在 HubSpot 中,有些部落格列表頁可以使用內容編輯器中的拖放工具進行編輯,而有些則需要在設計管理員中進行 HTML + HubL 編輯僅限Marketing HubProfessionalEnterpriseContent Hub ProfessionalEnterprise)。

請注意:您只能透過刪除相關的部落格來刪除拖放清單頁面。

建立和編輯拖放式刊登頁

在內容編輯器中,您可以建立顯示所有部落格文章的部落格列表頁。只有使用主題 或有拖放區域的列表頁,才支援在內容編輯器中新增或移動模組。

在內容編輯器中選取現有的部落格列表頁進行編輯

新建立的部落格會自動支援在內容編輯器中編輯部落格列表頁。對於較舊的部落格,您可以在部落格設定中選擇此編輯體驗:

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  2. 在左側功能表中,導覽到內容 > 部落格。
  3. 按一下目前檢視 下拉式功能表,然後選擇一個部落格。
  4. 按一下範本 索引標籤。
  5. Templates 區段中,按一下Try new editing experience。
In the blog settings, the templates tab is displayed. In the templates section, an arrow is pointing to the Try new editing experience.
  1. 在對話方塊中,按一下繼續
  2. 在內容編輯器中,使用拖放編輯工具編輯部落格列表頁面。
  3. 完成後,按一下右上方的更新 ,然後按一下對話方塊中的更新

在內容編輯器中編輯部落格列表頁面

在內容編輯器中選擇編輯的部落格列表頁面,可以從部落格文章頁面存取。

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  2. 在左上方,點選設定 下拉式功能表,選擇部落列表頁面
On the Blog posts page, there's an arrow pointing to the configure dropdown menu and the options are displayed on the right. A box is placed around the blog listing pages option.
  1. 若要依部落格過濾,請點選部落 格下拉式功能表,然後選擇您要包含在篩選條件中的每個部落格旁邊的核取方塊
  2. 若要建立新的部落格列表頁,請按一下右上方的建立 。在對話方塊中,按一下選取部落 格下拉式功能表並選取一個部落格,然後按一下建立列表頁

請注意:每個部落格只能有一個部落格列表頁。如果部落格已經有一個部落格列表頁,您將無法為該部落格建立新的列表頁。

  1. 若要編輯現有的部落格列表頁,請按一下列表頁的名稱 。若要存取多語言部落格列表頁,請按一下主要部落格列表頁旁邊的downCarat 向下箭頭
  2. 在內容編輯器中,使用拖放編輯工具編輯部落格列表頁。
  3. 顯示的模組會因您的範本而異。一些常見的模組包括
    • 部落格標籤篩選器:依標籤篩選您的部落格文章。
    • 部落格分頁: 設定讓訪客在部落格不同頁面之間移動的文字。
    • 部落格列表: 設定卡片 列表 為您部落格描述的樣式,並選擇要在那裡顯示的資訊。您也可以編輯作者 與標籤列表頁面的副標題。
In the content editor for a blog listing page, the contents are displayed showing some common modules that are included (e.g., Blog tag filter, Blog listings, Blog pagination).
  1. 若要編輯列表頁的設定,請按一下右上方的設定
  2. 然後在對話方塊中編輯列表頁的設定:
    • 要變更頁面在 HubSpot 中的命名方式,請在內部頁面名 稱欄位中輸入頁面名稱 。此名稱不會顯示給訪客。
    • 面向公眾的部落格名稱將顯示在頁面標題 欄位中。您可以在部落格設定 Page title 欄位中變更此名稱。
    • 列出頁面的 URL 將出現在Page URL 欄位中您可以在部落格設定 中的部落格根 URL 欄位 中變更此名稱
    • Meta description 欄位中,輸入刊登頁面的內容描述 ,該描述 將出現在頁面標題下方的搜尋結果中。
    • 若要在您的刊登頁面中加入特寫圖片以進行社群分享,請按一下左側欄功能表中的特寫 圖片。然後按一下啟用特色圖片 開關,然後按一下上傳 從瀏覽器新增圖片,或按一下瀏覽圖片 檔案工具新增圖片。
    • 若要在刊登頁面的頁首或頁尾 HTML 中加入額外的程式碼,請按一下左側列功能表中的進階。在頁首 HTML 或頁尾 HTML 欄位 中輸入您的程式碼片段
  3. 完成後,按一下右上方的「發佈」「更新」

變更刊登頁範本

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  2. 在左上方按一下組態 下拉式功能表,然後選擇部落格列表頁

On the Blog posts page, there's an arrow pointing to the configure dropdown menu and the options are displayed on the right. A box is placed around the blog listing pages option.

  1. 按一下列出頁面的名稱 。若要存取多語言部落格列表頁,請按一下主要部落格列表頁旁的downCarat 向下箭頭
  2. 在內容編輯器中,按一下右上方的設定
  3. 在左側功能表中,按一下範本
  4. 在「範本」區段中,按一下使用不同範本
  5. 在「選擇範本」頁面中,按一下範本卡。若要變更主題,請按一下主題下拉式功能表,然後選擇變更主題,再按一下範本卡片
  6. 在範本預覽畫面中,按一下右上方的選擇範本
  7. 在內容編輯器中,對範本進行任何變更。
  8. 完成後,按一下右上方的「發佈」「更新」

編輯已編碼的部落格列表頁範本

您可以建立使用HTML/HubL 標記的編碼部落格列表頁範本。有些列表頁範本也支援在版面編輯器編輯模組,有些則完全編碼。

要編輯編碼的部落格列表頁範本,必須訂閱Marketing HubProfessionalEnterpriseContent Hub ProfessionalEnterprise

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  2. 在左側功能表中,導覽至內容 > 部落格。
  3. 按一下目前檢視下拉式功能表,然後選擇一個部落格。
  4. 按一下範本 索引標籤。
  5. 在「部落格列表頁 」部分,按一下「動作 」下拉式功能表,然後選取「編輯」。
  6. 在設計管理員的版面編輯器中,按一下模組,然後在檢閱器中編輯其選項
  7. 若要編輯列出範本的部落格內容模組,請按一下部落格內容模組,然後按一下右欄中的編輯列出範本
In the design manager, a blog template is displayed in the layout editor. An arrow points to the Blog Content module in the layout editor. A box is placed around the Edit listing template button in the inspector on the right.
  1. 在模組編輯器中,自訂您的刊登範本。在我們的開發人員文件中,瞭解更多關於使用 HubL 編輯部落格刊登範本的資訊。
  2. 完成後,按一下右上方 Publish changes 即可啟用您的變更。
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助