Code Notes

TILs, snippets—my digital code garden 🌱.

All notes 11ty a11y ai animation api backend cheatsheet cli computer-science cpp css cypress database deno dev devops git golang graphql html interview javascript maths messaging networking node performance php postgresql python questions react reference rust services sql storybook svelte sveltekit swift swiftui testing typescript typography vscode

🗣Webmentions

javascript html

Go to webmention.io

Add this to your site:

<link rel="webmention" href="https://webmention.io/zander.wtf/webmention" />
<link rel="pingback" href="https://webmention.io/zander.wtf/xmlrpc" />

Feeds:

  • https://webmention.io/api/mentions.html?token=YOUR_API_KEY
  • https://webmention.io/api/mentions.atom?token=YOUR_API_KEY

API Key

Find your API key on your webmention.io dashboard — keep it out of your source code.

Fetching mentions for a page

The mentions.jf2 endpoint is CORS-enabled, so you can fetch() it directly:

const response = await fetch(
  `https://webmention.io/api/mentions.jf2?per-page=500&target=${PAGE_URL}`
)
const mentions = await response.json()