本站点使用的 VitePress 建造
VitePress 是一个由 Vue 团队开发的静态网站生成器,基于 Vite 和 Vue 3,专注于文档、博客和轻量网站的构建。它支持 Markdown 和 Vue 组件,提供简洁的默认主题和灵活的自定义能力,适合快速创建高性能的技术文档和个人博客。
VitePress 是一个由 Vue 团队开发的静态网站生成器,基于 Vite 和 Vue 3,专注于文档、博客和轻量网站的构建。它支持 Markdown 和 Vue 组件,提供简洁的默认主题和灵活的自定义能力,适合快速创建高性能的技术文档和个人博客。
✨ 集成 Vue 功能组件和主题美化的 VitePress 插件
pnpm install
pnpm run dev
其中分为 山、医、命、相、卜、相关经典
等文件夹
对应的就是 山篇、医篇、命篇、相篇、卜篇、相关经典
分类
请将书籍放置到相应的目录下
书籍名称:请用原名称替代 例:道德经.md
(可选)书籍内容: 请在该书籍最上方注明书籍标题,并采用以下格式
---
title: 道德经
---
## 第 1 章
····
进入 .vitepress/configs/sidebar.ts
目录
按照如下格式进行配置
// .vitepress/configs/sidebar.ts
export function Sidelc() {
return [
{
// text: '灵宠',
// collapsed: true,
base: '/灵宠/',
items: [
{ text: '宠物篇', link: '宠物篇' },
{ text: '植物篇', link: '植物篇' }
]
}
]
}
提示
text
:分类名称 (请勿修改)collapsed
: 打开下拉开关选项(请勿修改)base
: 分类文件夹 (请勿修改)items
:该分类下的文件路径配置新上传书籍 《宅经》
分类为 山篇
请将书籍拖动至 content/山
文件夹下
并且在 .vitepress/configs/sidebar.ts
添加侧边栏路径 配置如下:
// 山篇
return [
{
// text: '灵宠',
// collapsed: true,
base: '/山篇/',
items: [
{ text: '宅经', link: '宅经' },
{ text: '植物篇', link: '植物篇' }
]
}
]
做完上述步骤 运行
pnpm run dev
ok 现在就可以看到提交的书籍在侧边栏显示了
欢迎提交 Issue
和 Pull Request
共同维护和更新文档。