diff options
Diffstat (limited to 'layouts/partials/comments.html')
| -rw-r--r-- | layouts/partials/comments.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html new file mode 100644 index 0000000..77b4410 --- /dev/null +++ b/layouts/partials/comments.html @@ -0,0 +1,32 @@ +{{- with .Site.Params.comments -}} +<article class="comments"> + <header>Комментарии</header> + <div id="remark42"></div> +</article> +<script> + var remark_config = { + host: '{{ .host }}', + site_id: '{{ .site }}', + components: ['embed'], + url: '{{ $.Permalink }}', + max_shown_comments: {{ default 15 .max_shown_comments }}, + theme: (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light', + page_title: '{{ $.Title }}', + locale: '{{ default "en" .locale }}', + show_email_subscription: {{ default true .show_email_subscription }} + }; + + !function(e, n) { + for (var o = 0; o < e.length; o++) { + var r = n.createElement('script'), + c = '.js', + d = n.head || n.body; + 'noModule' in r ? (r.type = 'module', c = '.mjs') : r.async = !0, r.defer = !0, r.src = remark_config.host + '/web/' + e[o] + c, d.appendChild(r) + } + }(remark_config.components || ['embed'], document); + + window.addEventListener('onColorSchemeChange', (e) => { + window.REMARK42.changeTheme(e.detail); + }) +</script> +{{- end -}}
\ No newline at end of file |