git.stevedylan.dev

src/assets/512x512.png (added) +0 −0

Binary file — no preview.

src/content/post/first-post.mdx (added) +10 −0

1	+	---
2	+	title: "The First One"
3	+	description: "Making sure the MDX is working. This is kinda dumb that I have a 50 character minimum for a description but whatever"
4	+	publishDate: "27 Feb 2023"
5	+	tags: ["test", "markdown"]
6	+	---
7	+
8	+	# I hope this works!
9	+
10	+	This has been pretty weird to get working and I wish I had some syntax highliting for mdx files. that might be a problem down the road.

src/content/post/long-title.md (deleted) +0 −8

---
title: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id"
description: "This post is purely for testing if the css is correct for the title on the page"
publishDate: "01 Feb 2023"
tags: ["test"]
---

## Testing the title tag

src/content/post/missing-content.md (deleted) +0 −6

---
title: "This post doeesn't have any content"
description: "This post is purely for testing the table of content, which should not be rendered"
publishDate: "22 Feb 2023"
tags: ["test", "toc"]
---

src/content/post/second-post.md (deleted) +0 −15

---
title: "My Second Post"
publishDate: "12 June 2022"
description: "Another example post for Astro Cactus, this time written in a plain markdown file"
tags: ["example", "blog"]
---

## This is a post made with Markdown

```js
// Example JavaScript
function returnSeven() {
	return 7;
}
```

src/content/post/social-image.md (deleted) +0 −12

---
title: "Example Social Image"
publishDate: "27 January 2023"
description: "An example post for Astro Cactus, detailing how to add a custom social image card in the frontmatter"
tags: ["example", "blog", "image"]
ogImage: "/social-card.png"
---

## Adding your own social image card to a post

This post is an example of how to add a custom social image, also known as an OG image, to a blog post.
By adding the optional ogImage property to the frontmatter of a post, [satori](https://github.com/vercel/satori) won't generate an image for this page.

src/pages/404.astro +2 −3

---
import PageLayout from "@/layouts/Base";
import { Image } from "@astrojs/image/components";
import aboutImg from "../assets/about-astro.png";
import img from "../assets/512x512.png";

const meta = {
	title: "Oops! You found a missing page!",

	<p class="mb-8">Please use the navigation to find your way back</p>
	<div class="my-4 grid justify-center">
		<Image
			class="rotate-180"
			src={aboutImg}
			src={img}
			alt="A cartoon cactus looking at the 'Astro.build' logo"
			loading="eager"
		/>

1	-	---
2	-	title: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id"
3	-	description: "This post is purely for testing if the css is correct for the title on the page"
4	-	publishDate: "01 Feb 2023"
5	-	tags: ["test"]
6	-	---
7	-
8	-	## Testing the title tag

1	-	---
2	-	title: "This post doeesn't have any content"
3	-	description: "This post is purely for testing the table of content, which should not be rendered"
4	-	publishDate: "22 Feb 2023"
5	-	tags: ["test", "toc"]
6	-	---

1	-	---
2	-	title: "My Second Post"
3	-	publishDate: "12 June 2022"
4	-	description: "Another example post for Astro Cactus, this time written in a plain markdown file"
5	-	tags: ["example", "blog"]
6	-	---
7	-
8	-	## This is a post made with Markdown
9	-
10	-	```js
11	-	// Example JavaScript
12	-	function returnSeven() {
13	-	return 7;
14	-	}
15	-	```

1	-	---
2	-	title: "Example Social Image"
3	-	publishDate: "27 January 2023"
4	-	description: "An example post for Astro Cactus, detailing how to add a custom social image card in the frontmatter"
5	-	tags: ["example", "blog", "image"]
6	-	ogImage: "/social-card.png"
7	-	---
8	-
9	-	## Adding your own social image card to a post
10	-
11	-	This post is an example of how to add a custom social image, also known as an OG image, to a blog post.
12	-	By adding the optional ogImage property to the frontmatter of a post, [satori](https://github.com/vercel/satori) won't generate an image for this page.

1	1		---
2	2		import PageLayout from "@/layouts/Base";
3	3		import { Image } from "@astrojs/image/components";
4		-	import aboutImg from "../assets/about-astro.png";
	4	+	import img from "../assets/512x512.png";
5	5
6	6		const meta = {
7	7		title: "Oops! You found a missing page!",

14	14		<p class="mb-8">Please use the navigation to find your way back</p>
15	15		<div class="my-4 grid justify-center">
16	16		<Image
17		-	class="rotate-180"
18		-	src={aboutImg}
	17	+	src={img}
19	18		alt="A cartoon cactus looking at the 'Astro.build' logo"
20	19		loading="eager"
21	20		/>