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

name required description
url true url to open when you click the link
title true title of the link
description false description of the link
host false host of the link
favicon false favicon of the link
image false thumbnail image to show in the card link

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