Receiving webmentions on my digital garden

*
planted: 04/03/2022last tended: 04/03/2022

Would be fun to be able to receive comments/annotations to my digital garden via webmentions.

As it is a static site, I'll do it with webmentions.io and webmentions.js

1. webmention.io

OK, so webmentions.io uses web log-in.

Alrighty, I'll do that via relme auth.

First I'll need to add some rel=me links.

Ha, sweet, I didn't realise rel me login can work via email address!

That's so cool. OK, so I added

<link rel="me" href="mailto:my@email.foo" />

to my head section for commonplace.doubleloop.net

and then signed in at webmention.io.

Now I can add

<link rel="webmention" href="https://webmention.io/commonplace.doubleloop.net/webmention" /> <link rel="pingback" href="https://webmention.io/commonplace.doubleloop.net/xmlrpc" />

to my head section.

ok, let's give it a spin!

2. sending a webmention

i can send webmentions from my existing indieweb blog at doubleloop.net

I sent one:

2022-03-04_18-10-09_screenshot.png

and it arrived!

2022-03-04_18-09-34_screenshot.png

It doesn't work with my wikilink rewriting stuff. So I need to use the full URL (or fix the rewriting stuff) if I want to mention from my own site. Which wasn't really the point, but actually could be interesting…

3. displaying webmentions

ok so now i'll try displaying received webmentions with webmentions.js

I followed the instructions at https://github.com/PlaidWeb/webmention.js

  • include script
  • add a div for webmentions
  • pop a teeny bit of styling in
2022-03-04_18-20-27_screenshot.png

And it works!

That took about 40 minutes in total, super cool.

Needs some styling and tweaking and adding to all pages now. But that's pretty epic.

Some thoughts:

  • how do I moderate mentions
  • I wonder if you can self host webmention.io

4. Elsewhere

4.1. In my garden

Notes that link to this note (AKA backlinks).

4.2. In the Agora

4.3. Mentions

Recent changes. Source. Peer Production License.