[美化] URL图标

BORBER · 2021 年9 月 17 日 08:58

来源: Obsidian--ITS-Theme/S - External Link Icons.css at main · SlRvb/Obsidian--ITS-Theme · GitHub

效果

给你的预览界面 [网址](地址) 添加小图标

效果演示:

分享是一种美德, 特别是你是为自己付出的, 同时发现也能帮助到别人, (开源精神?) . 不是为了炫耀什么, 也不给人设立障碍, Talk is cheap, show you the code!

WouiTC · 2021 年9 月 18 日 12:23

这个图标大小怎么修改，你这个显示的和文字一样大，我的显示的有点小

BORBER · 2021 年9 月 18 日 13:44

直接改代码有点麻烦, 建议直接在顶部的网站选择对应大小的图标重新生成

Mouth · 2021 年9 月 19 日 01:34

感谢分享效果很棒

JK · 2021 年9 月 20 日 00:48

请问我出现了图标下沉的情况，有办法解决嘛？

BORBER · 2021 年9 月 20 日 06:54

这个可能是css有冲突, 你可能得打开控制台排查一下

JK · 2021 年9 月 20 日 07:06

好的，谢谢解答！

uncoverman · 2021 年9 月 20 日 12:57

好看。不过试了一下，也有图标下沉的情况，发现可能是界面放大缩小，图标不会跟着变大小引起的。调试了一下，把vertical-align:text-top改成了vertical-align:top，在我的编辑器里稍微美观些。

JK · 2021 年9 月 20 日 13:10

大佬牛逼！我的也可以了！

BORBER · 2021 年9 月 20 日 13:11

恩恩好的如果你的图标比较小的话, 也是可以选大一点的icon生成链接替换掉 css 顶部有icon的网站

复耳mos · 2022 年1 月 8 日 06:40

馋大佬的样式，总忘了问你要，只能自造，感觉不如你的精致

BORBER · 2022 年1 月 8 日 09:29

@复耳mos 我现在还停留在老的编辑模式, 没有往预览模式转移, 你已经转移了吗?

BORBER · 2022 年1 月 8 日 09:52

其实现在的样式是这样的, 以前的也不太精致

复耳mos · 2022 年1 月 8 日 10:23

@BORBER 波大不出没了，是在暗地里修炼独门秘技咩？练出好招儿，可不许藏私喔也得传授给小跟班哈o(￣▽￣)ゞ犹记起跟大佬混的美好时光

北极星 · 2022 年1 月 26 日 09:05

大佬，你的样式好好看，请问是哪个主题呀。

BORBER · 2022 年1 月 26 日 11:32