Posted by Natalie

Obspogon
Obspogon asked:

How do I reblog from you, webmention style?

I want to test out webmentions since I added h-card markup to my blog thanks to your posts. How do I reblog a post from you? What HTML and classes do I use? I'm using a static site generator.

I'll make a more thorough post about this at some point, but the short answer is that all you really need to do is tell my Webmention receiver the URL to your post and the URL to the post it's reblogging. You can do that manually by pasting the link to your post in the little webmention form beneath each of mine, or automatically by hooking up your blog's RSS feed to webmention.app.

The only bit of markup that can help here is adding either class="u-repost-of" or class="u-in-reply-to"[1] on your post to indicate what it's reposting or replying to. Use u-repost-of if it's just a plain repost without any additions, and u-in-reply-to if you're adding any additional content. You can put these on:

  • A simple <a> tag whose href is my post.
  • The root element of an h-cite that provides more metadata about my post.
  • The root element of an h-entry fully embeds my post in your blog. (This is technically non-standard but it's what I do and it seems to work with everything I've tested.)

I've set up my site so that it hides Webmention likes and reposts, but displays replies as comments below the post. See this post for an example of that in action.


  1. Technically you can also do class="u-like-of" to indicate a like but that's not something that makes a lot of sense in a static site context. ↩︎

I'll make a more thorough post about this at some point, but the short answer is that all you really need to do is tell my Webmention receiver the URL to your post and the URL to the post it's reblogging. You can do that manually by pasting the link to your post in the little webmention form beneath each of mine, or automatically by hooking up your blog's RSS feed to webmention.app.

The only bit of markup that can help here is adding either class="u-repost-of" or class="u-in-reply-to"[1] on your post to indicate what it's reposting or replying to. Use u-repost-of if it's just a plain repost without any additions, and u-in-reply-to if you're adding any additional content. You can put these on:

  • A simple <a> tag whose href is my post.
  • The root element of an h-cite that provides more metadata about my post.
  • The root element of an h-entry fully embeds my post in your blog. (This is technically non-standard but it's what I do and it seems to work with everything I've tested.)

I've set up my site so that it hides Webmention likes and reposts, but displays replies as comments below the post. See this post for an example of that in action.


  1. Technically you can also do class="u-like-of" to indicate a like but that's not something that makes a lot of sense in a static site context. ↩︎

  1. ask
  2. web
  3. meta

Webmentions (1) What's that?

  1. Obspogon reposted on obspogon.neocities.org

    I set webmentions up ages ago I think it's finally time to test them.

    I was encouraged to do so thanks to nex-3's post, and I'm going to quote part of one below:

    You should do this too! If you can edit your blog's post layout, it's extremely easy. Just add those classes to the appropriate places, and you're off to go. If you don't already have an HTML element for…