2014年6月10日

[小工具]讓 Blogger 自動顯示系列文章

A+
過去在撰寫系列文時,比較頭痛的一點是,在文末想列出所有的相關系列文章時,是一件麻煩的事情。而更麻煩的是,每增加一篇系列文,那麼之前所有的系列文,還得一篇篇去手動新增最新一篇的連結!因此整理系列文列表這件事,真是考驗耐心的絕佳試煉...

現在使用了本篇的系列文小工具後,不但安裝很簡單,操作上也完全不費力,一切以自動化流程實現,以後處理系列文這件事,就可以高枕無憂了!

不但如此,這個小工具還有不少絕佳應用,看完安裝及使用說明後,請務必參考「五、應用方式」。



<< 請注意!本篇文章含會員限定內容 >>


一、系列文的原理


1. 構想出處

最早是從 コーさん 這篇「自訂相關文章進階版」得到聯想,コーさん 的作法是列出某標籤的所有文章,在某種程度上可視為系列文章,只要將文章的標籤控制得宜即可。


2. 需求及設計

WFU 的構想則是利用設定 "特定字串",系統會篩選部落格包含此 "特定字串" 的文章標題,經比對標籤及排序後於文末列出,這就成了真正的系列文工具。

而設計上為了與該頁面的那篇文章不重複,系列文列表中的該篇文章,將不以超連結顯示,並增加一個指示圖案以供區別。

另外,由於本站不屬於美食、旅遊、攝影等需要大量圖片的性質,因此這個小工具目前只針對自己的需求,先做出文字的列表。



二、安裝主程式碼


在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

接著請到後台「範本」→「編輯 HTML」,搜尋 </body> 這個字串,找到後在此字串的前一行,插入以下程式碼:


請對照以上程式碼行號:

E:藍色圖示可改為自訂的字元,或使用 http 開頭的圖片網址

K:由於「Google Drive 關閉外連」功能,綠色字串的 JS 網址是無法外連的,請參照「WFU BLOG 外連 JS 變更及操作說明」,將這個連結下載後存成 JS 檔,上傳到自己的空間或 Dropbox。取得自己的 JS 檔外連後,置換本行的綠色網址字串。

I:此行的註釋文字代表,只有該文章「使用系列文功能」時,才會執行這個小工具;沒有使用系列文功能的文章,就不會執行程式碼,以減少瀏覽器的負擔

以上安裝完主程式碼後,接下來說明如何在文章中使用「系列文功能」。



三、使用系列文功能的方法


1. 文章範本

只要在文章中加入一行 HTML 語法,該篇文章就能自動執行「系列文功能」。而在後台文章範本中加入這行語法,又可讓這件事的操作更方便。




請到 Blogger 後台 → 設定 → 文章和留言,在文章範本之中,貼上這行 HTML 語法:

<div id="postSeries" title="填入系列文字串"><b>相關系列文章:</b></div>


2. 修改字串

做完上一點的動作後,以後只要開新文章時,都會出現這一行語法。若新文章不需要此功能,將這行字串刪除即可。若需要系列文功能,接下來請依照自己的需求修改字串。

在撰寫系列文標題時,建議一部分使用共同的字串,例如「如何用語法保護網頁文章著作權__(一)附加版權宣告」這系列的文章,都使用了相同的字串 "如何用語法保護網頁文章著作權",我們便可將這個字串放進 title 的參數裡面,就像下面這樣:

<div id="postSeries" title="如何用語法保護網頁文章著作權"><b>相關系列文章:</b></div>

而藍色字串 "相關系列文章:" 也可改為自訂標題。

只要依照以上說明來設定字串,系統就會自動抓取文章標題中含 "如何用語法保護網頁文章著作權" 字串的文章來形成系列文功能,可點擊以上舉例的系列文章「如何用語法保護網頁文章著作權__(二)阻止全文轉載」來看效果。


3. 自訂 CSS

