blog-astro/public/js/twikoo-loader.js

(function () {
  var TWIKOO_SRC =
    'https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js'
  var TARGET_SELECTOR = '#tcomment'
  var state = { loading: false }

  function renderTwikoo() {
    var container = document.querySelector(TARGET_SELECTOR)
    if (!container || !window.twikoo) return

    window.twikoo.init({
      envId: 'https://twikoo.hk.nvme0n1p.dev/',
      el: TARGET_SELECTOR,
    })
  }

  function init() {
    if (window.twikoo) {
      renderTwikoo()
      return
    }

    if (state.loading) return
    state.loading = true

    var script = document.createElement('script')
    script.src = TWIKOO_SRC
    script.async = true
    script.onload = function () {
      state.loading = false
      renderTwikoo()
    }
    script.onerror = function (err) {
      state.loading = false
      console.error('Failed to load Twikoo:', err)
    }
    document.head.appendChild(script)
  }

  function onLoad() {
    init()
  }

  // 手动触发入口，便于在需要时重新初始化
  window.runTwikooComments = onLoad

  if (document.readyState === 'complete') {
    onLoad()
  } else {
    window.addEventListener('load', onLoad, { once: true })
  }

  document.addEventListener('astro:page-load', onLoad)
  document.addEventListener('astro:after-swap', onLoad)
})()