Merge pull request #32 from devwqc/develop

[release] develop to main

Author: devwqc

package-lock.json

@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.3",
+    "@astrojs/rss": "4.0.7",
     "@astrojs/tailwind": "5.1.1",
     "astro": "^4.15.9",
     "tailwindcss": "3.4.13",

package.json

@@ -28,5 +28,10 @@ const today = new Date();
         rel="noreferrer noopener">LinkedIn</SnsIcon
       >
     </li>
+    <li>
+      <SnsIcon href="/rss.xml" target="_blank" rel="noreferrer noopener"
+        >RSS</SnsIcon
+      >
+    </li>
   </ul>
 </footer>

src/components/Footer.astro

@@ -0,0 +1,21 @@
+---
+
+---
+
+<section class="giscus mx-auto w-full"></section>
+
+<script
+  src="https://giscus.app/client.js"
+  data-repo="devwqc/devwqc.github.io"
+  data-repo-id="R_kgDOM5MFPQ"
+  data-category="Blog Posts Comments"
+  data-category-id="DIC_kwDOM5MFPc4Ci-uX"
+  data-mapping="url"
+  data-strict="0"
+  data-reactions-enabled="1"
+  data-emit-metadata="0"
+  data-input-position="bottom"
+  data-theme="light"
+  data-lang="ko"
+  crossorigin="anonymous"
+  async></script>

src/components/PostComments.astro

@@ -1,7 +1,7 @@
 ---
 title: 'Hello World!'
 description: 'Hello World!'
-publishedDate: '2024-10-01'
+pubDate: '2024-10-01'
 ---
 
 ## Hello World!를 작성하는 시점의 나

src/content/blog/2024/10/hello-world.md

@@ -5,7 +5,7 @@ const blogCollection = defineCollection({
   schema: z.object({
     title: z.string(),
     description: z.string(),
-    publishedDate: z.coerce.date(),
+    pubDate: z.coerce.date(),
     updatedDate: z.coerce.date().optional(),
   }),
 });

src/content/config.ts

@@ -1,6 +1,7 @@
 ---
 import FormattedDate from '@/components/FormattedDate.astro';
 import MarkDown from '@/components/Markdown.astro';
+import PostComments from '@/components/PostComments.astro';
 import PageLayout from '@/layouts/PageLayout.astro';
 import { getCollection, type CollectionEntry } from 'astro:content';
 
@@ -26,7 +27,7 @@ const { Content } = await post.render();
       <p class="text-gray-500">
         <span>
           작성일:
-          <FormattedDate datetime={post.data.publishedDate} />
+          <FormattedDate datetime={post.data.pubDate} />
         </span>
         {
           post.data.updatedDate && (
@@ -41,9 +42,11 @@ const { Content } = await post.render();
     <MarkDown>
       <Content />
     </MarkDown>
-    <footer>
+    <footer class="pb-10">
+      <p>Issue on GitHub</p>
       <p>방문해 주셔서 감사합니다.</p>
       <p>오탈자, 잘못된 정보에 대해 말씀해 주시면 감사히 받겠습니다.</p>
     </footer>
+    <PostComments />
   </article>
 </PageLayout>

src/pages/blog/[...slug].astro

@@ -4,7 +4,7 @@ import PageLayout from '@/layouts/PageLayout.astro';
 import { getCollection } from 'astro:content';
 
 const posts = (await getCollection('blog')).sort(
-  (a, b) => b.data.publishedDate.valueOf() - a.data.publishedDate.valueOf()
+  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
 );
 ---
 
@@ -22,7 +22,7 @@ const posts = (await getCollection('blog')).sort(
               <p class="text-gray-500 text-sm">
                 <span>
                   작성일:
-                  <FormattedDate datetime={post.data.publishedDate} />
+                  <FormattedDate datetime={post.data.pubDate} />
                 </span>
                 {post.data.updatedDate && (
                   <span>

src/pages/blog/index.astro

@@ -4,7 +4,7 @@ import PageLayout from '@/layouts/PageLayout.astro';
 import { getCollection } from 'astro:content';
 
 const posts = (await getCollection('blog')).sort(
-  (a, b) => b.data.publishedDate.valueOf() - a.data.publishedDate.valueOf()
+  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
 );
 ---
 
@@ -22,7 +22,7 @@ const posts = (await getCollection('blog')).sort(
               <p class="text-gray-500 text-sm">
                 <span>
                   작성일:
-                  <FormattedDate datetime={post.data.publishedDate} />
+                  <FormattedDate datetime={post.data.pubDate} />
                 </span>
                 {post.data.updatedDate && (
                   <span>

src/pages/index.astro

@@ -0,0 +1,18 @@
+import rss from '@astrojs/rss';
+import type { APIContext } from 'astro';
+import { getCollection } from 'astro:content';
+
+export async function GET(context: APIContext) {
+  const posts = (await getCollection('blog')).sort(
+    (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
+  );
+  return rss({
+    title: 'devwqc blog',
+    description: '저의 경험을 이야기하는 블로그입니다.',
+    site: context.site || 'https://devwqc.github.io/',
+    items: posts.map((post) => ({
+      ...post.data,
+      link: `/blog/${post.slug}/`,
+    })),
+  });
+}