图标 (Icon)

👁️ 预览链接已失效，因为原始模板站点可能不再可用。

在 Jekyll 中，您可以直接使用 Font Awesome 图标（如果已在项目中设置）或嵌入自定义 SVG。

使用 Font Awesome (假设已安装)

<i class="fa-solid fa-heart"></i>

使用自定义 SVG

您可以直接在 Markdown 中嵌入 SVG，或者创建一个 Vue 组件来处理 SVG 图标。

<!-- 直接嵌入 -->
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- SVG 路径等 -->
</svg>

<!-- 或者使用 Vue 组件 -->
<CustomIcon name="orcid" />

参数

参数	描述
icon	(概念性) Font Awesome 图标的完整类名 (例如 fa-solid fa-heart, fa-brands fa-github)，或者自定义 SVG 图标的标识符/路径 (例如 orcid.svg 或 Vue 组件的 name prop)。 您需要确保 Font Awesome 已正确配置或自定义 SVG 可访问。

提示

原始模板使用了 Liquid 标签 {% include icon.html ... %}。在 Jekyll 中，您需要直接使用 HTML <i> 标签 (对于 Font Awesome) 或 <svg> 标签/自定义组件来显示图标。