From 2ebd3fdaa33bf542bb478bae6d6a654c1892076f Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 11 Nov 2023 23:12:44 +0800
Subject: [PATCH] =?UTF-8?q?fix.=20=E8=AF=84=E8=AE=BA=E6=8F=92=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=9Bfukasawa=E5=B9=BF=E5=91=8A=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Comment.js                       | 76 ++++++++++++---------
 components/Tabs.js                          |  2 +-
 themes/fukasawa/components/ArticleDetail.js |  5 +-
 themes/fukasawa/index.js                    |  6 +-
 4 files changed, 52 insertions(+), 37 deletions(-)

diff --git a/components/Comment.js b/components/Comment.js
index d150e805..203ed066 100644
--- a/components/Comment.js
+++ b/components/Comment.js
@@ -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>
   )
 }
 
diff --git a/components/Tabs.js b/components/Tabs.js
index b354e533..c497bd0c 100644
--- a/components/Tabs.js
+++ b/components/Tabs.js
@@ -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 => {
diff --git a/themes/fukasawa/components/ArticleDetail.js b/themes/fukasawa/components/ArticleDetail.js
index 9e47a925..31294304 100644
--- a/themes/fukasawa/components/ArticleDetail.js
+++ b/themes/fukasawa/components/ArticleDetail.js
@@ -8,6 +8,7 @@ import ArticleAround from './ArticleAround'
 import { AdSlot } from '@/components/GoogleAdsense'
 import LazyImage from '@/components/LazyImage'
 import { formatDateFmt } from '@/lib/formatDate'
+import WWAds from '@/components/WWAds'
 
 /**
  *
@@ -81,8 +82,7 @@ export default function ArticleDetail(props) {
 
           </section>
 
-          <AdSlot type='in-article'/>
-
+          <WWAds className='w-full' orientation='horizontal'/>
         </header>
 
         {/* Notion文章主体 */}
@@ -91,6 +91,7 @@ export default function ArticleDetail(props) {
         </section>
 
         <section>
+          <AdSlot type='in-article'/>
            {/* 分享 */}
            <ShareBar post={post} />
         </section>
diff --git a/themes/fukasawa/index.js b/themes/fukasawa/index.js
index d9be867c..7ab72892 100644
--- a/themes/fukasawa/index.js
+++ b/themes/fukasawa/index.js
@@ -21,6 +21,7 @@ import { Style } from './style'
 import replaceSearchResult from '@/components/Mark'
 import CommonHead from '@/components/CommonHead'
 import { siteConfig } from '@/lib/config'
+import WWAds from '@/components/WWAds'
 
 const Live2D = dynamic(() => import('@/components/Live2D'))
 
@@ -124,7 +125,10 @@ const LayoutIndex = (props) => {
             */
 const LayoutPostList = (props) => {
   return <LayoutBase {...props}>
-        {siteConfig('POST_LIST_STYLE') === 'page' ? <BlogListPage {...props} /> : <BlogListScroll {...props} />}
+
+        <div className='w-full p-2'><WWAds className='w-full' orientation='horizontal'/></div>
+
+         {siteConfig('POST_LIST_STYLE') === 'page' ? <BlogListPage {...props} /> : <BlogListScroll {...props} />}
     </LayoutBase>
 }