
Getting web mentions and brid.gy working on the blog
Once I had a minimum viable blog up and running, I knew I wanted to get some indieweb love on it, in the form of webmentions. I’ve mostly ever only posted on Twitter prior to now:
14 years on this free website
— Jay (@jaygooby) December 12, 2020
So getting Tweet replies and likes was a must. I created a webmention.io account - the jay.gooby.org website already had my email address on it, so I just added a rel="me authn"
attribute to the link: <a href="mailto:jay@gooby.org" rel="me authn">jay@gooby.org</a>
which then let me login to webmention.io. And then from their dashboard, I grabbed the <link rel="webmention">
and <link rel="pingback">
links it created, added these to my jekyll header, and published the site.
Next, to get started ingesting Tweets, make sure your Twitter profile has a link to the website you’ll be showing the Tweets and likes on, then sign in with Twitter to brid.gy. This creates an account for you, and will start polling Twitter for tweets and likes that link to your website.
Finally, you need to show these webmentions on your website. I stole pretty whole-heartedly from Matt Hobbs via his Implementing Webmentions on this blog post. All I really did, was drop the Cloudinary functionality and add a small bit of styling to my Jekyll theme to support the webmentions, including a nice pure-css animated loader from loading.io/css.
All links, in order of mention:
- minimum viable blog: https://jay.gooby.org/2021/01/04/hello-2021
- indieweb: https://indieweb.org/
- webmentions: https://indieweb.org/Webmention
- December 12, 2020: https://twitter.com/jaygooby/status/1337708684978376707?ref_src=twsrc%5Etfw
- webmention.io: https://webmention.io/
- jay.gooby.org: https://jay.gooby.org
- brid.gy: https://brid.gy
- stole pretty whole-heartedly: https://gist.github.com/Nooshu/121e5bf7f3d5c6528413c57db257894f
- Implementing Webmentions on this blog: https://nooshu.github.io/blog/2019/11/18/implementing-webmentions/
- Cloudinary functionality: https://nooshu.github.io/blog/2019/11/18/implementing-webmentions/
- loading.io/css: https://loading.io/css/
Recent posts:
- Patch for aarch64 (aka arm64) openssl 1.0.2 'relocation R_AARCH64_PREL64 against symbol OPENSSL_armcap_P error'
- TIL: the `NO_COLOR` informal standard to suppress ANSI colour escape codes
- Copy the contents of a branch into an existing git branch without merging
- Adding search to a static Jekyll site using pagefind
- asdf, python and automatically enabling virtual envs