Utterances not working on nomemory/andreinc-site

[nomemory]

What happened?

• Minimal Mistakes version:
• Ruby gem or remote theme version: gem 'minimal-mistakes-jekyll', '~> 4.24'
• Jekyll version:
• Git repository URL: https://github.com/nomemory/andreinc-site
• Hosted on GitHub Pages (if yes provide URL to site): www.andreinc.net
• Operating system: MACOS

Expected behavior

I've added utterances support in the configuration:

repository: "nomemory/andreinc-site"
comments:
  provider: "utterances"
  utterances:
    repo:  "nomemory/andreinc-site"
    theme: "github-light" # "github-dark"
    issue_term: "pathname"

Also installed utterances app on github.

But the comments are not showing up on any of my articles, even if they are manually enabled.

Steps to reproduce the behavior

Configuration:

repository: "nomemory/andreinc-site"
comments:
  provider: "utterances"
  utterances:
    repo:  "nomemory/andreinc-site"
    theme: "github-light" # "github-dark"
    issue_term: "pathname"

Other

When analysing the HTML I can see the utterances script being present in the page:

  'use strict';

  (function() {
    var commentContainer = document.querySelector('#utterances-comments');

    if (!commentContainer) {
      return;
    }

    var script = document.createElement('script');
    script.setAttribute('src', 'https://utteranc.es/client.js');
    script.setAttribute('repo', 'nomemory/andreinc-site');
    script.setAttribute('issue-term', 'pathname');
    script.setAttribute('theme', 'github-light');
    script.setAttribute('crossorigin', 'anonymous');

    commentContainer.appendChild(script);
  })();

But I cannot find any div with id="utterances-comments" in the page.

If I add manually the div comments are showing.

[mmistakes]

If you're not seeing <div id="utterances-comments"> in the page source, then that likely has to do with how you're building the site.

As noted in the theme's docs,

Note: Comments are disabled by default in development. To enable when testing/building locally be sure to set JEKYLL_ENV=production to force the environment to production.

The theme expects Jekyll's environment value to be production... by default it's development. If you're building/hosting with GitHub Pages it automatically sets it to production for you.

But if you're using something like Netlify or another service you'll have to add the environment variable yourself. I see you have a netlify.toml file so going to assume you're using them.

Just add JEKYLL_ENV=production as a build environment variable either through netlify.com's settings UI or in your .toml file. Consult Netlify's docs for more the exact details on how.

https://docs.netlify.com/configure-builds/environment-variables/#app

I tested by building your site locally and upon setting the correct environment variable comments appear.

JEKYLL_ENV=production bundle exec jekyll build

[nomemory]

Thank you, everything works fine now!