feat: 集成 @nolebase/vitepress-plugin-index

Signed-off-by: Neko Ayaka <neko@ayaka.moe>

Author: nekomeowww

.vitepress/config.ts

@@ -211,7 +211,6 @@ export default defineConfig({
       { text: '主页', link: '/' },
       { text: '笔记', link: '/笔记/' },
       { text: '编目 Catalog', link: '/编目 Catalog/' },
-      { text: '最近更新', link: '/toc' },
     ],
     sidebar: calculateSidebar([
       { folderName: '笔记', separate: true },

.vitepress/theme/components/TocList.vue

@@ -13,6 +13,10 @@ import {
   NolebaseHighlightTargetedHeading,
 } from '@nolebase/vitepress-plugin-highlight-targeted-heading/client'
 
+import {
+  NolebaseIndexPlugin,
+} from '@nolebase/vitepress-plugin-index/client'
+
 import {
   NolebaseInlineLinkPreviewPlugin,
 } from '@nolebase/vitepress-plugin-inline-link-preview/client'
@@ -33,10 +37,10 @@ import AppContainer from './components/AppContainer.vue'
 import DocFooter from './components/DocFooter.vue'
 import HomePage from './components/HomePage.vue'
 import Share from './components/Share.vue'
-import TocList from './components/TocList.vue'
 
 import '@nolebase/vitepress-plugin-enhanced-readabilities/client/style.css'
 import '@nolebase/vitepress-plugin-highlight-targeted-heading/client/style.css'
+import '@nolebase/vitepress-plugin-index/client/style.css'
 import '@nolebase/vitepress-plugin-inline-link-preview/client/style.css'
 import '@nolebase/vitepress-plugin-git-changelog/client/style.css'
 import '@nolebase/vitepress-plugin-page-properties/client/style.css'
@@ -81,7 +85,6 @@ const ExtendedTheme: Theme = {
     app.component('HomePage', HomePage)
     app.component('DocFooter', DocFooter)
     app.component('Share', Share)
-    app.component('TocList', TocList)
     app.component('AppContainer', AppContainer)
     app.component('NolebaseUnlazyImg', NolebaseUnlazyImg)
 
@@ -133,6 +136,8 @@ const ExtendedTheme: Theme = {
         ],
       },
     })
+
+    app.use(NolebaseIndexPlugin)
   },
 }
 

.vitepress/theme/index.ts

@@ -0,0 +1,5 @@
+import { createRecentUpdatesLoader } from '@nolebase/vitepress-plugin-index/vitepress'
+
+export default createRecentUpdatesLoader({
+  dir: '笔记',
+})

data/toc.data.ts

@@ -42,6 +42,7 @@
     "@nolebase/vitepress-plugin-enhanced-readabilities": "^2.7.0",
     "@nolebase/vitepress-plugin-git-changelog": "^2.7.0",
     "@nolebase/vitepress-plugin-highlight-targeted-heading": "^2.7.0",
+    "@nolebase/vitepress-plugin-index": "^2.9.0",
     "@nolebase/vitepress-plugin-inline-link-preview": "^2.7.0",
     "@nolebase/vitepress-plugin-meta": "^2.7.0",
     "@nolebase/vitepress-plugin-og-image": "^2.7.0",

package.json

@@ -1,7 +1,17 @@
+---
+nolebase:
+  gitChangelog: false
+  pageProperties: false
+---
+
 # 目录
 
 排序方式：`最近更新`
 
 ---
 
-<TocList />
+<script setup>
+import { data } from './data/toc.data'
+</script>
+
+<NolebaseRecentUpdates :data="data" />

pnpm-lock.yaml

@@ -0,0 +1 @@
+# 编目