mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
37 lines
1.0 KiB
JavaScript
37 lines
1.0 KiB
JavaScript
import { siteConfig } from '@/lib/config'
|
|
import { useEffect } from 'react'
|
|
|
|
/**
|
|
* 评论插件
|
|
* @param issueTerm
|
|
* @param layout
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
const Utterances = ({ issueTerm, layout }) => {
|
|
useEffect(() => {
|
|
const theme =
|
|
siteConfig('APPEARANCE') === 'auto'
|
|
? 'preferred-color-scheme'
|
|
: siteConfig('APPEARANCE') === 'light'
|
|
? 'github-light'
|
|
: 'github-dark'
|
|
const script = document.createElement('script')
|
|
const anchor = document.getElementById('comments')
|
|
script.setAttribute('src', 'https://utteranc.es/client.js')
|
|
script.setAttribute('crossorigin', 'anonymous')
|
|
script.setAttribute('async', true)
|
|
script.setAttribute('repo', siteConfig('COMMENT_UTTERRANCES_REPO'))
|
|
script.setAttribute('issue-term', 'title')
|
|
script.setAttribute('theme', theme)
|
|
anchor.appendChild(script)
|
|
return () => {
|
|
anchor.innerHTML = ''
|
|
}
|
|
})
|
|
return <div id="comments" className='utterances' >
|
|
</div>
|
|
}
|
|
|
|
export default Utterances
|