This guide demonstrates how to use the powerful blog linking system to create connections between your posts and enhance reader navigation.

Connecting related content helps readers:

- Discover more relevant information

The simplest way to reference another blog post:

This automatically creates a link using the target blog's title.

For more control over the link text:

You can also create traditional markdown links:

The system automatically suggests related posts based on:

- Common keywords in titles

Each blog post includes:

- Previous/Next Navigation: Chronological blog browsing

- Link to foundational concepts early in posts

Instead of generic "click here" links, use descriptive text:

- ❌ "For more info, {{blog:react-guide|click here}}"

Group related posts by themes:

- Programming tutorials

Here's how you might reference other content in your blogs:

The linking system:

- Processes {{blog:filename}} references automatically

You can include images in your blog posts using standard Markdown syntax or HTML. Images should be placed in a directory with the same name as your blog post (without the .md extension).

For a blog post named blog-linking-guide.md, create a directory blog-linking-guide/ in the public/images/ folder and place your images there:

This will automatically resolve to the correct path: /images/blog-linking-guide/sample-image.svg

Here's a sample image included in this blog post:

You can also use HTML img tags for more control:

Planned features include:

- Category-based filtering