From f2e62953190ab50b30c5dd21e654db2d55a83a9e Mon Sep 17 00:00:00 2001 From: DanielWElliott <49175462+DanielWElliott@users.noreply.github.com> Date: Mon, 24 Jun 2024 21:39:51 -0400 Subject: [PATCH] Added a blog page with 3 md posts and started using variables --- src/pages/about.astro | 36 +++++++++++++++++++++++++++++++++--- src/pages/blog.astro | 11 ++++++++--- src/pages/index.astro | 6 +++--- src/pages/posts/post-1.md | 27 +++++++++++++++++++++++++++ src/pages/posts/post-2.md | 11 +++++++++++ src/pages/posts/post-3.md | 11 +++++++++++ 6 files changed, 93 insertions(+), 9 deletions(-) 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 index 34a6276..9c62a8c 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,5 +1,18 @@ --- +const pageTitle = "About Me"; +const identity = { + firstName: "Daniel", + country: "Narnia", + occupation: "Son of Adam", + hobbies: ["reading","homelabbing","making things"], +} + +const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"]; + +const happy = true; +const finished = false; +const goal = 3; --- @@ -8,17 +21,34 @@ - Astro + {pageTitle} Home About Blog -

About Me

+

{pageTitle}

... and my new Astro site!

I am working through Astro's introductory tutorial. This is the second page on my first Astro website, and it's the first page I've added myself!

This site will update as I complete more of the tutorial, so keep checking back to see my progress and see how my journey is going! I'm already deviating from the tutorial a little bit, since I'm using GitHub Pages to host it instead of Netlify.

- +

Here are a few facts about me:

+ +

My skills are:

+ + {happy &&

I am happy to be learning Astro!

} + + {finished &&

I finished this tutorial!

} + + {goal === 3 ?

My goal is to finish in 3 days.

:

My goal is not 3 days.

} + diff --git a/src/pages/blog.astro b/src/pages/blog.astro index 2b1a5ef..4759975 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -1,5 +1,5 @@ --- - +const pageTitle = "My Astro Learning Blog"; --- @@ -8,14 +8,19 @@ - Astro + {pageTitle} Home About Blog -

My Astro Learning Blog

+

{pageTitle}

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

+ diff --git a/src/pages/index.astro b/src/pages/index.astro index 4f8b499..e286bc4 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,5 @@ --- - +const pageTitle = "Home Page"; --- @@ -8,12 +8,12 @@ - Astro + {pageTitle} Home About Blog -

My Astro Site

+

{pageTitle}

diff --git a/src/pages/posts/post-1.md b/src/pages/posts/post-1.md new file mode 100644 index 0000000..2aad937 --- /dev/null +++ b/src/pages/posts/post-1.md @@ -0,0 +1,27 @@ +--- +title: 'My First Blog Post' +pubDate: 2024-06-24 +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: 2024-06-24 + +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