README

一个为Kirby 3提供在Kirbytext中轻松访问simple-icons的插件。
此插件允许您使用几乎所有您想要的知名品牌图标，而无需自己获取、优化和上传这些标志。

类似插件

"但是我不需要品牌!"
→ 嗯，也许这个是您要找的 :)

安装

选择以下之一

使用composer: composer require runxel/kirby-simpleicons；插件将自动出现在 site/plugins。
下载最新版本的zip文件，并将其内容放入 site/plugins/simpleicons。
请注意，您必须自行解决依赖。

目前不支持Git子模块，但当然您可以尝试。

依赖

请注意，此插件使用simple-icons Composer包。
如果您不是使用composer安装插件，则必须自行下载图标。

尽管有CDN可用，但我不建议使用它们。SVG可能包含可执行代码，并且CDN也可能跟踪您的网站上的用户。

使用方法

使用起来就像在文本中使用(icon:brandname)一样简单。
在任何将作为Kirbytext渲染的地方都可以使用。
svg将以内联方式提供，并位于具有固定类.simpleicon的span中。
但是，您可以指定自己的类，例如这样 (icon:github class:myclass)

要查看所有可用的图标，请访问simpleicons.org。
如果您认为缺少图标，请不要在此请求，而应在simple-icons存储库中请求。

[1] 这样做是为了您可以通过CSS中的fill进行样式设计。 ↩

配置

为了确保svg看起来不错，您需要一些适当的CSS样式，如下所示

.simpleicon { /* span */
    display: inline-block; /* important! */
    /* size can be adjusted to your taste */
    height: 1em;
    width: 1em;
    fill: var(--text-color); /* color the svg */
}

.simpleicon svg { /* not a must, just for your taste */
    vertical-align: middle;
}

免责声明

此插件提供“原样”且无保证。如果您发现任何问题，请创建一个新问题。

runxel / kirby-simpleicons

维护者

详细信息

README

类似插件

安装

依赖

使用方法

配置

免责声明