Obsidian Auto card link 플러그인

오늘 소개할 Obsidian 플러그인은 URL에서 메타데이터를 자동으로 가져와 카드 스타일 링크로 만들어주는 auto card link라는 플러그인이다. 즉, 아래와 같이 티스토리에서와 같이 링크를 넣고 엔터를 눌렀을 때 나오는 미리 보기이다.

기능

• 붙여 넣기 및 URL 자동 변환: 복사한 URL을 붙여 넣으면 자동으로 카드 링크로 변환된다.(수동, 자동은 설정에서 변경 가능)
• 내부 링크 이미지 지원: 내부 링크 (image: "[[image.png]]")를 통해 로컬 이미지 지원.

cardlink 속성

cardlink 코드 블록은 YAML 문법을 사용하여 카드 스타일 링크를 표시한다.
자동으로 메타데이터를 가져오지 못했다면 직접 아래 문법에 따라서 추가해 주면 된다!

이름	필수	설명
url	Yes	링크를 클릭했을 때 열릴 URL
title	Yes	링크 제목
description	No	링크 설명
host	No	링크 호스트
favicon	No	링크 favicon
image	No	카드 링크에 표시할 썸네일 이미지

예시

​`cardlink
url: https://obsidian.md/
title: "Obsidian"
description: "Obsidian: 로컬 마크다운 파일에서 작동하는 지식 베이스."
host: obsidian.md
favicon: https://obsidian.md/favicon.ico
image: https://obsidian.md/images/banner.png
​`

스타일 사용자 정의

카드 스타일 링크는 styles.css 파일에 의해 스타일이 지정되며, CSS snippets을 통해서 사용자 설정이 가능하다.

GitHub - nekoshita/obsidian-auto-card-link