README

包含超过550个与homelab相关的软件、产品和品牌的全彩SVG图标，尺寸标准化。

用法

⚠️ 所有用户在使用此项目前应阅读免责声明 ⚠️

通用用法

图标作为SVG文件在assets目录中可用。查看ICONS.md以预览所有图标。

Diagrams.net用法

在Diagrams.net项目中，转到文件-->从URL打开库并粘贴以下URL（加载需要一秒钟）

https://raw.githubusercontent.com/loganmarchione/homelab-svg-assets/main/homelab-svg-assets.xml

您也可以使用内置于URL的库开始全新的项目，使用此链接（也在下面）

https://app.diagrams.net/?clibs=Uhttps%3A%2F%2Fraw.githubusercontent.com%2Floganmarchione%2Fhomelab-svg-assets%2Fmain%2Fhomelab-svg-assets.xml

如果您自行托管Diagrams.net（它作为Docker容器提供），您可以将域名替换为您的自定义域名

https://drawio.yourdomain.com/?clibs=Uhttps%3A%2F%2Fraw.githubusercontent.com%2Floganmarchione%2Fhomelab-svg-assets%2Fmain%2Fhomelab-svg-assets.xml

CDN用法

图标通过jsDelivr提供。

根据需要替换图标名称。您还可以将latest替换为特定版本。

<img height="48" width="48" src="https://cdn.jsdelivr.net.cn/npm/@loganmarchione/homelab-svg-assets@latest/assets/linux.svg"/>

PHP用法

图标在Packagist上作为PHP包提供。

运行composer require loganmarchione/homelab-svg-assets，或将包添加到您的composer.json文件（如下所示）

{
    "require": {
        "loganmarchione/homelab-svg-assets"
    }
}

图标将位于./vendor/loganmarchione/homelab-svg-assets/assets/linux.svg

NPM用法

图标在NPM上作为包提供。

运行npm install @loganmarchione/homelab-svg-assets，或将包添加到您的package.json文件（如下所示）

{
  "dependencies": {
    "@loganmarchione/homelab-svg-assets": "*"
  }
}

图标将位于./node_modules/@loganmarchione/homelab-svg-assets/assets/linux.svg

Hugo用法

有一个go.mod文件，因此此图标包可以用作Hugo模块。您需要使用至少Hugo 0.56.0。

在您的Hugo站点目录中，将您的站点初始化为模块

hugo mod init foo

在您的config.yaml（根据.json或.toml配置文件进行调整），添加以下部分

module:
  imports:
    - path: github.com/loganmarchione/homelab-svg-assets
      mounts:
        - source: assets
          target: assets/svg/homelab-svg-assets

下载模块

hugo mod get -u

在以下位置创建一个简码

layouts/shortcodes/homelab.html

将以下代码复制/粘贴到简码中（您可以在示例中使用类blah应用自定义CSS）

{{/*Get the parameters */}}
{{ $path := (.Get "src") }}

{{/* Concat to create the correct path */}}
{{- $icon := resources.Get (print "svg/homelab-svg-assets/" $path ".svg" ) -}}

<span class="blah">{{- $icon.Content | safeHTML -}}</span>

最后，在您的markdown文件中，您可以引用图标

{{< homelab src="linux" >}}

法律

查看DISCLAIMER.md

其他图标集

如果不提及其他优秀的图标集，那将是我的失职

Simple Icons - 为流行品牌提供的单色SVG图标
Bootstrap Icons - 主要为通用图标，但也包含一些品牌图标
Font Awesome - 通用图标和品牌图标的混合
Devicon - 代表编程语言、设计和开发工具的图标
Dashboard Icons - SVG和PNG仪表盘图标的混合
Aegis Icons - 开源Android身份验证器Aegis的非官方2FA入口图标

待办事项

参见 TODO.md

loganmarchione / homelab-svg-assets

维护者

详细信息