rossouwap
/
AstroTutorial
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More on the tutorial - up to here: https://docs.astro.build/en/tutorial/2-pages/3/

This commit is contained in:
Andre Rossouw 2023-12-09 13:26:41 +02:00
parent e497b106ae
commit c30c3901f3
6 changed files with 96 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/about.astro Normal file
View File

@ -0,0 +1,21 @@
---
const pageTitle = "About Andre Rossouw";
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
</head>
<body>
<a href="/">Home</a>
<a href="/about/">About</a>
<a href="/blog/">Blog</a>
<h1>{pageTitle}</h1>
<p>This is my firwst paragraph on my about page. It sure does look good!</p>
<p>And here is another parapgraph that I'm adding. I think it looks pretty darn cool.</p>
</body>
</html>

22
src/pages/blog.astro Normal file
View File

@ -0,0 +1,22 @@
---
---
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width" />
<title>Astro</title>
</head>
<body>
<a href="/">Home</a>
<a href="/about/">About</a>
<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>

5
src/pages/index.astro
View File

@ -11,6 +11,9 @@
<title>Astro</title> <title>Astro</title>
</head> </head>
<body> <body>
<h1>Astro</h1> <a href="/">Home</a>
<a href="/about/">About</a>
<a href="/blog/">Blog</a>
<h1>My Astro Site</h1>
</body> </body>
</html> </html>

27
src/pages/posts/post-1.md Normal file
View File

@ -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.

11
src/pages/posts/post-2.md Normal file
View File

@ -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!

11
src/pages/posts/post-3.md Normal file
View File

@ -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!