Start typing to search

Press ESC to close
沉浸

社交链接与底部导航

社交链接与底部导航

社交链接

社交链接配置在 src/data/site-config.tssocialLinks 字段中,会显示在网站底部的导航区域。

socialLinks: [
    { text: 'GitHub', href: 'https://github.com/username' },
    { text: 'Twitter', href: 'https://twitter.com/username' },
    { text: '微博', href: 'https://weibo.com/username' }
]

社交链接会以新窗口方式打开,并在底部显示为图标+文字的形式。

底部导航

底部导航配置在 footerNavLinks 字段中:

footerNavLinks: [
    { text: '关于', href: '/about' },
    { text: '联系', href: '/contact' }
]

底部导航会显示在网站底部的版权信息上方。

建议配置

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

socialLinks: [
    { text: 'GitHub', href: 'https://github.com/yourname' },
    { text: 'Twitter', href: 'https://twitter.com/yourname' }
],
footerNavLinks: [
    { text: '关于', href: '/about' },
    { text: '联系', href: '/contact' },
    { text: '贡献', href: 'https://github.com/yourname/blog' },
    { text: '赞助', href: 'https://github.com/sponsors/yourname' }
]
未知标题
00:00
00:00
播放列表