vitepress sociallinks icon都有哪些
时间: 2025-01-24 20:47:18 浏览: 63
### VitePress `socialLinks` 支持的图标
在 VitePress 中,`socialLinks` 配置项用于定义页面侧边栏中的社交链接及其对应的图标。这些图标通常来自 FontAwesome 图标库或其他类似的图标集合。
虽然官方文档并未提供详尽的支持图标列表,但可以根据常见实践和社区反馈总结出一些常用的图标选项:
- GitHub: `{ icon: 'github', link: '...' }`[^1]
- Twitter: `{ icon: 'twitter', link: '...' }`
- LinkedIn: `{ icon: 'linkedin', link: '...' }`
- Facebook: `{ icon: 'facebook', link: '...' }`
- Email: `{ icon: 'envelope', link: 'mailto:...' }`
对于更全面的图标支持情况,建议查阅所使用的图标字体库的具体文档。如果项目依赖于 FontAwesome,则可以在其官方网站找到完整的图标列表并确认版本兼容性。
为了确保图标能够正常显示,在配置 `icon` 属性时应遵循以下几点原则:
- 使用小写字母
- 确认图标的名称与引入的图标集相匹配
- 如果自定义了图标路径或使用第三方插件扩展了图标功能,需按照相应说明进行调整
```javascript
// config.js 示例
module.exports = {
themeConfig: {
socialLinks: [
{ icon: 'github', link: 'https://github.com/your-repo' },
{ icon: 'twitter', link: 'https://twitter.com/your-handle' }
]
}
}
```
阅读全文
相关推荐















