Obsidian 插件:Link Favicons

Obsidian 插件:Link Favicons

插件名片

  • 插件名称:Link Favicons
  • 插件作者:Johannes Theiner
  • 插件说明:查看链接网站的网站图标。
  • 插件分类:[‘obsidian 插件 ’, ‘readme’]
  • 项目地址:点我访问
  • 国内下载地址:下载安装

概述

查看链接网站的网站图标。

Obsidian 插件:Link Favicons--概述

原文出处

下面自述文件的来源于 Readme


Readme(翻译)

下面是 link-favicon 插件的自述翻译

链接网站图标

Obsidian 的插件

Obsidian 插件:Link Favicons--


Obsidian 插件:Link Favicons--


Obsidian 插件:Link Favicons--


Obsidian 插件:Link Favicons--

使用此插件,您可以在不使用任何自定义 CSS 的情况下查看链接网站的图标。

Obsidian 插件:Link Favicons--

适用于:Admonition

, RSS Reader 和许多其他插件。

还请查看 适用于Firefox和基于Chromium的浏览器的链接网站图标

图标提供商

您可以在设置中选择以下提供商:

提供商最大尺寸回退选项最大请求数量
Google16x16 像素默认图标无限制️
DuckDuckGo默认图标无限制
Favicon Grabber每分钟 100 个
The Favicon Finder (自托管)256x256 像素自动生成无限制️
Icon Horse自动生成公平使用政策
Splitbee是 (来自 Google)未知

根据您选择的提供商,图标可能会有所不同。

图标提供商只会接收您链接的主机名,例如 forum.obsidian.md,而不是 https://forum.obsidian.md/t/custom-link-favicons-hiding-in-community-plugins/24112/5?u=joethei

覆盖图标

需要安装 Icon Shortcodes 插件

您可以在设置中使用您选择的图标覆盖任何域名的网站图标。

(请参见下面的演示 gif)

为 URI 方案定义图标

需要 Icon Shortcodes 插件

您还可以为 mailto://obsidian://calculator:// 等 URI 方案添加图标。

要做到这一点,请在设置中指定 URI 方案的名称(不包括 ://)。

(请参见下面的演示 gif 图)

Obsidian 插件:Link Favicons--为 URI 方案定义图标

禁用特定链接上的网站图标

如果您有一个链接,您不想看到网站图标,请在链接别名中添加 |nofavicon

[显示文本|nofavicon](https://example.org)

对于设计师

如果需要帮助进行样式设计,您还可以查看 Obsidian 会员群的 #appearance 频道(https://obsidian.md/community)。

如果您想要设计网站图标,可以使用类似下面的 CSS 代码片段,将所有网站图标显示为灰度。

body .link-favicon[data-is-readable-a-a] {
	filter: grayscale(100%);
}

如果您想要禁用自己对网站图标的样式设计,可以检查 data-favicon 属性是否为 “true”。下面的示例将删除外部链接图标

.external-link::after {
	display: none;
	content: '';
}

.external-link {
	background-image: none;
}

颜色反转

默认情况下,对于被认为不可读的图标,会应用颜色滤镜以提高可读性。

有多个指标可以用来判断图标是否可读:

  • is-darkis-light:图标的颜色感知亮度是否为暗色/亮色。
  • is-readable-a-a:根据 W3C AA规范
  • is-readable-a-a-a:根据 W3C AAA规范

默认情况下,使用 AA 值。

不建议使用 is-darkis-light 值,因为它们不考虑背景颜色。

这些值是从平均颜色计算得出的。

使用最主要的颜色会更准确,但目前尚未实现。

对于开发者

只要你使用 renderMarkdown 方法,这个插件就会为你的外部链接添加网站图标。

如果你不想在插件中添加链接图标,可以在调用该方法时将 no-favicon 添加到你的源路径中。

或者在链接元素上指定属性 data-no-favicon



反馈交流

其他渠道

版权声明