Revert "chore(blog): remove the blog listing page"
This reverts commit e37e41254c
.
This commit is contained in:
parent
b85d84e3bb
commit
efe23233a0
32
src/pages/blog/index.astro
Normal file
32
src/pages/blog/index.astro
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
---
|
||||||
|
import ListingPage from "~/components/ListingPage.astro";
|
||||||
|
import PageLayout from "~/layouts/PageLayout.astro";
|
||||||
|
import { getCollection } from 'astro:content';
|
||||||
|
|
||||||
|
const posts = await getCollection('blog');
|
||||||
|
|
||||||
|
// TODO: show all posts when running locally.
|
||||||
|
const filteredPosts = posts
|
||||||
|
.filter((post) => !post.data.draft)
|
||||||
|
.filter((post) => post.data.date);
|
||||||
|
|
||||||
|
const sortedPosts = filteredPosts
|
||||||
|
.map((post) => {
|
||||||
|
const slug = `/blog/${post.slug}`;
|
||||||
|
|
||||||
|
return { item: post, slug };
|
||||||
|
})
|
||||||
|
.sort(
|
||||||
|
(a, b) =>
|
||||||
|
new Date(b.item.data.date).valueOf() -
|
||||||
|
new Date(a.item.data.date).valueOf()
|
||||||
|
);
|
||||||
|
---
|
||||||
|
|
||||||
|
<ListingPage items={sortedPosts} title="Blog">
|
||||||
|
<p slot="intro">
|
||||||
|
This is where I publish my personal blog posts as well as technical posts
|
||||||
|
and tutorials on topics such as Drupal, PHP, Tailwind CSS, automated
|
||||||
|
testing, and systems administration.
|
||||||
|
</p>
|
||||||
|
</ListingPage>
|
Loading…
Reference in a new issue