logo
0
0
WeChat Login

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

namerequireddescription
urltrueurl to open when you click the link
titletruetitle of the link
descriptionfalsedescription of the link
hostfalsehost of the link
faviconfalsefavicon of the link
imagefalsethumbnail 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

About

A obsidian with auto card link

1.71 MiB
0 forks0 stars1 branches0 TagREADMEMIT license
Language
TypeScript74%
CSS13.5%
JavaScript12.5%