页脚
配置好 themeConfig.footer
, VitePress 将在全局页面底部显示页脚。
ts
export default {
themeConfig: {
footer: {
message: 'Released under the MIT License.',
copyright: 'Copyright © 2019-present Evan You',
},
},
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
ts
export interface Footer {
// The message shown right before copyright.
message?: string
// The actual copyright text.
copyright?: string
}
1
2
3
4
5
6
7
2
3
4
5
6
7
上面的配置也支持 HTML 字符串。所以,例如,如果你想配置页脚文本有一些链接,你可以调整配置如下:
ts
export default {
themeConfig: {
footer: {
message: 'Released under the <a href="https://github.com/vuejs/vitepress/blob/main/LICENSE">MIT License</a>.',
copyright: 'Copyright © 2019-present <a href="https://github.com/yyx990803">Evan You</a>',
},
},
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
警告
只有内联元素可以在 message
和 copyright
中使用,因为它们在 <p>
元素。如果要添加块元素,请考虑改用 layout-bottom
插槽。
请注意,当侧边栏可见时,不会显示页脚。