讓 Docusaurus 側邊欄顯示全部貼文
· 2 min read
要讓 Docusaurus 的側邊欄顯示所有 blog 貼文,需要在 docusaurus.config.js 的 blog 插件配置中設定 blogSidebarCount: 'ALL' 。
Docusaurus 預設成只顯示最近 5 篇貼文,而我一直沒發現這件事(到底是多遲鈍),
一直到寫上一篇文章的時候,才覺得有點怪怪的:「不對啊,我覺得我已經寫了不止五篇了吧……為甚麼側邊欄還是那麼短?!」
我之前的廢話去哪裡了?是說訪客們一直都只看到五篇文嗎?好丟臉啊啊啊
所以才告訴自己說一定要查一查哪裡有問題。
不過這個「想法」到「真的動手做」又是兩天(可怕的拖延症)
這個側邊欄的設定在官方文檔裡也有說明,不過我還是把自己的修改紀錄一下好了。
以我的 blog 來說,就是要先在 Docusaurus 網站的根目錄裡找到 docusaurus.config.js 這個文件,打開它,找到 blog: { 這個部分:
記得要放到正確的 層級裡,不然就會產生錯誤囉。
所以我的版本現在長這樣:
blog: {
blogSidebarCount: 'ALL', // Or 10, or 0 <-- 加這行
blogSidebarTitle: 'All Posts', // Optional
showReadingTime: true,
feedOptions: {
type: 'all', // 'rss' | 'atom' | 'json' | 'all'
title: '聆音茶話',
description: '流行歌、下午茶、可能還有棒球──',
copyright: `Copyright © ${new Date().getFullYear()} 聆音`,
language: 'zh-Hant',
xslt: true,
},
onInlineTags: 'warn',
onInlineAuthors: 'warn',
onUntruncatedBlogPosts: 'warn',
},
寫完這篇,又覺得自己聰明了一點呢。