better!

bitbloxhub · Jul 22, 2023 · a3ee3e8 · a3ee3e8
1 parent c261a93
commit a3ee3e8
Show file tree

Hide file tree

Showing 8 changed files with 76 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
 		"astro": "astro"
 	},
 	"dependencies": {
+		"@astrojs/rss": "^2.4.3",
 		"@astrojs/svelte": "^3.1.0",
 		"astro": "^2.9.1",
 		"svelte": "^4.1.1"

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -0,0 +1,8 @@
+---
+import Navigation from "./Navigation.astro"
+---
+<header class="text-center">
+	<nav>
+		<Navigation />
+	</nav>
+</header>
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -0,0 +1,2 @@
+<a href="/">Home</a> |
+<a href="/blog/">Blog</a>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,4 +1,5 @@
 --- 
+import Header from "../components/Header.astro"
 interface Props {
 	title: string
 }
@@ -15,11 +16,14 @@ const { title } = Astro.props
 		<link rel="icon" href="https://github.com/bitbloxhub.png">
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
+		<script src="https://instant.page/5.2.0" type="module" />
 	</head>
 	<body>
+		<Header />
 		<slot />
 	</body>
 </html>
+
 <style is:global>
 	:root {
 		--accent: 124, 58, 237;

diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
@@ -6,7 +6,7 @@ const { frontmatter } = Astro.props
 	<main class="m-auto p-6 max-w-6xl text-left">
 		<h1>{frontmatter.title}</h1>
 		<p>Written by {frontmatter.author}</p>
-		<p>Published {frontmatter.pubDate}</p>
+		<p>Published on {frontmatter.pubDate.slice(0,10)}</p>
 		<slot />
 	</main>
 </Layout>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
@@ -0,0 +1,13 @@
+---
+import Layout from "../layouts/Layout.astro"
+const allPosts = await Astro.glob("../pages/posts/*.md")
+const pageTitle = "bitbloxhub's blog"
+---
+<Layout title={pageTitle}>
+	<main class="m-auto p-6 max-w-6xl text-left">
+		<h1>bitbloxhub's blog!</p>
+		<ul class="text-base">
+			{allPosts.map((post) => <li ><a href={post.url}>{post.frontmatter.title}</a></li>)}
+		</ul>
+	</main>
+</Layout>
diff --git a/src/pages/rss.xml.ts b/src/pages/rss.xml.ts
@@ -0,0 +1,11 @@
+import rss, { pagesGlobToRssItems } from "@astrojs/rss"
+
+export async function get() {
+	return rss({
+		title: "bitbloxhub's blog",
+		description: "a blog i might write stuff on",
+		site: "https://bitbloxhub.github.io",
+		items: await pagesGlobToRssItems(import.meta.glob("./**/*.md")),
+		customData: `<language>en-us</language>`
+	})
+}