First of all, I’m currently using the hugo-profile theme.
In my blog posts, I’m making use of the footnote markdown feature, where you can type [^1]
next to any word in the body, and then add the corresponding [^1]: My footnote text
at the end of your post where all references are grouped.
This works great. However, I’m now also trying to add a comment system to some of my blog posts (currently testing Cusdis, but I assume the specific comment system doesn’t matter that much). So at the end of my blog post, I’m adding the comment section with a code snippet like this:
<div id="cusdis_thread" data-host="https://cusdis.com" data-app-id="***"
data-page-id="{{ .Page.File.UniqueID }}" data-page-url="{{ .Page.Permalink }}" data-page-title="{{ .Page.Title }}"
data-theme="dark">
</div>
<script defer src="https://cusdis.com/js/widget/lang/es.js"></script>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
However, because I’m writing this in the actual content of my blog post, the comment section actually shows up ABOVE the footnote references, which is obviously not the desired behaviour.
How could I make it so that the comment section is added after the footnote, but ONLY in the specific blog posts I choose?
Alternatively, if that’s too complex, would it be easier to modify the footer so that a comment section is added ONLY to blog posts (but not other kinds of pages)?