二甲基

原生 Unicode Emoji#

Shirone 直接基于标准 UTF-8 编码渲染原生 Emoji，无需额外的转译插件或客户端字典。你可以把它们写进段落、标题、列表，甚至 frontmatter：

1
## 支持的平台 🎯
2

3
- 🚀 构建阶段完成静态提取
4
- 🎨 配色跟随主题动态变化
5
- 🧩 组件按需加载

渲染效果：

• 🚀 构建阶段完成静态提取
• 🎨 配色跟随主题动态变化
• 🧩 组件按需加载

标题中同样可以直接书写，例如「支持的平台 🎯」，它会被原样纳入右侧目录。

矢量图标系统#

Shirone 深度集成了 Iconify 与 Material Symbols 图标集：

• 在站点配置、导航栏、侧边栏卡片与自定义组件中，可直接使用标准图标标识符（如 ri:book-open-line、material-symbols:apps-rounded、fa6-brands:github）。
• 图标在构建期进行静态提取与 SVG 矢量内嵌，无需引入整套图标字体包。

以导航栏配置为例，图标标识符直接写在 YAML 中：

1
items:
2
  - name: 首页
3
    url: /
4
    icon: material-symbols:home-rounded
5
  - name: 归档
6
    url: /archive/
7
    icon: material-symbols:inventory-2-rounded
8
  - name: GitHub
9
    url: https://github.com/LyraVoid/Shirone
10
    icon: fa6-brands:github

侧边栏卡片同理，icon 字段接受任意 Iconify 标识符：

1
widgets:
2
  - type: profile
3
    icon: material-symbols:account-circle-rounded
4
  - type: announcement
5
    icon: ri:notification-3-line

图标集合查找#

你可以访问 icones.js.org 浏览和检索数万款可用图标的编码标识符，复制「Iconify 名称」即可直接填入配置。

图标在服务端完成 SVG 内联，页面加载后不会产生额外的图标请求，也不存在图标字体常见的首屏闪烁问题。