想自訂「系列文區塊」的話,可到後台範本 → 自訂 → 進階 → 新增 CSS,貼上以下 CSS 程式碼:

#postSeries {
margin: 20px 0px;
}


以上只是舉例,參數可依需求調整。

想要設計出與眾不同的區塊版面,可參考這篇「特殊文字區塊實作範例」,來增加 CSS 參數,下圖是本站以前每次都要花不少時間、辛辛苦苦用手工刻出的系列文效果:





四、注意事項


比較麻煩的一點是,javascript 對於 UNICODE(中文)的排序結果,跟我們想像的不太一樣,如果系列文使用了 "一"、"二"、"三" 這樣的字串,排序結果會讓人大大的意外,如下圖:




因此如果想要有正確的排序,有以下兩種建議:

  1. 使用英數字串來排序,避免使用中文數字
  2. 系列文超過十篇時,建議補零位數,例如 "01"、"02"、"03",否則 "11"、"12" 的排序會在 "2"、"3" 的前面。

可參考「有錢人想的和你不一樣」系列文的效果,這系列目前有 15 篇,可注意標題的設定方式。就算將來寫了第 16、17 篇,舊文章的系列文列表也能自動排入新的文章。



五、應用方式


雖然這個小工具主要用途為系列文,不過若能發揮創意,相信還有很多不錯的應用、或更棒的用途。以下舉幾個 WFU BLOG 的實例──

1. 相關主題文章

相關的文章主題不一定是系列文的形式,因此文章標題不會大部分的字串都相同。不過我們可以取一個最小的公約數,設定某個關鍵字,讓這個小工具把所有符合關鍵字的文章標題都抓出來

例如 WFU 寫了好幾篇有關 javascript 的學習筆記(並非全部都是系列文),相信對於想要學習 js 的讀者,看完一篇一定也想看看其他的相關心得,那麼文末若能將所有 js 相關筆記列出是再好不過的了。

由於這些筆記的文章標題一定會有這個關鍵字 "javascript",那麼我們可以這麼設定語法參數,同時更改一下大標題:

<div id="postSeries" title="javascript"><b>Javascript 相關筆記:</b></div>
想看看效果如何嗎?請點這篇「Javascript 優良部分(筆記)__糟糕與不良的部分」,可看到標題含 "javascript" 字串的文章都被篩選出來了!


2. 大事紀要索引

有看過本站導覽列下方「公佈欄區塊」的讀者,一定知道本站每年都製作了大事紀要。不同年份的大事紀要,也可以利用這個小工具,讓想要查詢過往年份的讀者方便許多。我們可以這麼設定語法參數,同時更改一下大標題:

<div id="postSeries" title="更新紀要索引"><b>其他年度紀要:</b></div>
執行效果可參考今年度的「2014 BLOG 更新紀要索引」。


3. 多重關鍵字篩選

除了以上第 1 點「相關主題文章」提到的使用 "關鍵字" 來篩選,這個小工具最強大之處,在於還能夠使用 "多重關鍵字" 來進行篩選。

例如本站寫了一、兩百篇的 Blogger 相關文章,都會用到 "Blogger" 這個關鍵字,而大約有將近十篇的 Blogger 相關筆記,文章標題大概像是這樣:"Blogger 小技巧 (筆記)"、"Blogger 新手入門(筆記)" 等等。要怎麼將這幾篇 Blogger 筆記當成系列文的模式列出來呢?

我們觀察到,標題相同的關鍵字為 "Blogger"(請注意大小寫) 及 "筆記"。這兩組關鍵字並沒有連在一起,所以無法使用之前的設定方法,不過可將這兩組關鍵字用空格 " " 來隔開,語法設定如下:

<div id="postSeries" title="Blogger 筆記"><b>Blogger 相關筆記:</b></div>
執行效果可參考這篇「Blogger 文章相關工具及技巧 (筆記)」,這樣的設定會將標題含有這兩組關鍵字的所有文章篩選出來,這算是目前發現最棒的應用了!



