From 3bb83c35576bf4d12f00e0e06eb12a6e6a4b2208 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Fri, 26 Apr 2024 09:38:53 +0800
Subject: [PATCH] =?UTF-8?q?starter=20=E9=A6=96=E9=A1=B5=E5=8D=9A=E5=AE=A2?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/starter/components/Blog.js | 117 +++++++++++++++---------------
 1 file changed, 59 insertions(+), 58 deletions(-)

diff --git a/themes/starter/components/Blog.js b/themes/starter/components/Blog.js
index 168c2984..2dff9e82 100644
--- a/themes/starter/components/Blog.js
+++ b/themes/starter/components/Blog.js
@@ -1,8 +1,8 @@
 /* eslint-disable @next/next/no-img-element */
 import { siteConfig } from '@/lib/config'
-import CONFIG from '../config'
 import { checkContainHttp, sliceUrlFromHttp } from '@/lib/utils'
 import Link from 'next/link'
+import CONFIG from '../config'
 
 /**
  * 博文列表
@@ -10,71 +10,72 @@ import Link from 'next/link'
  * @returns
  */
 export const Blog = ({ posts }) => {
-  return <>
-        {/* <!-- ====== Blog Section Start --> */}
-        <section className="bg-white pb-10 pt-20 dark:bg-dark lg:pb-20 lg:pt-[120px]">
-        <div className="container mx-auto">
-            {/* 区块标题文字 */}
-            <div className="-mx-4 flex flex-wrap justify-center">
-                <div className="w-full px-4">
-                    <div className="mx-auto mb-[60px] max-w-[485px] text-center">
-                    <span className="mb-2 block text-lg font-semibold text-primary">
-                        {siteConfig('STARTER_BLOG_TITLE', null, CONFIG)}
-                    </span>
-                    <h2
-                        className="mb-4 text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]"
-                    >
-                        {siteConfig('STARTER_BLOG_TEXT_1', null, CONFIG)}
-                    </h2>
-                    <p dangerouslySetInnerHTML={
-                            { __html: siteConfig('STARTER_BLOG_TEXT_2', null, CONFIG) }
-                        } className="text-base text-body-color dark:text-dark-6">
-
-                    </p>
-                    </div>
-                </div>
+  return (
+    <>
+      {/* <!-- ====== Blog Section Start --> */}
+      <section className='bg-white pb-10 pt-20 dark:bg-dark lg:pb-20 lg:pt-[120px]'>
+        <div className='container mx-auto'>
+          {/* 区块标题文字 */}
+          <div className='-mx-4 flex flex-wrap justify-center'>
+            <div className='w-full px-4'>
+              <div className='mx-auto mb-[60px] max-w-[485px] text-center'>
+                <span className='mb-2 block text-lg font-semibold text-primary'>
+                  {siteConfig('STARTER_BLOG_TITLE', null, CONFIG)}
+                </span>
+                <h2 className='mb-4 text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]'>
+                  {siteConfig('STARTER_BLOG_TEXT_1', null, CONFIG)}
+                </h2>
+                <p
+                  dangerouslySetInnerHTML={{
+                    __html: siteConfig('STARTER_BLOG_TEXT_2', null, CONFIG)
+                  }}
+                  className='text-base text-body-color dark:text-dark-6'></p>
+              </div>
             </div>
-            {/* 博客列表 此处优先展示3片文章 */}
-            <div className="-mx-4 flex flex-wrap">
-                {posts?.map((item, index) => {
-                  const url = checkContainHttp(item.slug) ? sliceUrlFromHttp(item.slug) : `${siteConfig('SUB_PATH', '')}/${item.slug}`
-                  return <div key={index} className="w-full px-4 md:w-1/2 lg:w-1/3">
-                    <div className="wow fadeInUp group mb-10" data-wow-delay=".1s">
-                    <div className="mb-8 overflow-hidden rounded-[5px]">
-                        <Link href={url} className="block">
+          </div>
+          {/* 博客列表 此处优先展示3片文章 */}
+          <div className='-mx-4 flex flex-wrap'>
+            {posts?.map((item, index) => {
+              const url = checkContainHttp(item.slug)
+                ? sliceUrlFromHttp(item.slug)
+                : `${siteConfig('SUB_PATH', '')}/${item.slug}`
+              return (
+                <div key={index} className='w-full px-4 md:w-1/2 lg:w-1/3'>
+                  <div
+                    className='wow fadeInUp group mb-10'
+                    data-wow-delay='.1s'>
+                    <div className='mb-8 overflow-hidden rounded-[5px]'>
+                      <Link href={url} className='block'>
                         <img
-                            src={item.pageCoverThumbnail}
-                            alt={item.title}
-                            className="w-full transition group-hover:rotate-6 group-hover:scale-125"
+                          src={item.pageCoverThumbnail}
+                          alt={item.title}
+                          className='w-full transition group-hover:rotate-6 group-hover:scale-125'
                         />
-                        </Link>
+                      </Link>
                     </div>
                     <div>
-                        <span
-                        className="mb-6 inline-block rounded-[5px] bg-primary px-4 py-0.5 text-center text-xs font-medium leading-loose text-white"
-                        >
+                      <span className='mb-6 inline-block rounded-[5px] bg-primary px-4 py-0.5 text-center text-xs font-medium leading-loose text-white'>
                         {item.publishDay}
-                        </span>
-                        <h3>
-                        <a
-
-                            className="mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl"
-                        >
-                            {item.title}
-                        </a>
-                        </h3>
-                        <p
-                        className="max-w-[370px] text-base text-body-color dark:text-dark-6"
-                        >
-                            {item.summary}
-                        </p>
-                    </div>
+                      </span>
+                      <h3>
+                        <Link
+                          href={url}
+                          className='mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl'>
+                          {item.title}
+                        </Link>
+                      </h3>
+                      <p className='max-w-[370px] text-base text-body-color dark:text-dark-6'>
+                        {item.summary}
+                      </p>
                     </div>
+                  </div>
                 </div>
-                }) }
-            </div>
+              )
+            })}
+          </div>
         </div>
-    </section>
-    {/* <!-- ====== Blog Section End --> */}
+      </section>
+      {/* <!-- ====== Blog Section End --> */}
     </>
+  )
 }