Fix BlogPost layout frontmatter and stabilize blog rendering

This commit is contained in:
scadmin
2025-12-16 20:01:14 +00:00
parent 0782fe7c82
commit bcf5724d38
7 changed files with 141 additions and 205 deletions

View File

@@ -7,54 +7,33 @@ import { SITE_DESCRIPTION, SITE_TITLE } from '../../consts';
import { getCollection } from 'astro:content';
const posts = (await getCollection('blog'))
.filter((p) => !(p.data as { draft?: boolean }).draft)
.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
.filter((p) => !(((p.data as any).draft) ?? false))
.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
---
<!doctype html>
<html lang="en">
<head>
<BaseHead title={`${SITE_TITLE} | Blog`} description={SITE_DESCRIPTION} />
</head>
<body>
<Header />
<main>
<h1>Sean's Cloud!</h1>
<h3>Infrastructure • Cloud • Systems Thinking • Leadership</h3>
<head>
<BaseHead title="Blog | Sean's Cloud" description="Posts, lab notes, and lessons learned." />
</head>
<body>
<Header />
<main>
<h1>Blog</h1>
<p>Lab notes, guides, and lessons learned.</p>
<p>
seans.cloud is an evolving space focused on building, testing, and refining modern IT and cloud practices with an eye toward whats next. It serves as a foundation for future projects in cloud architecture, automation, security, and operational excellence—along with the leadership thinking that supports sustainable systems.
</p>
<p>
As this site grows, it will become a place to share practical insights, real-world experiments, and lessons learned from working with infrastructure at scale. Future content may include technical guides, architecture patterns, tooling evaluations, and perspectives on how technology, process, and people intersect to create resilient organizations.
</p>
<p>On this site youll find:</p>
<ul>
<li>Technical experiments and lab notes</li>
<li>Cloud and infrastructure architecture thinking</li>
<li>Reflections on reliability, security, and process</li>
<li>Lessons learned from real-world systems</li>
</ul>
<hr />
<h2>Latest Posts</h2>
{posts.length === 0 ? (
<p>No posts yet. Check back soon.</p>
) : (
<ul>
{posts.map((post) => (
<li>
<a href={`/blog/${post.id}`}>{post.data.title}</a>
<small> — {post.data.pubDate.toLocaleDateString()}</small>
{post.data.description ? <p>{post.data.description}</p> : null}
</li>
))}
</ul>
)}
</main>
<Footer />
</body>
</html>
<ul>
{posts.map((post) => (
<li>
<a href={`/blog/${post.id}/`}>{post.data.title}</a>
<div>
<small>{post.data.pubDate.toLocaleDateString()}</small>
{post.data.description ? <p>{post.data.description}</p> : null}
</div>
</li>
))}
</ul>
</main>
<Footer />
</body>
</html>