問題


在GithubPage上生成的靜態網站,或部落格,如果你仔細去看,許多人的文章都是直接全開的。早期,我的潛意識注意到這點,僅覺得閱讀文章時,旁邊的scroll好長好小好討厭。 結果在這裡寫文章後,終於了解原因是什麼了。

因為在index.html裡頭的<\article>標籤內的{\{ post.content }\}讓每篇文章都盡情展現了自己,這個.content就是每篇文章的全部「內容](不包含.md檔標頭的定義)。

解決方法


方法一

將index.html1中的{\{ post.content }\}改成{\{ post.content | strip_html | truncatewords: 100 }\}2

缺點是,文章預覽的部分,他們的格式會消失僅剩純文字。

方法二

使用Jekyll的一個功能excerpt_separator,它本身就是專門做文章節錄使用,你只要確定你的主題有定義好它就能使用了。

先確定在_config.yml中有這段excerpt_separator: <\!-- more --\> 冒號後面是可以變更的,你可以變更為任何你想要當做節錄中止的符號。你甚至可以不需要在config中定義,而在每篇文章標頭中定義它。

接著到你的文章內將<\!-- more --\>放到你想要節錄的中止地方,以本篇文章來說我放在### 解決方法上方,如圖:

more所在

  1. 有些主題的index.html還會包含別的html,而有可能會在別的html定義article標籤內容。 

  2. 這裡的{}有加反斜線,實際寫時務必拿掉,因為即使在markdown裡的`(quote)內,裡面html物件仍會照常執行。 

Comments