mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
58 lines
2.0 KiB
JavaScript
58 lines
2.0 KiB
JavaScript
import { siteConfig } from '@/lib/config'
|
||
import { loadExternalResource } from '@/lib/utils'
|
||
import { useEffect, useRef, useState } from 'react'
|
||
|
||
/**
|
||
* Giscus评论 @see https://giscus.app/zh-CN
|
||
* Contribute by @txs https://github.com/txs/NotionNext/commit/1bf7179d0af21fb433e4c7773504f244998678cb
|
||
* @returns {JSX.Element}
|
||
* @constructor
|
||
*/
|
||
|
||
const Twikoo = ({ isDarkMode }) => {
|
||
const envId = siteConfig('COMMENT_TWIKOO_ENV_ID')
|
||
const el = siteConfig('COMMENT_TWIKOO_ELEMENT_ID', '#twikoo')
|
||
const twikooCDNURL = siteConfig('COMMENT_TWIKOO_CDN_URL')
|
||
const lang = siteConfig('LANG')
|
||
const [isInit] = useState(useRef(false))
|
||
|
||
const loadTwikoo = async () => {
|
||
try {
|
||
await loadExternalResource(twikooCDNURL, 'js')
|
||
const twikoo = window?.twikoo
|
||
if (
|
||
typeof twikoo !== 'undefined' &&
|
||
twikoo &&
|
||
typeof twikoo.init === 'function'
|
||
) {
|
||
twikoo.init({
|
||
envId: envId, // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
|
||
el: el, // 容器元素
|
||
lang: lang // 用于手动设定评论区语言，支持的语言列表 https://github.com/imaegoo/twikoo/blob/main/src/client/utils/i18n/index.js
|
||
// region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
|
||
// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
|
||
})
|
||
console.log('twikoo init', twikoo)
|
||
isInit.current = true
|
||
}
|
||
} catch (error) {
|
||
console.error('twikoo 加载失败', error)
|
||
}
|
||
}
|
||
|
||
useEffect(() => {
|
||
const interval = setInterval(() => {
|
||
if (isInit.current) {
|
||
console.log('twioo init! clear interval')
|
||
clearInterval(interval)
|
||
} else {
|
||
loadTwikoo()
|
||
}
|
||
}, 1000)
|
||
return () => clearInterval(interval)
|
||
}, [isDarkMode])
|
||
return <div id="twikoo"></div>
|
||
}
|
||
|
||
export default Twikoo
|