feat: add posts

src/pages/blog.astro

@@ -19,5 +19,11 @@
 
 		<h1>Blog posts</h1>
     <p>This is a list of my blog posts.</p>
+
+    <ul>
+      <li><a href="/posts/post-1">My first blog post</a></li>
+      <li><a href="/posts/post-2">My second blog post</a></li>
+      <li><a href="/posts/post-3">My third blog post</a></li>
+    </ul>
 	</body>
 </html>

src/pages/posts/post-1.md

@@ -0,0 +1,33 @@
+---
+title: My first blog post
+description: This is my first blog post
+date: 2024-12-30
+author: Ruidy
+image:
+  url: "https://docs.astro.build/assets/rose.webp"
+  alt: "The Astro logo on a dark background with a pink glow."
+tags:
+  - astro
+  - blog
+---
+
+# 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.

src/pages/posts/post-2.md

@@ -0,0 +1,13 @@
+---
+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!

src/pages/posts/post-3.md

@@ -0,0 +1,13 @@
+---
+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!