フッター
themeConfig.footer
が存在する場合、VitePress はページの下部にグローバルフッターを表示します。
ts
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
}
上記の構成は HTML 文字列もサポートしています。その exemplu、フッターテキストにいくつかのリンクを設定する場合は、構成を次のように調整できます。
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>'
}
}
}
警告
<p>
要素内でレンダリングされるため、message
と copyright
ではインライン要素のみを使用できます。ブロック要素を追加したい場合は、代わりに layout-bottom
スロットを使用することを検討してください。
フッターは サイドバー が表示されている場合は表示 されません。
フロントマターの設定
フロントマターの footer
オプションを使用して、ページごとに無効にすることができます。
yaml
---
footer: false
---