https://github.com/nekoshita/obsidian-auto-card-link

https://github.com/nekoshita/obsidian-auto-card-link

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nekoshita/obsidian-auto-card-link
• Owner: nekoshita
• License: mit
• Created: 2022-04-02T07:10:01.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-29T12:29:06.000Z (9 months ago)
• Last Synced: 2024-08-08T00:44:56.754Z (4 months ago)
• Language: TypeScript
• Size: 1.59 MB
• Stars: 172
• Watchers: 4
• Forks: 13
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• project-awesome - nekoshita/obsidian-auto-card-link - (TypeScript)

README

        
# 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](./styles.css). To customize, you can try making [CSS snippets](https://help.obsidian.md/How+to/Add+custom+styles#Use+Themes+and+or+CSS+snippets).

# Motivation

- Wanted to show beautiful links in my notes

- Didn't want to mess up my notes with HTML tags