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