From 0f0f925dd7c86d696d5070746f98a1233d375bd1 Mon Sep 17 00:00:00 2001
From: grassblock <i@gb0.dev>
Date: Wed, 23 Jul 2025 18:44:55 +0800
Subject: [PATCH] feat: wrapped article with <article> element

---
 src/pages/blog/[...slug].astro | 38 ++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 6c4ec0c..3d3025d 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -49,25 +49,27 @@ const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `
   ogImage={cover}
   author={authorInfo.map((a: any) => a.name).join(', ')}
 >
-      <h1 class="title">{entry.data.title}</h1>
-        {authorInfo.map((a: any) => <AuthorInfo data={a} />)}
-      <span class="date">{new Date(entry.data.pubDate).toISOString().split('T')[0]}</span>
-          {headings.length !== 0 && <TableOfContents headings={headings} />}
-          {entry.data.summary && <p class="summary">{entry.data.summary}</p> }
-      <div class="content">
-          <Content />
-      </div>
+    <article>
+        <h1 class="title">{entry.data.title}</h1>
+            {authorInfo.map((a: any) => <AuthorInfo data={a} />)}
+        <span class="date">{new Date(entry.data.pubDate).toISOString().split('T')[0]}</span>
+            {headings.length !== 0 && <TableOfContents headings={headings} />}
+            {entry.data.summary && <p class="summary">{entry.data.summary}</p> }
+        <div class="content">
+            <Content />
+        </div>
 
-    <div class="extra-post" style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
-    <ReplyViaEmail title={entry.data.title} email={authorInfo[0].email} />
-        <br>
-    <a href="/blog">&larr; Back to posts</a>
-    {!noscript && <h2>Comments</h2> <Comments />}
-    {!noscript &&
-        <script>
-            import "katex/dist/contrib/copy-tex.js"
-        </script>
-    }
+        <div class="extra-post" style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
+        <ReplyViaEmail title={entry.data.title} email={authorInfo[0].email} />
+            <br>
+        <a href="/blog">&larr; Back to posts</a>
+        {!noscript && <h2>Comments</h2> <Comments />}
+        {!noscript &&
+            <script>
+                import "katex/dist/contrib/copy-tex.js"
+            </script>
+        }
+    </article>
   </div>
 </Layout>
 <style>