From 099f60e9afdc4e9c9a402ff76a765d9f7a768a90 Mon Sep 17 00:00:00 2001
From: Thuan Bui <9248622+10h30@users.noreply.github.com>
Date: Sun, 21 Dec 2025 16:50:01 +0700
Subject: [PATCH] Add blog posts and update blog page with links

---
 src/pages/blog.astro      |  5 +++++
 src/pages/posts/post-1.md | 27 +++++++++++++++++++++++++++
 src/pages/posts/post-2.md | 11 +++++++++++
 src/pages/posts/post-3.md | 11 +++++++++++
 4 files changed, 54 insertions(+)
 create mode 100644 src/pages/posts/post-1.md
 create mode 100644 src/pages/posts/post-2.md
 create mode 100644 src/pages/posts/post-3.md

diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index bc9d55d..ea6c420 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -16,5 +16,10 @@
     <a href='/blog/'>Blog</a>
     <h1>My Astro Learning Blog</h1>
     <p>This is where I will post about my journey learning Astro.</p>
+    <ul>
+      <li><a href='/posts/post-1/'>Post 1</a></li>
+      <li><a href='/posts/post-2/'>Post 2</a></li>
+      <li><a href='/posts/post-3/'>Post 3</a></li>
+    </ul>
   </body>
 </html>
diff --git a/src/pages/posts/post-1.md b/src/pages/posts/post-1.md
new file mode 100644
index 0000000..d5ab08b
--- /dev/null
+++ b/src/pages/posts/post-1.md
@@ -0,0 +1,27 @@
+---
+title: 'My First Blog Post'
+pubDate: 2022-07-01
+description: 'This is the first post of my new Astro blog.'
+author: 'Astro Learner'
+image:
+    url: 'https://docs.astro.build/assets/rose.webp'
+    alt: 'The Astro logo on a dark background with a pink glow.'
+tags: ["astro", "blogging", "learning in public"]
+---
+# My First Blog Post
+
+Published on: 2022-07-01
+
+Welcome to my _new blog_ about learning Astro! Here, I will share my learning journey as I build a new website.
+
+## What I've accomplished
+
+1. **Installing Astro**: First, I created a new Astro project and set up my online accounts.
+
+2. **Making Pages**: I then learned how to make pages by creating new `.astro` files and placing them in the `src/pages/` folder.
+
+3. **Making Blog Posts**: This is my first blog post! I now have Astro pages and Markdown posts!
+
+## What's next
+
+I will finish the Astro tutorial, and then keep adding more posts. Watch this space for more to come.
\ No newline at end of file
diff --git a/src/pages/posts/post-2.md b/src/pages/posts/post-2.md
new file mode 100644
index 0000000..2c06636
--- /dev/null
+++ b/src/pages/posts/post-2.md
@@ -0,0 +1,11 @@
+---
+title: My Second Blog Post
+author: Astro Learner
+description: "After learning some Astro, I couldn't stop!"
+image:
+    url: "https://docs.astro.build/assets/arc.webp"
+    alt: "The Astro logo on a dark background with a purple gradient arc."
+pubDate: 2022-07-08
+tags: ["astro", "blogging", "learning in public", "successes"]
+---
+After a successful first week learning Astro, I decided to try some more. I wrote and imported a small component from memory!
\ No newline at end of file
diff --git a/src/pages/posts/post-3.md b/src/pages/posts/post-3.md
new file mode 100644
index 0000000..4c8cc5d
--- /dev/null
+++ b/src/pages/posts/post-3.md
@@ -0,0 +1,11 @@
+---
+title: My Third Blog Post
+author: Astro Learner
+description: "I had some challenges, but asking in the community really helped!"
+image:
+    url: "https://docs.astro.build/assets/rays.webp"
+    alt: "The Astro logo on a dark background with rainbow rays."
+pubDate: 2022-07-15
+tags: ["astro", "learning in public", "setbacks", "community"]
+---
+It wasn't always smooth sailing, but I'm enjoying building with Astro. And, the [Discord community](https://astro.build/chat) is really friendly and helpful!
\ No newline at end of file