Auto Card Link

Auto Card Link

• Automatically fetches metadata from a url and makes it as a card-styled link.
• Card-styled link is generated by code block which does not mess up your Markdown files unlike HTML tags!

Feature

• Paste and enhance copied url
• Enhance selected url
• Setting for enhancing default paste
• Support for local images through internal links (image: "[[image.png]]")

cardlink syntax

The code block cardlink uses YAML syntax for displaying card-styled link.

attributes

example

​```cardlink
url: https://obsidian.md/
title: "Obsidian"
description: "Obsidian: A knowledge base that works on local Markdown files."
host: obsidian.md
favicon: https://obsidian.md/favicon.ico
image: https://obsidian.md/images/banner.png
​```

Customizing Style

Card-styled link is styled by styles.css. To customize, you can try making CSS snippets.

Motivation

• Wanted to show beautiful links in my notes
• Didn't want to mess up my notes with HTML tags