fix. 评论插件;fukasawa广告组件

This commit is contained in:
tangly1024
2023-11-11 23:12:44 +08:00
parent 1965fff2f8
commit 2ebd3fdaa3
4 changed files with 52 additions and 37 deletions

View File

@@ -63,6 +63,16 @@ const ValineComponent = dynamic(() => import('@/components/ValineComponent'), {
const Comment = ({ siteInfo, frontMatter, className }) => {
const router = useRouter()
const COMMENT_ARTALK_SERVER = siteConfig('COMMENT_ARTALK_SERVER')
const COMMENT_TWIKOO_ENV_ID = siteConfig('COMMENT_TWIKOO_ENV_ID')
const COMMENT_WALINE_SERVER_URL = siteConfig('COMMENT_WALINE_SERVER_URL')
const COMMENT_VALINE_APP_ID = siteConfig('COMMENT_VALINE_APP_ID')
const COMMENT_GISCUS_REPO = siteConfig('COMMENT_GISCUS_REPO')
const COMMENT_CUSDIS_APP_ID = siteConfig('COMMENT_CUSDIS_APP_ID')
const COMMENT_UTTERRANCES_REPO = siteConfig('COMMENT_UTTERRANCES_REPO')
const COMMENT_GITALK_CLIENT_ID = siteConfig('COMMENT_GITALK_CLIENT_ID')
const COMMENT_WEBMENTION_ENABLE = siteConfig('COMMENT_WEBMENTION_ENABLE')
// 当连接中有特殊参数时跳转到评论区
if (isBrowser && ('giscus' in router.query || router.query.target === 'comment')) {
setTimeout(() => {
@@ -77,47 +87,47 @@ const Comment = ({ siteInfo, frontMatter, className }) => {
}
return (
<div key={frontMatter?.id} id='comment' className={`comment mt-5 text-gray-800 dark:text-gray-300 ${className || ''}`}>
<Tabs>
{siteConfig('COMMENT_ARTALK_SERVER') && (<div key='Artalk'>
<Artalk />
</div>)}
<div key={frontMatter?.id} id='comment' className={`comment mt-5 text-gray-800 dark:text-gray-300 ${className || ''}`}>
<Tabs>
{COMMENT_ARTALK_SERVER && (<div key='Artalk'>
<Artalk />
</div>)}
{siteConfig('COMMENT_TWIKOO_ENV_ID') && (<div key='Twikoo'>
<TwikooCompenent />
</div>)}
{COMMENT_TWIKOO_ENV_ID && (<div key='Twikoo'>
<TwikooCompenent />
</div>)}
{siteConfig('COMMENT_WALINE_SERVER_URL') && (<div key='Waline'>
<WalineComponent />
</div>)}
{COMMENT_WALINE_SERVER_URL && (<div key='Waline'>
<WalineComponent />
</div>)}
{siteConfig('COMMENT_VALINE_APP_ID') && (<div key='Valine' name='reply'>
<ValineComponent path={frontMatter.id} />
</div>)}
{COMMENT_VALINE_APP_ID && (<div key='Valine' name='reply'>
<ValineComponent path={frontMatter.id} />
</div>)}
{siteConfig('COMMENT_GISCUS_REPO') && (
<div key="Giscus">
<GiscusComponent className="px-2" />
</div>
)}
{COMMENT_GISCUS_REPO && (
<div key="Giscus">
<GiscusComponent className="px-2" />
</div>
)}
{siteConfig('COMMENT_CUSDIS_APP_ID') && (<div key='Cusdis'>
<CusdisComponent frontMatter={frontMatter} />
</div>)}
{COMMENT_CUSDIS_APP_ID && (<div key='Cusdis'>
<CusdisComponent frontMatter={frontMatter} />
</div>)}
{siteConfig('COMMENT_UTTERRANCES_REPO') && (<div key='Utterance'>
<UtterancesComponent issueTerm={frontMatter.id} className='px-2' />
</div>)}
{COMMENT_UTTERRANCES_REPO && (<div key='Utterance'>
<UtterancesComponent issueTerm={frontMatter.id} className='px-2' />
</div>)}
{siteConfig('COMMENT_GITALK_CLIENT_ID') && (<div key='GitTalk'>
<GitalkComponent frontMatter={frontMatter} />
</div>)}
{COMMENT_GITALK_CLIENT_ID && (<div key='GitTalk'>
<GitalkComponent frontMatter={frontMatter} />
</div>)}
{siteConfig('COMMENT_WEBMENTION_ENABLE') && (<div key='WebMention'>
<WebMentionComponent frontMatter={frontMatter} className="px-2" />
</div>)}
</Tabs>
</div>
{COMMENT_WEBMENTION_ENABLE && (<div key='WebMention'>
<WebMentionComponent frontMatter={frontMatter} className="px-2" />
</div>)}
</Tabs>
</div>
)
}

View File

@@ -12,7 +12,7 @@ const Tabs = ({ className, children }) => {
return <></>
}
children = children.filter(c => c !== '')
children = children.filter(c => c && c !== '')
let count = 0
children.forEach(e => {