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 SCRIPT_ID = 'twikoo-cdn-script'

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

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

  function ensureScript() {
    var existing = document.getElementById(SCRIPT_ID)

    if (existing) {
      if (existing.dataset.failed === 'true') {
        existing.remove()
      } else {
        if (!window.twikoo) {
          existing.addEventListener('load', renderTwikoo, { once: true })
        }
        return
      }
    }

    var script = document.createElement('script')
    script.id = SCRIPT_ID
    script.src = TWIKOO_SRC
    script.async = true
    script.onload = function () {
      script.dataset.loaded = 'true'
      renderTwikoo()
    }
    script.onerror = function (err) {
      script.dataset.failed = 'true'
      console.error('Failed to load Twikoo:', err)
    }
    document.head.appendChild(script)
  }

  function init() {
    ensureScript()

    if (window.twikoo) {
      renderTwikoo()
    }
  }

  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)
})()