Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nekoshita/obsidian-auto-card-link
https://github.com/nekoshita/obsidian-auto-card-link
Last synced: about 1 month 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 (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-29T12:29:06.000Z (3 months ago)
- Last Synced: 2024-04-30T11:38:34.281Z (about 2 months ago)
- Language: TypeScript
- Size: 1.59 MB
- Stars: 147
- Watchers: 4
- Forks: 9
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- 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