파비콘을 링크 옆에 출력하는 Link Favicons 플러그인

---

개요

Link Favicons 플러그인은 파비콘을 링크 옆에 출력해주는 플러그인입니다. CSS를 사용하지 않고도 링크에 해당하는 웹사이트 아이콘을 볼 수 있습니다.

Plugin Info

플러그인 명	Link Favicons
플러그인 설명	파비콘을 링크 옆에 출력해주는 플러그인
플러그인 분류	디스플레이 확장
Github 링크	Github 링크
옵시디언 링크	플러그인 링크
별점	⭐

---

기능

• 현재 노트의 링크를 자동으로 감지하고 파비콘을 얻습니다.
• 두가지 링크 형식 모두에 대한 연결 지원
  • 링크 양식 1:[Obsidian](https://obsidian.md/))
  • 링크 양식 2:https://obsidian.md/
• 특정 링크 파비콘 제외
  • |nofavicon을 추가하면 파비콘을 출력하지않습니다.
  • 예시: Display text|nofavicon

---

설정

• Icon provider: 파비콘 제공자
• Fallback icon provider: 대체 파비콘 제공자
• Not sure which proivder to choose?: 아이콘 제공자에게서 제대로 아이콘을 출력해주는지 테스트
• Ignored domain: 제외할 도메인 설정

파비콘을 출력할 링크 설정합니다.

• Reading, Source, Live preview 모드에서 파비콘을 출력할지 설정
• Icon Position: 파비콘 출력위치 설정
• Color inversion: 라이트, 다크 테마에 따른 색상 반전설정

---

관련 링크

[CSS Snippet] 외부 링크 아이콘 표시하기

외부 링크 아이콘 표시하는 CSS Snippet입니다. 예시 CSS 코드 .external-link::before { padding-right: 3px; vertical-align: middle; height: 16px; width: 16px; padding-top: 0px; } .external-link[href*="."]::before { content: url("data:image/sv

kaminik.tistory.com

---