fa- 样式是指 Font Awesome 图标库的图标名称。从配置文件中可以看到，比如：

  • fas fa-home (首页图标)
  • fas fa-archive (归档图标)
  • fas fa-tags (标签图标)
  • fas fa-folder-open (文件夹图标)
  • fas fa-server (服务器图标)
  • fas fa-shield-alt (盾牌图标)
  • fas fa-robot (机器人图标)

📚 Font Awesome 图标查找资源

🌐 官方网站

Font Awesome 官方图标库：

🏷️ 图标分类说明

Font Awesome 图标分为几个主要类别：

  1. fas - Solid (实心图标)
  2. far - Regular (常规图标)
  3. fab - Brands (品牌图标)
  4. fal - Light (轻量图标，Pro版本)
  5. fad - Duotone (双色图标，Pro版本)

🔍 常用图标示例

技术类图标：

  • fas fa-code (代码)
  • fas fa-database (数据库)
  • fab fa-github (GitHub)
  • fab fa-docker (Docker)
  • fas fa-cloud (云)

分类图标：

  • fas fa-laptop-code (编程)
  • fas fa-network-wired (网络)
  • fas fa-brain (AI/智能)
  • fas fa-mobile-alt (移动设备)
  • fas fa-tools (工具)

导航图标：

  • fas fa-home (首页)
  • fas fa-user (用户)
  • fas fa-envelope (邮件)
  • fas fa-search (搜索)

💡 使用方法

在 Hexo Butterfly 主题中，图标格式为：

1
菜单名: /链接/ || 图标类别 图标名称

例如：

1
2
3
AI: /categories/ai/ || fas fa-robot
编程: /categories/coding/ || fas fa-code
数据库: /categories/database/ || fas fa-database

🛠️ 实用工具

您也可以使用这些在线工具快速查找图标：

  • 图标搜索： 在官网搜索框输入关键词（如 “robot”, “code”, “security”）
  • 图标预览： 可以直接在网站上看到图标效果
  • 复制代码： 点击图标后可以直接复制 HTML 类名