✨ add webmentions feature (#91)

* add webmention and pingback links

* add sample environment

* ignore `.env` file

* add webmention and dotenv packages

* add webmentions plugin and configure

* add webmentions output to content page

* add dotenv

* ignore webmention cache

Author: benkutil

.eleventy.js

@@ -1,9 +1,15 @@
+require('dotenv').config();
+const Webmentions = require("eleventy-plugin-webmentions");
 const pluginRss = require("@11ty/eleventy-plugin-rss");
 const htmlmin = require("html-minifier");
 
 module.exports = function(eleventyConfig) {
     // 11ty plugins
     eleventyConfig.addPlugin(pluginRss);
+    eleventyConfig.addPlugin(Webmentions, {
+        domain: "benkutil.com",
+        token: process.env.WEBMENTIONS_TOKEN
+      });
 
     // run these configs in production only
     if (process.env.ELEVENTY_ENV === 'production' ) {

.env.sample

@@ -0,0 +1,2 @@
+ELEVENTY_ENV=environment
+WEBMENTIONS_TOKEN=yourWebmentionTokenHere

.gitignore

@@ -1,3 +1,5 @@
+.env
 node_modules
 package-lock.json
 _site
+_webmentioncache

package.json

@@ -22,9 +22,11 @@
   "devDependencies": {
     "@11ty/eleventy": "^2.0.0-beta.3",
     "@11ty/eleventy-plugin-rss": "^1.2.0",
+    "eleventy-plugin-webmentions": "^2.0.0",
     "html-minifier": "^4.0.0"
   },
   "dependencies": {
-    "@11ty/eleventy-upgrade-help": "^2.0.5"
+    "@11ty/eleventy-upgrade-help": "^2.0.5",
+    "dotenv": "^16.0.3"
   }
 }

src/_includes/layouts/base.njk

@@ -13,6 +13,10 @@
 
     <link rel="canonical" href="{{ page.url | absoluteUrl(siteData.url) }}">
     <link rel="alternate" type="application/rss+xml" title="{{ siteData.title | safe }}" href="{{ '/feed.xml' | absoluteUrl(siteData.url) }}">
+    
+    <link rel="webmention" href="https://webmention.io/benkutil.com/webmention" />
+    <link rel="pingback" href="https://webmention.io/benkutil.com/xmlrpc" />
+
     <style type="text/css">
   	html { margin: 0; padding: 0; text-align: center; }
   	body {

src/_includes/layouts/content.njk

@@ -2,4 +2,5 @@
 layout: layouts/base.njk
 templateClass: tmpl-content
 ---
-{{ content | safe }}
+{{ content | safe }}
+{%- set currentPostMentions = webmentions | webmentionsForPage -%}