關於 web service, unity, blogger 等軟體工程筆記

Blogger 首頁僅顯示兩篇文章的問題與解決

Edit icon 沒有留言
Blogger 首頁僅顯示兩篇文章的問題與解決

遇到問題

最近發布三篇旅行遊記後,好奇到首頁 (Main page, Index) 查看排版,發現原先設定首頁顯示十筆文章,怎麼突然變成只有兩筆呢。

點選底部下列的分頁到下一頁,第二頁的文章查看,並比對網誌存檔 (Archive) 的文章列表,發現理應出現在第一頁的八篇文章,消失不見了……。

檢查問題

原先以為是 Blogger 設定遺失,從 Blogger > 版面配置 > 網誌文章 > 編輯設定,檢查主網頁上的文章數的筆數是否正確,但看起來一切正常,沒有問題。

調整文章顯示整參數

調整文章顯示整參數

於是開啟網誌範本 HTML 原始碼查看,是不是範本使用到第三方的分頁處理機制,是不是參數弄錯了,所以沒有正常顯示。但檢查半天看來不是這個問題啊。

心想是不是遇到 Blogger Bug 啊,嘗試把剛剛發布的旅遊遊記,還原成草稿檢查,發現首頁的文章筆數就正常變成十筆了。

猜測會不會是文章的 HTML 原始碼哪裡出錯,所以導致的問題。遊記重新編輯,一段一段貼,然後一次次更新文章,並回到首頁查看。

發現當遊記在內容比較少時,首頁文章筆數顯示正常,一旦放上完整的遊記,包含大量文字以及引用圖片,就會使得首頁分頁顯示錯誤,僅僅顯示兩筆文章。

看來是 Blogger 本身的臭蟲 (Bug),心想應該要回報給 Blogger 技術小組請他們幫忙處理,因此開始找怎麼回報 Bug……。

理解分頁機制

從 Google 搜尋 Blogger 回報問題的方法,實際上不是那麼容易,到最後也未能找到到哪裡回報,但在搜尋的過程中發現了 Blogger 的線上論壇 Blogger Help Forum,便想再寫信問 Blogger 技術小組前,先自己找找看解決方案。

由過往的 Debug 經驗,嘗試輸入關鍵字 post main page,意外在論壇中搜尋到有許多人遇到同樣的問題,也因此找到解決辦法。

由相關貼文中的回應中,找到 Blogger Blog 在 2010 年所張貼的文章,介紹 Blogger 分頁機制的處理。

分頁機制理解後,認為是一筆一筆文章取得,當文章數量總於大於數量限制後分頁,或者是根據以下兩個條件決定分頁,停止列出文章:

  • 文章內容長度 (in kilobytes)
  • 文章內容的圖片總數

Blogger 會限制每分頁顯示所有文章,其內容最長長度不可以超過多少大小 (in kilobytes),其圖片最多不可以超過多少張,已確保讀者讀取頁面的速度。

因此當那三篇包含大量文字,大量圖片的旅遊文章發布後,分頁系統因為以上演算法,首頁最多就只能顯示兩筆文章,其他文章的內容放不下了。此外範本所使用的第三方分頁系統,每頁固定最大顯示 10 筆文章的設定,因而無法正常運作。

找到解決方案

解決方法有以下幾種:

  • 減少文章內容量
    • 文章一分為二
    • 移除沒有意義的 HTML Tags(例如由 Microsoft Word 貼到 Blogger 會產生很多沒有用的 HTML Tags)
  • 減少圖片數量
  • 設置 Jump Break

特別說明 Jump Break,繼續閱讀標示,Blogger 通常是顯示整篇文章,但如果發現有該繼續閱讀標示,則會文章僅節錄從開頭到遇到該標示為止,進而可以減少文章內容量,加快讀者載入頁面。

插入方法有兩種,撰寫模式按下工具列的按鈕—插入繼續閱讀標示,或是在 HTML 模式下加入 <!--more--> 即可。

撰寫模式—插入繼續閱讀標示

撰寫模式—插入繼續閱讀標示

因此當手動在該三篇遊記中,插入繼續閱讀標示,減少首頁文章顯示內容後,首頁變成回復正常顯示十筆文章了。

沒有留言: