侧边栏
自动添加站点前缀
所有的链接都会自动添加 base
使用绝对路径模式
请将 paths.relative 设置为 false
svelte.config.js
+
import adapter from '@sveltejs/adapter-static'
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
paths: {
relative: false,
},
},
}
export default configjs
使用方式
传递 sidebar 选项给默认主题来配置侧边栏
配置示例
import { defaultTheme } from '@sveltepress/theme-default'
import { sveltepress } from '@sveltepress/vite'
import { defineConfig } from 'vite'
export default defineConfig ({
plugins : [
sveltepress ({
theme : defaultTheme ({
sidebar : {
'/foo/': [
{
title : 'Bar',
to : '/foo/bar/',
},
{
title : 'Zoo',
collapsible : true,
items : [
{
title : 'Sub item',
to : '/sub/item/link'
}
]
},
{
title : 'GitHub 外部链接',
to : 'https://github.com'
}
]
}
})
})
]
})ts
title
文字
to
地址
自动的外部链接图标
与导航栏不一样，侧边栏使用的是 Link 组件.
这意味着以 http(s) 开头的链接将会被自动识别为外部链接，从而展示外部链接的图标
collapsible
组是否可折叠，默认为 false
items
组内的子项
嵌套子项
支持嵌套子项