Webmentions (coming soon!)

(webmentions are in alpha in svekyll currently, please help here: https://extrastatic.dev/svekyll/svekyll/-/issues/1 ) )

Use webmentions instead of embedding commenting tools like Disqus, Facebook or other tools (which often lead to toxic comments).

Webmentions look like this when embedded in your blog. The styling is completely customizable because this is a JSON feed which you then display on your own terms. Best of all, no spyware or tracking information from social media companies lives on your site.


To use webmentions, add to your _config.yml. You must enable webmentions and add a site attribute.

site: svekyll.com
    enabled: true
    # feed: "https://webmention.io/api/mentions.jf2?json=f&target=https%3A%2F%2F";
    link: https://twitter.com/svekyll
    text: "Twitter"
    icon: 'twitter'

You must have both comments with webmentions configured (the feed is optional and defaults to the JSON feed from webmention.io) and have a social presence setup somewhere on your site so that webmention.io can authenticate you. One way to do this is with the links section of _config.yml as seen above; at the very least you need a twitter or GitHub link somewhere on your site (with the rel=“me” attribute, which the links array includes automatically).

Once this is configured, visit Webmention.io, enter your site URL, and authenticate.

Then, login at brid.gy to start collection.

Webmention.io will provide comments made over Twitter or other social services, or on other sites which reference your site, and then provide you with a JSON feed.

Webmentions will be embedded in your page using the <Webmention/> tag, as an example, look in $layouts/blog.svelte.