Chirpy comments!

[Mara-Li]

I changed the comments system on my own blog, to use Chirpy.dev

Chirpy is like the “open-source data-friendly” Disqus, actually in beta.
You can connect your twitter or your GitHub account to get your avatar, or use anonymous comments!

To use Chirpy on your Material Mdkdocs :

• First, create an account on chirpy ;
• Right after, add your website with simply adding a name and the domain (www.your-domain.com for example)

Before integrate it, set the theme. You need to change the light & dark theme each. These color are, for default material background color:

• For light theme, you need to set the background at rgb(255,255,255)
• For dark theme : rgb(46,48,61)

Wait for the save.

After, click on integrate.

• You need to copy and paste the two things in your comments.html file, in the overrides.
• If you want you can remove the comments on your main page using this code :

{% block content %}
    {{ super() }}
    <script>
        if (location.pathname==='/') {
            //disable comments
            document.querySelector('[data-chirpy-theme]').style.display = 'none'
        }
    </script>
{% endblock %}

Also, don't forget to grab the chirpy.js and add it to your mkdocs.yml to allow changing background color automatically when the user change the theme.