From c30c3901f37545402e5ce3ea61738d3b6571b283 Mon Sep 17 00:00:00 2001 From: Andre Rossouw Date: Sat, 9 Dec 2023 13:26:41 +0200 Subject: [PATCH] More on the tutorial - up to here: https://docs.astro.build/en/tutorial/2-pages/3/ --- src/pages/about.astro | 21 +++++++++++++++++++++ src/pages/blog.astro | 22 ++++++++++++++++++++++ src/pages/index.astro | 5 ++++- src/pages/posts/post-1.md | 27 +++++++++++++++++++++++++++ src/pages/posts/post-2.md | 11 +++++++++++ src/pages/posts/post-3.md | 11 +++++++++++ 6 files changed, 96 insertions(+), 1 deletion(-) create mode 100644 src/pages/about.astro create mode 100644 src/pages/blog.astro 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/about.astro b/src/pages/about.astro new file mode 100644 index 0000000..4bc3482 --- /dev/null +++ b/src/pages/about.astro @@ -0,0 +1,21 @@ +--- +const pageTitle = "About Andre Rossouw"; +--- + + + + + + + + {pageTitle} + + + Home + About + Blog +

{pageTitle}

+

This is my firwst paragraph on my about page. It sure does look good!

+

And here is another parapgraph that I'm adding. I think it looks pretty darn cool.

+ + diff --git a/src/pages/blog.astro b/src/pages/blog.astro new file mode 100644 index 0000000..838484c --- /dev/null +++ b/src/pages/blog.astro @@ -0,0 +1,22 @@ +--- +--- + + + + + Astro + + + Home + About + Blog + +

My Astro Learning Blog

+

This is where I will post about my journey learning Astro.

+ + + \ No newline at end of file diff --git a/src/pages/index.astro b/src/pages/index.astro index 2d14107..c457af5 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -11,6 +11,9 @@ Astro -

Astro

+ Home + About + Blog +

My Astro Site

diff --git a/src/pages/posts/post-1.md b/src/pages/posts/post-1.md new file mode 100644 index 0000000..982e74a --- /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/full-logo-light.png' + alt: 'The full Astro logo.' +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..06a4544 --- /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: "Thumbnail of Astro arcs." +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..d8c9844 --- /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: "Thumbnail of Astro 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