### 议题内容 个人考虑到网站整体使用的图标并不会太多,可能也就十来个左右。 而为了这十来个的图标就进行额外的整个图标库加载,增加了不必要的浪费。 考虑到 xicons 收集了众多开源图标库,为此,产生了一个新的想法: 07akioni/[xicons](https://github.com/07akioni/xicons) 收集的开源图标库,本身支持 SVG 代码复制,以及 `<img src="@sicons/fluent/Money16Regular.svg" />` 引用方式。 * 可以在支持图标的地方,增加支持 SVG 代码。以增加少数 html 代码量和少数渲染资源,来抛弃了图标库的引入。(现在都会开启 gzip,不会增加太多文件大小) * 可以在支持图标的地方,使用 img 标签引入指定的 svg 文件,这样虽然增加了请求,却是按需加载。 为提高代码质量,这两种方案可以在配置文件中,让用户选择其中一个。
Activity
xaoxuu commentedon May 26, 2022
好东西,stellar也是用svg做图标的,不过是手动复制svg链接。
github-actions commentedon May 26, 2022
👋 Hello,
Your suggestion is great, we will add this feature in subsequent versions, thank you very much!
👋 您好,
您的建议很棒,我们将会在后续版本中加入这个功能,非常感谢!
Tikas commentedon Feb 1, 2025
由于 hexo 本身架构原因,要想自由实现此功能,会非常麻烦,如果有谁需要此功能,请打开此 issues
xaoxuu commentedon Feb 3, 2025
可以实现的,用
<img src="@sicons/fluent/Money16Regular.svg" />或者{% icon xxx %}都行,最好是后者,没有侵入性。