Link Cards

Link cards create rich preview cards for external resources, related pages, or further reading.

Basic Usage

Grav - A Modern Flat-File CMS

Grav is a Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS.

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.

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:

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