Set up Disqus with Eleventy (11ty) Tutorial

Set up Disqus with Eleventy (11ty) tutorial
Set up Disqus with Eleventy (11ty) tutorial

Day 189


The Problem

I had one major issue getting the Disqus comment lightbox to work on my 11ty static generated blog website. So if you're using 11ty and you find yourself stuck, hopefully, you ran into the same issue, and this short blog helps.

The Solution

First click the link below, I followed this great tutorial to get me going.

Full Tutorial

1. Click the link above and follow the instructions.

2. if you got your Disqus lightbox to work. Well done!

3. If you didn't, don't worry. You're not stupid.

4. Put this script in the "\_data" folder; name the script whatever you like. I named mine "site.js"

Copy the code

module.exports = {

title: "name of your website",
description: "description of your website",
rootUrl: "https://link to your website",
disqusShortname: "your Disqus shortname",

};

5. If you followed the steps in the original blog, your lightbox should work!

This was the one blocking issue I had setting up Disqus. Please make sure you read the 11ty documentation. If I had read the documentation more thoroughly, I wouldn't have run into this issue in the first place, but you live, and you learn right.

Until next time, have a good one!

Recent Articles