vuepress Plume 主题 notes 使用方法

小妖6662025-07-06 23:10

安装主题

复制代码

npm create vuepress-theme-plume@latest

运行

复制代码

npm run docs:dev

笔记链接在下面红框处

试着生成一个新的笔记

添加 notes/haha 目录，添加文件 biu.md、ha.md

ha.md

复制代码

---
title: ha
---

[ha](./ha.md)

biu.md

复制代码

---
title: biu
---

[biu](./biu.md)

README.md

复制代码

---
title: haha
---

- [ha](./ha.md)
- [biu](./biu.md)

文件内不要加 permalink 和 createTime 因为这是自动生成的，如果加了自动生成会失败，可以删除后重新运行就会自动生成了。

navbar.ts 导航文件要添加链接不然不会有跳转到这个笔记的链接

复制代码

  {
    text: '笔记',
    items: [{ text: '示例', link: '/notes/demo/README.md' },
      { text: '示例haha', link: '/notes/haha/README.md' }
    ]
  },

notes.ts 添加一个 notes

复制代码

const hahaNote = defineNoteConfig({
  dir: 'haha',
  link: '/haha',
  sidebar: ['', 'biu', 'ha'],
})

export default defineNotesConfig({
  dir: 'notes',
  link: '/',
  notes: [demoNote, hahaNote],
})

运行

复制代码

npm run docs:dev

可以看到 biu.md、ha.md 自动生成

复制代码

createTime: 2025/07/02 14:13:06
permalink: /haha/xqyh4cnn/