blog/themes/Ying/layouts/partials/artalk.html

<!-- CSS -->
<link href="/css/Artalk.css" rel="stylesheet" />
<style>
    .atk-loading{
        background: #FFFFFF;
    }
    /*对artalk评论暗夜模式进行微调*/
    @media (prefers-color-scheme: dark) {
        .atk-pinned-badge {
            color: #ffffff !important;
            background: #ff6262 !important;
        }
    }
    [data-theme="dark"] .atk-pinned-badge {
        color: #ffffff !important;
        background: #ff6262 !important;
    }
</style>
<!-- Artalk -->
<div id="Comments" uk-scrollspy="target: div,span,img> ; cls: uk-animation-slide-bottom-small;"></div>
<!-- JS -->
<script src="/js/Artalk.js"></script>
<script>
  if (document.querySelector("#Comments")) {
    var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
    Artalk.init({
      el: '#Comments',
      server: 'https://artalk.usj.cc',
      site: '优世界',
      flatMode: true,
      darkMode: isDark
    });
  }
</script>