Skip to content

【其它】:可选增加 xicons 收集的开源图标库 #769

Open

Description

@Tikas

议题内容

个人考虑到网站整体使用的图标并不会太多,可能也就十来个左右。

而为了这十来个的图标就进行额外的整个图标库加载,增加了不必要的浪费。

考虑到 xicons 收集了众多开源图标库,为此,产生了一个新的想法:

07akioni/xicons 收集的开源图标库,本身支持 SVG 代码复制,以及 <img src="@sicons/fluent/Money16Regular.svg" /> 引用方式。

  • 可以在支持图标的地方,增加支持 SVG 代码。以增加少数 html 代码量和少数渲染资源,来抛弃了图标库的引入。(现在都会开启 gzip,不会增加太多文件大小)
  • 可以在支持图标的地方,使用 img 标签引入指定的 svg 文件,这样虽然增加了请求,却是按需加载。

为提高代码质量,这两种方案可以在配置文件中,让用户选择其中一个。

Activity

  1. xaoxuu commented on May 26, 2022

    @xaoxuu
    Member

    好东西,stellar也是用svg做图标的,不过是手动复制svg链接。

  2. github-actions commented on May 26, 2022

    @github-actions
    Contributor

    👋 Hello,
    Your suggestion is great, we will add this feature in subsequent versions, thank you very much!

    👋 您好,
    您的建议很棒,我们将会在后续版本中加入这个功能,非常感谢!

  3. Tikas commented on Feb 1, 2025

    @Tikas
    MemberAuthor

    由于 hexo 本身架构原因,要想自由实现此功能,会非常麻烦,如果有谁需要此功能,请打开此 issues

  4. xaoxuu commented on Feb 3, 2025

    @xaoxuu
    Member

    可以实现的,用 <img src="@sicons/fluent/Money16Regular.svg" /> 或者 {% icon xxx %} 都行,最好是后者,没有侵入性。

  5. reopened this on Feb 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    todo待办事项

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions