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