VitePressFooter
VitePress will display global footer at the bottom of the page when themeConfig.footer is present.
ts
export default {
themeConfig: {
footer: {
message: 'Released under the MIT License.',
copyright: 'Copyright © 2019-present Evan You'
}
}
}export default {
themeConfig: {
footer: {
message: 'Released under the MIT License.',
copyright: 'Copyright © 2019-present Evan You'
}
}
}ts
export interface Footer {
// The message shown right before copyright.
message?: string
// The actual copyright text.
copyright?: string
}export interface Footer {
// The message shown right before copyright.
message?: string
// The actual copyright text.
copyright?: string
}The above configuration also supports HTML strings. So, for example, if you want to configure footer text to have some links, you can adjust the configuration as follows:
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>'
}
}
}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>'
}
}
}WARNING
Only inline elements can be used in message and copyright as they are rendered inside a <p> element. If you want to add block elements, consider using layout-bottom slot instead.
Note that footer will not be displayed when the SideBar is visible.
Frontmatter Config
This can be disabled per-page using the footer option on frontmatter:
yaml
---
footer: false
------
footer: false
---