Github Page 文章預覽
問題
在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 --\>
放到你想要節錄的中止地方,以本篇文章來說我放在### 解決方法
上方,如圖:
Comments