blog/_includes/comments/remark42.html

40 lines
1.1 KiB
HTML

<script>
var remark_config = {
host: "{{ site.comments.remark42.host }}",
site_id: '{{ site.id }}',
components: ['embed'],
max_shown_comments: 10,
// theme: 'light',
theme: document.documentElement.hasAttribute("data-mode") ? "dark" : "light",
locale: 'en',
show_email_subscription: false
};
</script>
<script>
(function (c) {
for (var i = 0; i < c.length; i++) {
var d = document, s = d.createElement('script');
s.src = remark_config.host + '/web/' + c[i] + '.js';
s.defer = true;
(d.head || d.body).appendChild(s);
}
})(remark_config.components || ['embed']);
var targetDiv = document.getElementById("sidebar").getElementsByClassName("mode-toggle")[0];
if (targetDiv != null) {
targetDiv.addEventListener("click", () => {
if (document.documentElement.hasAttribute("data-mode")) {
window.REMARK42.changeTheme('light');
} else {
window.REMARK42.changeTheme('dark');
}
})
}
</script>
<div id="remark42">
</div>