--- title: 如何發佈部落格文章 description: 簡易設定指南：使用媒體文章功能快速上手，還能製作影音部落格、商品導購 --- [跳到內容](https://help.kolable.com/migration/zh-tw/learn/如何發佈部落格文章#main-content) 中文 - 繁體 顯示翻譯的子功能表 [客戶入口網站](https://help.kolable.com/support?hsLang=zh-tw) ![kolable\_logo.png\]](https://help.kolable.com/hs-fs/hubfs/kolable_logo.png?height=40&name=kolable_logo.png) 開啟主要導覽 關閉主要導覽 - 中文 - 繁體 顯示翻譯的子功能表 - [客戶入口網站](https://help.kolable.com/support) 你需要哪方面的協助？ - 搜尋欄位為空，無法提供建議。 1. [Learn KOLABLE](https://help.kolable.com/migration/zh-tw/learn?hsLang=zh-tw) 2. [使用手冊](https://help.kolable.com/migration/zh-tw/learn/%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8A?hsLang=zh-tw) # 如何發佈部落格文章 ## 簡易設定指南：使用媒體文章功能快速上手，還能製作影音部落格、商品導購 ![cover](https://static.kolable.com/post_covers/support/2dc813bb-9b80-4645-8a80-fa31c1e8216f/87762dfe-47ac-4e17-ab55-78c9f69e2806/1080) 如何發佈部落格文章     #### 進入後台點選「媒體文章」\> 「文章管理」 點擊建立文章   ![](https://static.kolable.com/images/support/editor/bbbc17e9-7ffa-416f-b7cc-a93b8c8792bb/1200)   進入建立文章頁面 名稱：輸入文章名稱 分類：選擇這篇文章的文章分類（文章分類設定請見文章說明後半部）     ![](https://static.kolable.com/images/support/editor/72971eb3-4b76-4677-9419-de439fb9c634/1200)     #### 文章內容：主要為編輯文章內容及架構 提供貼上「影片網址」以及「圖文內容」的編輯 若你的文章是以影音為主，可以在「影片網址」填入影片連結，影片出現在前台文章的最上方區塊 ![](https://static.kolable.com/images/support/editor/b7bba823-6ef5-49fe-bf8c-dabed810eabc/1200)   ![](https://static.kolable.com/images/support/editor/ab9d2a6b-25ef-4744-8982-c891e28144f9/1200) 影片網址於前台文章將如下圖顯示 ![](https://help.kolable.com/hs-fs/hubfs/image-png-Nov-10-2023-05-56-11-2107-AM.png?width=688&height=581&name=image-png-Nov-10-2023-05-56-11-2107-AM.png) #### 文章管理：管理文章標題名稱、上傳文章封面 基本設定包含 \- 標題 \- 說明備註 ：撰寫文章出處以及作者欄位（前台會以灰色字樣顯示於文章標題下方） \- 分類：詳情請見文章後半段說明 \- 標籤：於文章結尾的部分已“Hashtag”的形式呈現 \- 網址代稱： 例如：將網址代稱輸入為“abcde”，則此篇文章的網址則會改變為 「https://網域名稱/post/abcde」 網址代稱欄位若留空，系統將會帶入隨機預設的代稱   ![](https://static.kolable.com/images/support/editor/9303a762-00ad-409a-8244-2517713825a8/1200)   文章設定 \- 封面：上傳文章封面（建議尺寸為1200\*675px） \- 相關商品：如果這篇文章是屬於導購推薦性質，可以在此選擇站內的商城商品，這樣在前台文章上方就會出現導購的連結，方便用戶在瀏覽文章內容時也隨時查看指定商品做下單 ![](https://static.kolable.com/images/support/editor/e782cd35-2b9d-47ba-9a47-48b978b91ab1/1200) 相關商品於前台會如下圖呈現： **![](https://help.kolable.com/hs-fs/hubfs/image-png-Sep-26-2025-03-23-00-6628-AM.png?width=688&height=145&name=image-png-Sep-26-2025-03-23-00-6628-AM.png)** 點選查看商品後如下圖：跳出視窗出現設定的相關商品 ![](https://help.kolable.com/hs-fs/hubfs/image-png-Sep-26-2025-03-30-21-5091-AM.png?width=688&height=315&name=image-png-Sep-26-2025-03-30-21-5091-AM.png)   #### 身份管理：管理文章發布的作者 建立者：建立文章的人員 文章作者：新增此篇文章的作者（若是內部管理員代為建立文章，則可以使用此功能，將文章作者設定為其他創作者的名稱）   ![](https://static.kolable.com/images/support/editor/44be44d2-6a6c-4da9-86ff-c0d1d0ecf551/1200)   點選「新增作者」\> 自訂這篇文章的作者為哪一位會員   ![](https://static.kolable.com/images/support/editor/0cffb18e-34c8-4b7f-bd63-23b0a744fe06/1200)   ![](https://static.kolable.com/images/support/editor/888cf395-f0cb-4dfe-9ed7-e3d2bb89a0bc/1200)   #### 發佈設定：發佈文章 點選由上方「預覽」文章於前台呈現的畫面   ![](https://static.kolable.com/images/support/editor/37a7ad87-59e9-4290-892d-b3b8be207430/1200)   「前台預覽畫面」   ![](https://static.kolable.com/images/support/editor/fd0094d8-169d-4746-8072-111fc04bac8a/1200)   ![](https://static.kolable.com/images/support/editor/b0830034-781b-4692-b676-faf537a5ac68/1200)     #### 文章分類 「媒體文章」\>「文章分類」   ![](https://static.kolable.com/images/support/editor/98b93036-c408-4ad0-8adf-e5e3658dd5ac/1200)   進入文章分類頁面 點擊「新增分類」，新增自訂文章分類   ![](https://static.kolable.com/images/support/editor/64a83411-b595-47d4-87ee-0ade0c5583e2/1200)   當文章分類建立完成後，於建立文章時即可選擇文章分類   ![](https://static.kolable.com/images/support/editor/dce7347f-8950-4b38-a93f-f0c810631969/1200)     ### 部落格頁面如何呈現於前台 **方法一、將部落預設頁面設定在選單** 請參考 [如何將建立好的頁面放到選單](https://help.kolable.com/zh-tw/learn/%E5%A6%82%E4%BD%95%E5%B0%87%E5%BB%BA%E7%AB%8B%E5%A5%BD%E7%9A%84%E9%A0%81%E9%9D%A2%E6%94%BE%E5%88%B0%E9%81%B8%E5%96%AE?hsLang=zh-tw) 文章教學，將部落格預設頁面，放上站台選單 設定完成後即可於前台查看部落格的預設頁面 呈現方式如下圖 ![](https://static.kolable.com/images/support/editor/815bf472-7f7a-4fcc-b78a-df90f66af35f/1200)   - 文章呈現順序說明： - 非置頂文章則預設已發布日期近-遠排序， - 若有設定置頂，則最後設定為置頂的在第一格 ![](https://help.kolable.com/hs-fs/hubfs/image-png-Sep-26-2025-03-18-20-0699-AM.png?width=688&height=293&name=image-png-Sep-26-2025-03-18-20-0699-AM.png)   ### 方法二、頁面設定使用「文章元件」將文章排版至頁面中 1\. 建立頁面，請參考 **[如何使用「頁面設定」](https://support.kolable.app/posts/b76f22a9-f97d-4383-a904-5674dbaff179)** 說明文章 2\. 將建立完成的頁面，放置於網站選單，頁面即可於前台顯示， 請參考 **[如何將建立好的頁面放到選單](https://support.kolable.app/posts/9bc67c3f-cb34-4a7b-b0d5-4e826f48ced0)** 說明文章     ![](https://static.kolable.com/images/support/editor/ee724f80-b527-42d2-ac19-09ed3358092d/1200) - [使用手冊](https://help.kolable.com/migration/zh-tw/learn/%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8A?hsLang=zh-tw) - [常見問題](https://help.kolable.com/migration/zh-tw/learn/%E5%B8%B8%E8%A6%8B%E5%95%8F%E9%A1%8C?hsLang=zh-tw) - [教學手冊](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#main-content) - [入門資訊 Before Started](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E5%85%A5%E9%96%80%E8%B3%87%E8%A8%8A-before-started) - [開始建立 Edit](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E9%96%8B%E5%A7%8B%E5%BB%BA%E7%AB%8B-edit) - [百科全書](https://help.kolable.com/migration/zh-tw/learn/%E7%99%BE%E7%A7%91%E5%85%A8%E6%9B%B8?hsLang=zh-tw) [![kolable-logo](https://help.kolable.com/hubfs/KOLABLE.svg "kolable-logo")](https://kolable.com) 版權所有 © 2026，台灣數位遊牧者協會