【Docusaurus】介紹、建立步驟
Docusaurus 是由 Facebook 推出的,用 React 建構,所以可以使用 JSX 語法,或是使用 Components 去製作網站,原始樣板就有切換深色主題模式,文章的清單設定也非常的好理解,還可以使用 Algolia 實作搜索功能。
Docusaurus 是由 Facebook 推出的,用 React 建構,所以可以使用 JSX 語法,或是使用 Components 去製作網站,原始樣板就有切換深色主題模式,文章的清單設定也非常的好理解,還可以使用 Algolia 實作搜索功能。
之前在很多網站都會看到相同的搜尋欄,使用起來很好看也很方便,就想在我的 Docusaurus 加上搜尋欄,官方有介紹一些 DocSearch 的方法,我選擇使用最多人用,也是官方推薦的 Algolia 來實作搜尋功能,以下將介紹整個流程以及我有遇到的問題。
在前面一篇 【Docusaurus】在 Docusaurus 導入 Algolia 搜尋 有提到可以使用 Algolia 來實作搜尋效果,雖然是官方推薦的,但如果只是個人部落格,很難審核通過。
雖然一開始打文章只是為了自己的學習紀錄,不過呢~還是會希望有人看了文章能得到幫助,想說可以建個留言區,這樣就可以看到使用者的回饋。
雖然 Docusaurus 有 Sidebar 可以很清楚地找到你要的文章,但我希望可以在首頁看到最新更新的文章列表,不過在 Docusaurus 沒有內建的功能或 API 可以顯示所有的文章,所以需要自己做一個自動爬蟲的 component。
如題,在 Docusaurus 可以設定 showLastUpdateTime 以及 showLastUpdatAuthor,就可以在文章結尾顯示最新的更新時間及作者