Skip to content

页脚

配置

配置好 themeConfig.footer,VitePress 将在全局页面底部显示页脚,没有配置将不显示。

ts
export default {
  themeConfig: {
    footer: {
      message: "Released under the MIT License.",
      copyright: "Copyright © 2019-present Evan You",
    },
  },
};
ts
export interface Footer {
  // 版权前显示的信息
  message?: string;

  // 实际的版权文本
  copyright?: string;
}

上面的配置也支持 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>',
    },
  },
};

警告

只有内联元素可以在 messagecopyright 中使用,因为它们渲染在 <p> 元素中。如果想添加块元素,请考虑使用 layout-bottom 插槽。

请注意,当侧边栏可见时,不会显示页脚。

frontmatter 配置

可以使用 frontmatter 上的 footer 选项在单独页面上禁用此功能:

yaml
---
footer: false
---