Social Links

April 20, 2026 · 1 min read

Contents

Setup
Supported platforms
How handles are extracted
Ordering
See also

InkStone can display your social profiles in the footer as icon + handle pairs. The network is detected automatically from the frontmatter key name; the handle is extracted from the URL.

Setup

Add one key per platform to your root homepage frontmatter:

---
website: true
type: homepage
title: My Site

github: https://github.com/yourname
mastodon: https://mastodon.social/@yourname
bluesky: https://bsky.app/profile/yourname.bsky.social
---

That's all. InkStone shows the platform icon, extracts @yourname from the URL, and renders it in the footer. Hovering a link shows a tooltip with the full network name and handle.

Supported platforms

Key	Network	Handle from URL	`rel="me"`
`github`	GitHub	`@username`	✓
`mastodon`	Mastodon	`@username`	✓
`bluesky`	Bluesky	`@username` (`.bsky.social` stripped)	✓
`twitter`	X / Twitter	`@username`
`instagram`	Instagram	`@username`
`linkedin`	LinkedIn	`username`
`facebook`	Facebook	`username`
`youtube`	YouTube	`@handle`

rel="me" is set on GitHub, Mastodon, and Bluesky links — the platforms used for identity verification (e.g. Mastodon profile verification).

How handles are extracted

InkStone takes the last path segment of the URL and prepends @ where appropriate:

URL	Displayed as
`https://github.com/airenare`	`@airenare`
`https://mastodon.social/@airenare`	`@airenare`
`https://bsky.app/profile/airenare.bsky.social`	`@airenare`
`https://x.com/airenare`	`@airenare`
`https://linkedin.com/in/airenare`	`airenare`

Ordering

Links appear in the footer in a fixed order: GitHub → Mastodon → Bluesky → X → Instagram → LinkedIn → Facebook → YouTube. The order matches the registry — any platform you haven't set simply doesn't appear.