Vergil 主题文档

底部导航

底部导航

页脚导航链接配置在 src/data/config/nav.tsfooterNavLinks 字段中,会显示在网站底部版权信息的上方。

配置方式

export const footerNavLinks = [
    { text: '关于', href: '/about' },
    { text: '联系', href: '/contact' },
    { text: 'GitHub', href: 'https://github.com/username' }
];
字段必填说明
text链接显示的文字
href跳转地址。相对路径指向站内页面,完整 URL(以 http://https:// 开头)会自动在新窗口打开

建议配置

一个典型的个人博客配置:

export const footerNavLinks = [
    { text: '关于', href: '/about' },
    { text: '联系', href: '/contact' },
    { text: 'GitHub', href: 'https://github.com/yourname' },
    { text: 'RSS', href: '/rss.xml' }
];
Tip

页脚导航建议控制在 3-5 个链接,保持简洁。过多链接会让页脚显得拥挤。