{#-
  Artalk 评论系统集成
  通过 Material 主题的 comments 块覆盖实现
  如需关闭某页面的评论，在页面 frontmatter 中设置 comments: false
-#}
{% if page.meta.comments is not defined or page.meta.comments %}
<div id="artalk-comments"></div>
<link href="/artalk/dist/Artalk.css" rel="stylesheet">
<script src="/artalk/dist/Artalk.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  var isDark = document.documentElement.getAttribute('data-md-color-scheme') === 'slate'

  Artalk.init({
    el:        '#artalk-comments',
    site:      '我的知识库',
    server:    window.location.origin + '/artalk',
    pageKey:   window.location.pathname.replace(/\/$/, ''),
    pageTitle: document.title,
    darkMode:  isDark
  })

  // 跟随 MkDocs Material 深色模式切换
  var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      var scheme = document.documentElement.getAttribute('data-md-color-scheme')
      var dark = scheme === 'slate'
      if (Artalk.darkMode !== dark) Artalk.setDarkMode(dark)
    })
  })
  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-md-color-scheme'] })
})
</script>
{% endif %}