Link Cards
Rich link previews for external resources and related pages
Link Cards
Link cards create rich preview cards for external resources, related pages, or further reading.
Basic Usage
Grav - Modern Flat-File & API-First CMS | Grav CMS
Grav is a Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS, now with a first-party REST API and MCP server for headless and AI use.
getgrav.org
Syntax:
:::link-card{href="https://example.com"}
:::
The card automatically fetches and displays the page title and description from the URL.
With Custom Description
GitHub · Change is constant. GitHub keeps you ahead. · GitHub
The world's leading software development platform for open source and private projects.
github.com
Multiple Link Cards
Use link cards to create "Further Reading" sections:
CommonMark
The CommonMark specification for portable markdown.
commonmark.org
Overview · Phiki
Phiki --- PHP syntax highlighter using TextMate grammars.
phiki.dev
Best Practices
- Use link cards for external resources and references, not internal navigation
- Add custom descriptions when the auto-fetched one isn't clear enough
- Group related link cards together as a "Further Reading" section at the end of a lesson