六、需求建議


由於一方面目前 WFU 使用系列文沒有縮圖的需求,另一方面如果使用縮圖的話,或許效果很接近「Blogger 相關文章 V2」,那麼版面上在距離很近的位置,擺了兩個構圖效果相似的工具可能不太恰當。

因此對於這個小工具有什麼延伸構想,歡迎提出討論,如果有不錯的結果,或許可衍生出另一個版本。



七、常見 FAQ


日後若有常見問題,會持續補充在此。

Q1: 在手機板的瀏覽器看自己測試的文章並不會並顯示系列文耶?(可是用手機看教學文測試文章卻有顯示)

Ans: 原因請參考這篇「Blogger 行動版範本修改技巧」,任何修改或小工具都無法在「官方版行動範本」顯現,只有選擇「自訂」行動範本才行。

但其實 WFU 目前也都是使用官方行動範本,而測試文章能顯示的原因為,把全部程式碼放在文章之中的話,那麼哪種行動範本都能顯示。操作的方法為,在「三、使用系列文功能的方法」的那一行 HTML 語法,後面貼上「二、安裝主程式碼」的全部程式碼即可 → 最方便的操作就是將這些語法全部複製到文章範本之中。


Q2: 留言 #13 表示,文章後面沒有顯示相關聯的系列文章?

Ans: 我注意到你使用兩個關鍵字 "溫尼伯daycare",請詳讀「五、應用方式」→「3. 多重關鍵字篩選」,建議關鍵字不要連在一起,請注意英文大小寫,有沒有跟你的文章標題吻合。


Q3: 留言 #26~#27 表示,"母奶"系列文章,每一篇都只有抓到兩篇,總共應該是6篇才對.....哪邊錯了呢?

Ans: 這個 "系列文" 工具的設計原理,是從 "相同標籤" 的所有文章中,篩選出文章標題包含 "指定字串" 的系列文。因此請將包含指定字串的文章,設定相同的標籤,就能全部篩選出來了。


更多實用工具:

