社交链接与底部导航
社交链接与底部导航
社交链接
社交链接配置在 src/data/site-config.ts 的 socialLinks 字段中,会显示在网站底部的导航区域。
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' }
]