65 則留言:

  1. 喔喔喔喔喔 喔喔 喔喔喔 喔喔喔喔喔喔喔喔喔喔喔喔喔

    這個好方便阿!!! 馬上來安裝

    回覆刪除
  2. <7192034869042051203>(以上內容請勿刪除,從括號之後開始留言)很實用喔~ :)

    回覆刪除
  3. 很棒的功能~可是不曉得是程式哪裡沒裝好~
    在手機板的瀏覽器看自己測試的文章並不會並顯示系列文耶?
    (可是用手機看Wayne Fu大的教學文測試文章卻有顯示)

    想請教不曉得是哪出了問題了~謝謝

    回覆刪除
  4. <9192177497690075186>(以上內容請勿刪除,從括號之後開始留言)已整理到「七、常見 FAQA」→ Q1

    回覆刪除
  5. hi我是凱特,能否請你幫我看看為何我家沒有reply comments的功能呢?爬了一堆外國文照著做仍無解Orz
    超級感謝!

    回覆刪除
  6. <1825490191976775651>(以上內容請勿刪除,從括號之後開始留言)hi, 凱特大姐~我猜你的是舊範本吧?換成新範本才有回覆功能喔(以及串聯式留言功能)。

    回覆刪除
  7. 這個好讚,這樣寫遊記時就不用一篇篇自己加連結了!謝謝分享

    回覆刪除
  8. <2042264313022825573>(以上內容請勿刪除,從括號之後開始留言)不客氣, 的確遊記可以省不少氣力 :)

    回覆刪除
  9. 有一個延伸的構想:
    有時文章過長,想幫文章變更為好幾頁 ( 寫好幾篇 ),
    能否讓【 自動顯示系列文章 】的顯示結果不出現標題,而出現數字,
    主要想加強近似單篇文章的歸屬感。

    有點類似最上面圖片【 快速選單 】的概念:

    頁次: 1、2、3、4、5

    標題為 [ 頁次: ]
    與目標網址 [ 1、2、3、4、5 ] 平放

    ( * 這篇文章和相關文章 v2 實在太棒了 :D )

    回覆刪除
  10. <8889951728388239224>(以上內容請勿刪除,從括號之後開始留言)tks~ ^^

    這構想不錯啊,來研究看看怎麼實現。由於需要排序及篩選,目前想到的方法,是文章標題必須強制加入 "1"、"2"、"3" 這樣的字串,不曉得使用者的接受度會是如何?

    不過如果沒其他的機制,暫時就用這個方法來實現了。

    回覆刪除
  11. 您好!您酌網站太棒啦,不過,我還是個新手,我會常常來拜讀,非常感謝您的po文。

    回覆刪除
  12. <5314827038812084489>(以上內容請勿刪除,從括號之後開始留言)
    嗯嗯 ~ 私心的希望 [ 頁次 ] 和 [ 系列文章 ] 兩者的功能都能並存 :D

    回覆刪除
  13. <5745609508472710948>(以上內容請勿刪除,從括號之後開始留言)hi, Chu's~ 歡迎常來 ^^

    回覆刪除
  14. <9216559374826704553>(以上內容請勿刪除,從括號之後開始留言)應該是會並存~因為程式碼內容差不多,分開裝的話好像會有點重複及浪費..XD

    回覆刪除
  15. 請問: 痞客邦的部落格文章可以用嗎?
    我在 二、安裝主程式碼 就卡關了......QAQ
    找不到你說的「範本」「編輯 HTML」搜尋字串??
    謝謝

    回覆刪除
  16. <1993321255896940611>(以上內容請勿刪除,從括號之後開始留言)不行喔,文章標題說了是 Blogger 平台~

    回覆刪除
  17. Hi 版主
    要跟您說聲謝謝, 您真的是無私, 分享這麼多好用資源給大家!
    謝謝您!

    回覆刪除
  18. <8638989867630135173>(以上內容請勿刪除,從括號之後開始留言)不客氣~好用的話也請多多幫忙分享!

    回覆刪除
  19. 感謝!已貢獻「一點」學費做為回饋^^

    回覆刪除
  20. 感謝WFU大大無私地分享,有您專業的解說,對我們這些使用blogger的人,簡直是一大福音!

    話說,WFU之前寫的"相關文章V2"小弟也有瀏覽過。小弟想問WFU大的是,此篇自動顯示系列文的方法和V2的方法差異在於,此篇是搜尋文章標題,而V2是搜尋標籤嗎?

    回覆刪除
  21. <3114970496769499454>(以上內容請勿刪除,從括號之後開始留言)你好,相關文章跟系列文的原理差不多,都是從相關標籤的文章來篩選:

    1.相關文章:從相關標籤的所有文章,進行隨機抽樣。

    2.系列文:從相關標籤的所有文章,利用設定的關鍵字,列出所有包含關鍵字的文章。

    回覆刪除
  22. 在你博客阅读了不少文章,很有收获,谢谢你的分享!辛苦啦! 不知道什么原因,我照你上面方法做了,没有出来效果? 这是我的博客,如能指出我的问题所在,不胜感激!先谢谢了! http://winnipegcn.blogspot.ca/

    回覆刪除
  23. <5922781145006050815>(以上內容請勿刪除,從括號之後開始留言)你好~因為無從得知你會在哪篇文章安裝這個工具,因此請提供你確定有安裝本篇程式碼的文章網址喔。

    回覆刪除
  24. <9061337988002478366>(以上內容請勿刪除,從括號之後開始留言)谢谢你这么快就回复.我刚学做博客.很多东西正在学习中.非常感谢你的分享!我想写系列的有关加拿大温尼伯daycare方面的文章, http://winnipegcn.blogspot.ca/2014/09/daycare.html 但我按照你提供的方法做了,文章后面没有显示相关联的系列文章. http://winnipegcn.blogspot.ca/2014/08/winnipegdaycare.html 我不知道问题出在哪里?

    回覆刪除
  25. <2986464707910926824>(以上內容請勿刪除,從括號之後開始留言)1.我沒看到你有安裝「二、安裝主程式碼」這部份的程式,請再檢查一下。

    2. 我注意到你使用兩個關鍵字 "温尼伯daycare",請詳讀「五、應用方式」→「3. 多重關鍵字篩選」,建議關鍵字不要連在一起,請注意英文大小寫,有沒有跟你的文章標題吻合。

    回覆刪除
  26. <10567735049949415>(以上內容請勿刪除,從括號之後開始留言)谢谢你的回复和帮助,我再去试一试.

    回覆刪除
  27. 感謝您的分享.正常運作中..
    想請教一下,如何可以多重關鍵字其一出現就顯示系列文.而不用全部符合才顯示出來.
    例如: 文章中有 阿基師的食譜...我想要有符合阿基師或食譜.其一關鍵字即會顯示其文章...我一次用2個 HTML 語法字串分別改為阿基師與食譜2種字串..結果只會出現第一個阿基師關鍵字系列文.第二個食譜只有:相關系列文章:...以下就空白了
    請問如何更改語法.謝謝您 http://cclccl-life.blogspot.tw/2015/03/blog-post_2.html

    回覆刪除
  28. <5372333223709492954>(以上內容請勿刪除,從括號之後開始留言)你好,這個工具使用了 Blogger API 的搜尋功能,但 Blogger API 的搜尋參數只允許「關鍵字1 and 關鍵字2」,不能「關鍵字1 or 關鍵字2」,所以能做到的功能如同「五、應用方式」→「3. 多重關鍵字篩選」所提,只可將「將標題含有這兩組關鍵字的所有文章篩選出來」

    如果要做到篩選「關鍵字1 or 關鍵字2」,只能另外寫客製程式了。

    回覆刪除
  29. <3870736384226218159>(以上內容請勿刪除,從括號之後開始留言)了解.感謝您的耐心回覆

    回覆刪除
  30. 由於我主要的文章,標題都很長。
    例如這一系列:http://goo.gl/YttsMD
    截圖:http://i.imgur.com/H6qvl8D.png

    想請問,是否能讓~做為「關鍵字」的「字串」,
    不重複的在「系列文章」中顯示出來?
    謝謝!

    回覆刪除
  31. <6211690655291586939>(以上內容請勿刪除,從括號之後開始留言)"是否能讓~做為「關鍵字」的「字串」,不重複的在「系列文章」中顯示出來?" → 這功能太客製化,會用到的機率很低,就不特別處理這件狀況了。

    不過要用 CSS 控制標題的的長度倒是可以,就像我 "最新回應" 的文章標題、以及 "相關文章 V2" 的文章標題一樣,另外開一篇主題來講這個好了~

    回覆刪除
  32. <1191968892913638795>(以上內容請勿刪除,從括號之後開始留言)嗯,好的~
    看到了 css 部分「summaryLength : 25,」這行,
    請問是直接這樣嗎?
    script
    document.createElement(...)
    var ??? = {
    summaryLength : 40,
    };
    /script

    變數部分我該填入什麼呢?
    剛亂試了好幾個都沒成功 XD
    PS.讓您另開一個主題不好意思啦 >"<,有這種需求的真的不多,拍謝!

    回覆刪除
  33. <5956566365588073017>(以上內容請勿刪除,從括號之後開始留言)呵呵,我好像想的太簡單了,不然您也不用另開一篇了。

    回覆刪除
  34. <9070949600240181307>(以上內容請勿刪除,從括號之後開始留言)這東西是很簡單沒錯,只是要先有 css 概念,所以你找錯方向啦,你列的那些是 js~~XD

    急的話, 可以先 google 一下 text-overflow : ellipsis; 的用法。

    我的 evernote 待辦事項多到無法想像,這一項早在 evernote 裡面躺了一年以上,多虧 ala 提問,得以讓他提早見光。不過我發佈文章有排程,所以這篇要好幾天後才會出現喔~

    回覆刪除
  35. <4889958907902469222>(以上內容請勿刪除,從括號之後開始留言)不急,照您原本的排程就可以了。我早晚會等到,ok 的! ^^ 謝謝!

    回覆刪除
  36. <1650488248357063230>(以上內容請勿刪除,從括號之後開始留言)CSS 的修改方法已經整理到「讓標題過長的文字自動省略﹍單行 CSS 技巧

    回覆刪除
  37. <6850953678615463809>(以上內容請勿刪除,從括號之後開始留言)嗯嗯嗯!(猛點頭)

    回覆刪除
  38. 成功了, 衷心一句, 多謝教學 ^^

    回覆刪除
  39. 謝謝您的分享!
    只是文章有些看不懂的地方請教:
    1.E,pointer : "☜" // (標示目前文章的圖示, 可使用 http 開頭的圖片網址)在放到範本中是不是要把括弧的地方刪除?☜是指文章中都要放這個符號嗎?
    2.< id="postSeries" title="填入系列文字串">相關系列文章: 填入系列文章字串,是不是每次寫不同系列文時都要更改?
    還是要用並存的模式?比如
    id="postSeries" title="A">相關系列文章:
    id="postSeries" title="B">相關系列文章:
    id="postSeries" title="C">相關系列文章:
    這樣
    3,我使用了卻什麼都沒有耶!!能否撥空幫指導一下
    http://ellin0409.blogspot.com/2015/11/test.html
    感謝您

    回覆刪除
  40. <3036445531886674693>(以上內容請勿刪除,從括號之後開始留言)
    有了有了>"<
    剩下問題2.
    非常感謝

    回覆刪除
  41. <3485784427163083858>(以上內容請勿刪除,從括號之後開始留言)關於問題 2, "填入系列文章字串,是不是每次寫不同系列文時都要更改?" → 是的,會出現的系列文,取決於你在 title 裡面填入的字串,你可以多嘗試幾個不同的字串,就可以看到差別了。

    不過這個工具,在一篇文章只能使用一次喔,無法在一篇文章設定三個不同的 title 字串,我的另一個工具「相關文章 V3」才能多次使用

    另外,我看你這篇文章的版面亂掉了,編輯文章切換到 HTML 模式可能會看到這樣:

    <div id="postSeries" title="東京">
    <b>&#9756;</b><br />
    <b>東京....</b><br />
    <br />
    <b>&#9756;</b><br />
    <b>相關系列文章&#65306;&nbsp;</b><br />
    <b><br /></b>
    <br />
    <b><br /></b>
    <b><br /></b>
    <b><br /></b>
    <b><br /></b>
    <b><br /></b>
    <b><br /></b>
    <b><br /></b>
    <b><br /></b></div>

    你可以重新編輯,按照本篇說明的格式,改成這樣

    <div id="postSeries" title="東京"><b>東京旅遊系列文章:</b></div>

    多開幾篇文章測試,就會熟悉如何使用了。

    回覆刪除
  42. <4256229927881240583>(以上內容請勿刪除,從括號之後開始留言)
    我是使用三.1.的設定, Blogger 後台 → 設定 → 文章和留言,在文章範本之中,貼上 HTML 語法
    但是不知道為何到文章編輯頁面就變成這樣了....
    文章顯示
    相關系列文章:






    東京1
    東京2
    東京3
    中間空白好多行XD
    不過沒關係,直接載每一篇文章貼上東京旅遊系列文章:< /di>反而比較方便呢!山不轉路轉阿~還是感謝您的專業以及熱情分享^^

    回覆刪除
  43. <4256229927881240583>(以上內容請勿刪除,從括號之後開始留言)
    上一篇留言被吃掉了,枉費我留的落落長。我是照著三.1.的方法在後台設定,但是不知道為什麼文章編輯完發表出來後在相關文章和每篇系列文章中間會空白這麼多行?
    所以我後來是直接在每一篇文章後面放上東京旅遊系列文章: 在東京文章幾乎都有跑出所有的相關文章,但是又出現了別的問題:在下列的母奶系列文章,每一篇都只有抓到兩篇,總共應該是6篇才對.....哪邊錯了呢?Q_Q
    http://ellin0409.blogspot.tw/2010/11/234.html
    http://ellin0409.blogspot.tw/2011/01/234-avent.html
    http://ellin0409.blogspot.tw/2015/06/234.html
    http://ellin0409.blogspot.tw/2015/07/234.html
    http://ellin0409.blogspot.tw/2015/11/234.html
    非常感謝您的撥空解答,有您真好!!!

    回覆刪除
  44. <343562481612729537>(以上內容請勿刪除,從括號之後開始留言)我猜測你剛用 blogger 不久,在編輯文章時,「撰寫」模式與「HTML」切換過,就可能會出現異常、或無法控制的狀態,可參考 http://www.wfublog.com/2014/08/blogger-post-editor-mode-switch-error.html

    沒關係,目前用你習慣的方式處理就好,將來 blogger 的操作比較熟悉以後,說不定你就會覺得我的技巧比較方便。

    回覆刪除
  45. <8278168671106811656>(以上內容請勿刪除,從括號之後開始留言)只是留言被系統誤判為垃圾留言而已,不用擔心 ^^

    看了你的 "母奶系列文章" → title 裡面的字串參數沒有設定喔,你可以設定為 title="母奶" 試試看。然後,建議你再參考一下「五、應用方式」,可以更熟悉這個工具的用途。

    回覆刪除
  46. <414368247860621586>(以上內容請勿刪除,從括號之後開始留言)
    是阿,搬過來一陣子了,但沒什麼時間發文。現在在整理舊文,所以把語法貼在每篇文章裡,因為用三.1.的方式只能用在新文章,舊文章即使回復為草稿再發也跑不出相關系列文章。目前整理了幾個系列,只有母奶系列不知怎麼的只能顯示兩個,其他多測試幾次是沒問題的^^"

    回覆刪除
  47. <8421415227990387821>(以上內容請勿刪除,從括號之後開始留言)我再次檢視了網頁原始碼,的確有設定了 title="母奶" 的參數,真的只出現兩篇文章。後來我知道問題出在哪裡了,因為這是 "系列文" 工具,而系列文必定是使用相同標籤的,這也是當初設計的原理,因此你只要將這 6 篇 "母奶" 相關的文章,都設定相同的標籤即可。

    已將這個案例,整理到「七、常見 FAQ」→ Q3

    回覆刪除
  48. <8863623286790104391>(以上內容請勿刪除,從括號之後開始留言)
    真的耶!!感謝您一直測試回答問題>"<

    回覆刪除
  49. 請問系列文章的效用還在嗎?
    我發現我的似乎都沒作用 0.0

    回覆刪除
  50. <5436328365331946071>(以上內容請勿刪除,以下引言請自行刪減) [quote]請問系列文章的效用還在嗎?我發現我的似乎都沒作用0.0[/quote]

    URL:http://lasjargon.blogspot.tw/2015/11/gbctlozoos09.html
    URL:http://lasjargon.blogspot.tw/2009/12/legend-of-zelda-spirit-tracks_27.html

    回覆刪除
  51. 噗~看來是暫時性的,一直 F5 又活起來了,就當我是來散步的,哈哈!拍謝

    回覆刪除
  52. <7613233991140560832>(以上內容請勿刪除,從括號之後開始留言)下次有同樣情形時,可將 js 檔連結貼到瀏覽器網址列,看看能否正常讀取,就能測出是否為網路的問題了 :)

    回覆刪除
  53. <8478139648042588517>(以上內容請勿刪除,從括號之後開始留言)清楚,了解,感謝 XD

    回覆刪除
  54. 您好,已經拜讀了你不少的文章,
    獲益匪淺,這幾天發現,原本系列文章都是正常的,
    這幾天開始常常都顯示不出來,
    後來也嘗試了改成dropbox的js仍舊是無法顯示,
    不知道是哪裡出了問題,
    能否有機會能撥空看一下是哪裡出了狀況了嗎?

    https://linchipi.blogspot.co.uk/2016/04/harry-potter-railway.html
    我幾乎每一篇新的文章都有用這個系列文,但最近突然都跑不出來。

    謝謝!

    回覆刪除
  55. 您好,常常默默的潛水,看您的文章,
    真的獲益良多,想請問一下,這個功能最近突然失效了,
    我的每個網頁的這個功能都沒有出現,
    程式碼都沒有改,不知道是為什麼?
    會是因為blogger改設定成https的關係嗎?
    謝謝!
    http://linchipi.blogspot.com/2016/06/reykjavik.html

    回覆刪除
  56. <2545042632420685551>(以上內容請勿刪除,從括號之後開始留言)你好,看了你的網頁,由於不是官方範本,究竟跟哪裡的程式相衝突,你得自行想辦法 debug 了,可以提供一些技巧給你參考:

    "這個功能最近突然失效了" → 代表以前是可以的,那麼載入以前的範本檔案應該就可以了。

    如果有看過「備份 Blogger 範本的訣竅」 http://www.wfublog.com/2014/09/blogger-backup-skill.html → 建立版本控制,可以幫助你找出跟那個程式相衝

    每次安裝過不同的程式、只要動過範本,就建立一個版本,因為永遠不會知道何時、哪裡會產生未爆彈。

    回覆刪除
  57. <7032473498106108661>(以上內容請勿刪除,從括號之後開始留言)
    謝謝您的回覆,
    我前段時間沒有改任何東西,就自己失效了,
    然後我整個換了新的模組,
    仍然沒有辦法復原,
    會不會有可能是我的標籤太多了,
    導致沒有辦法讀取呢?

    回覆刪除
  58. <7350509648790755412>(以上內容請勿刪除,從括號之後開始留言)如果是你說的標籤問題,應該不會同樣一篇文章,以前可以顯示系列文,現在不能顯示系列文,比較有可能是別的問題所引起。

    另開一個新的網站、使用官方範本來比對,比較能找出你的問題。

    回覆刪除
  59. 我也是一段時間沒用,所有的連結都失效了。重裝後把js檔的連結換成自己的google drive(連結可以用沒問題)還是不行。我目前只有裝系列文跟樹枝標籤,可以幫我看看嗎?
    http://www.old-yang.blogspot.com

    回覆刪除
    回覆
    1. 連結失效的原因請見程式碼 K 行說明,並按照 K 行指示的步驟進行即可。

      刪除
    2. 先謝謝WFU大抽空幫我看。我目前新開了一個測試網頁https://old-yang03.blogspot.com。我照著步驟安裝了樹枝標籤和系列文,樹枝標籤正常了,但系列文仍不能顯示,這能幫忙看看嗎?
      另外,因為我的網站是深色的,請問那一行程式碼可以改收合標籤的背景色,之前的版本只有文字沒這個問題。

      刪除
    3. 你給的網站無法進入喔,然後,系列文請給文章網址。

      刪除
    4. 不好意思,我忘記公開了,現在應該可以看到了。裡面有兩篇文章,標籤是滑板-滑板保養。文章本身就是照上面設定,也有改共同字串"滑板保養",但不知沒作用。

      刪除
    5. 你的 js 外連是錯誤的喔,用的還是 google drive,再提醒一次,請見程式碼 K 行說明,並按照 K 行指示的步驟進行 → 建議你使用 dropbox 外連產生器,來產生 js 外連。

      刪除
    6. 請問現在google drive有沒有開放外連?我看文章好像說關閉了,後來又好像在哪篇看到說可以用。
      我改用dropbox後就可以了,謝謝WFU大

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。