@windcoder/astro-theme-orchid 0.1.0 → 0.2.1

package/src/routes/posts/[...slug].astro

@@ -17,7 +17,13 @@ import config from "virtual:theme/config";
 import { t } from "../../i18n/index.js";
 import { getLqipStyle } from "../../utils/lqip.js";
 import { getRelatedPosts } from "../../utils/related.js";
-import { formatDate, getSortedPosts, resolveCover } from "../../utils.js";
+import {
+	formatDate,
+	getSortedPosts,
+	resolveCover,
+	type SeriesEntry,
+	seriesEntries,
+} from "../../utils.js";
 
 export async function getStaticPaths() {
 	const all = await getCollection("posts", ({ data }) =>
@@ -25,7 +31,8 @@ export async function getStaticPaths() {
 	);
 	const sorted = getSortedPosts(all);
 
-	// 专题索引（§4.31）：series → 组内按 seriesOrder 升序（未配置排最后），同序按发布时间升序
+	// 专题索引（§4.31→§4.75）：seriesEntries 分块规范化（未分组块最前、
+	// 各分组按组内首篇顺序排列、全局序号连续），与专题详情页共用同一规则
 	const seriesGroups = new Map<string, typeof sorted>();
 	for (const post of sorted) {
 		const name = post.data.series;
@@ -34,40 +41,43 @@ export async function getStaticPaths() {
 		if (list) list.push(post);
 		else seriesGroups.set(name, [post]);
 	}
-	const seriesSorted = new Map<string, typeof sorted>();
+	const seriesSorted = new Map<
+		string,
+		SeriesEntry<(typeof sorted)[number]>[]
+	>();
 	for (const [name, list] of seriesGroups) {
-		seriesSorted.set(
-			name,
-			[...list].sort((a, b) => {
-				const oa = a.data.seriesOrder ?? Number.MAX_SAFE_INTEGER;
-				const ob = b.data.seriesOrder ?? Number.MAX_SAFE_INTEGER;
-				if (oa !== ob) return oa - ob;
-				return a.data.published.getTime() - b.data.published.getTime();
-			}),
-		);
+		seriesSorted.set(name, seriesEntries(list));
 	}
 
 	// sorted 内 idx+1 为更早一篇（prev），idx-1 为更新一篇（next）
 	return sorted.map((post, idx) => {
-		// 专题导航（§4.31）：当前篇在专题内的位置 + 完整目录
+		// 专题导航（§4.31）：当前篇在专题内的位置 + 完整目录（含分块组头）
 		let seriesInfo: {
 			name: string;
 			total: number;
 			cur: number;
-			items: { title: string; id: string; cur: boolean }[];
+			items: {
+				title: string;
+				id: string;
+				cur: boolean;
+				idx: number;
+				groupHead: string | null;
+			}[];
 		} | null = null;
 		const sName = post.data.series;
 		if (sName) {
-			const list = seriesSorted.get(sName)!;
-			const sIdx = list.findIndex((p) => p.id === post.id);
+			const entries = seriesSorted.get(sName)!;
+			const sIdx = entries.findIndex((e) => e.post.id === post.id);
 			seriesInfo = {
 				name: sName,
-				total: list.length,
+				total: entries.length,
 				cur: sIdx + 1,
-				items: list.map((p, i) => ({
-					title: p.data.title,
-					id: p.id,
-					cur: i === sIdx,
+				items: entries.map((e) => ({
+					title: e.post.data.title,
+					id: e.post.id,
+					cur: e.index === sIdx,
+					idx: e.index + 1,
+					groupHead: e.groupHead,
 				})),
 			};
 		}
@@ -244,20 +254,23 @@ const jsonLd = {
           </span>
         </div>
         <ol class="series-nav-list">
-          {seriesInfo.items.map((item, i) => (
-            <li class:list={["series-nav-item", { cur: item.cur }]}>
-              {item.cur ? (
-                <span class="series-nav-row">
-                  <span class="series-nav-idx">{i + 1}</span>
-                  <span class="series-nav-label">{item.title}</span>
-                </span>
-              ) : (
-                <a class="series-nav-row" href={`/posts/${item.id}/`}>
-                  <span class="series-nav-idx">{i + 1}</span>
-                  <span class="series-nav-label">{item.title}</span>
-                </a>
-              )}
-            </li>
+          {seriesInfo.items.map((item) => (
+            <>
+              {item.groupHead && <li class="series-nav-group" aria-hidden="true">{item.groupHead}</li>}
+              <li class:list={["series-nav-item", { cur: item.cur }]}>
+                {item.cur ? (
+                  <span class="series-nav-row">
+                    <span class="series-nav-idx">{item.idx}</span>
+                    <span class="series-nav-label">{item.title}</span>
+                  </span>
+                ) : (
+                  <a class="series-nav-row" href={`/posts/${item.id}/`}>
+                    <span class="series-nav-idx">{item.idx}</span>
+                    <span class="series-nav-label">{item.title}</span>
+                  </a>
+                )}
+              </li>
+            </>
           ))}
         </ol>
       </nav>

package/src/routes/rss.xml.ts

@@ -1,32 +1,59 @@
-import { getCollection } from "astro:content";
+import { getCollection, render } from "astro:content";
 import config from "virtual:theme/config";
 import rss from "@astrojs/rss";
 import type { APIContext, APIRoute } from "astro";
+import { experimental_AstroContainer as AstroContainer } from "astro/container";
 import { getSortedPosts } from "../utils.js";
 
 /**
- * RSS（§4.63 官方 @astrojs/rss 端点）：item description 使用 frontmatter
- * description，不做全文输出（避免 RSS 端点再渲染全部 Markdown）。
- * channel 头部、atom:link self、XML 转义由官方库负责；trailingSlash 与
- * 主题 trailingSlash: "always" 口径一致（/posts/xxx/）。
+ * RSS（§4.63 官方 @astrojs/rss 端点）：
+ * - 默认 item description 使用 frontmatter description（摘要输出）；
+ * - rss.fullText 开启后 item 追加 content:encoded 全文（§4.87）——经
+ *   AstroContainer 逐篇容器渲染 Markdown（与文章页同一套 remark/rehype 插件产物），
+ *   构建时间随文章数增加，默认关；
+ * - 条数 rss.limit（默认 20）；channel 头部、atom:link self、XML 转义由官方库负责；
+ *   trailingSlash 与主题 trailingSlash: "always" 口径一致（/posts/xxx/）。
  */
 export const GET: APIRoute = async (context: APIContext) => {
 	const all = await getCollection("posts", ({ data }) => !data.draft);
-	const posts = getSortedPosts(all).slice(0, 20);
+	const posts = getSortedPosts(all).slice(0, config.rss.limit);
 	const site = context.site ?? new URL("https://blog.example.com");
 
+	const items = await Promise.all(
+		posts.map(async (post) => {
+			const item: {
+				title: string;
+				description: string;
+				link: string;
+				pubDate: Date;
+				content?: string;
+			} = {
+				title: post.data.title,
+				description: post.data.description,
+				link: `/posts/${post.id}/`,
+				pubDate: post.data.published,
+			};
+			if (config.rss.fullText && !post.data.password) {
+				// 加密文章不进 RSS 全文（内容构建期加密，明文进 RSS 会绕过密码）
+				const { Content } = await render(post);
+				const container = await AstroContainer.create();
+				item.content = await container.renderToString(Content);
+			}
+			return item;
+		}),
+	);
+
 	return rss({
 		title: config.title,
 		description: config.description,
 		site,
-		items: posts.map((post) => ({
-			title: post.data.title,
-			description: post.data.description,
-			link: `/posts/${post.id}/`,
-			pubDate: post.data.published,
-		})),
-		// atom 命名空间 + feed 自引用（v4 不再自动生成，保持对原手写版的兼容）
-		xmlns: { atom: "http://www.w3.org/2005/Atom" },
+		items,
+		// atom 命名空间 + feed 自引用（v4 不再自动生成，保持对原手写版的兼容）；
+		// content 命名空间供 fullText 的 content:encoded 使用
+		xmlns: {
+			atom: "http://www.w3.org/2005/Atom",
+			content: "http://purl.org/rss/1.0/modules/content/",
+		},
 		// RSS <language> 通道级语言标记（跟随站点语言）
 		customData: [
 			`<language>${config.lang}</language>`,

package/src/routes/series/[name].astro

@@ -2,10 +2,11 @@
 import { getCollection } from "astro:content";
 import BaseLayout from "virtual:theme/components/BaseLayout.astro";
 import { t } from "../../i18n/index.js";
-import { formatDate, type PostLike } from "../../utils.js";
+import { formatDate, type PostLike, seriesEntries } from "../../utils.js";
 import { hydratePosts } from "../_hydrate.js";
 
-// 专题详情页（§4.31）：组内 seriesOrder 升序（未配置排最后），同序按发布时间升序
+// 专题详情页（§4.31→§4.75）：seriesEntries 分块规范化——
+// 未分组文章块最前，各分组按组内首篇顺序排列，全局序号连续
 export async function getStaticPaths() {
 	const all = await getCollection("posts", ({ data }) =>
 		import.meta.env.PROD ? !data.draft : true,
@@ -21,18 +22,17 @@ export async function getStaticPaths() {
 		else groups.set(name, [post]);
 	}
 
-	return [...groups.entries()].map(([name, list]) => {
-		const sorted = [...list].sort((a, b) => {
-			const oa = a.data.seriesOrder ?? Number.MAX_SAFE_INTEGER;
-			const ob = b.data.seriesOrder ?? Number.MAX_SAFE_INTEGER;
-			if (oa !== ob) return oa - ob;
-			return a.data.published.getTime() - b.data.published.getTime();
-		});
-		return { params: { name }, props: { name, posts: sorted } };
-	});
+	return [...groups.entries()].map(([name, list]) => ({
+		params: { name },
+		props: { name, entries: seriesEntries(list) },
+	}));
 }
 
-const { name, posts } = Astro.props as { name: string; posts: PostLike[] };
+const { name, entries } = Astro.props as {
+	name: string;
+	entries: ReturnType<typeof seriesEntries>;
+};
+const posts = entries.map((e) => e.post);
 const latest = posts.reduce(
 	(max, p) => (p.data.published > max ? p.data.published : max),
 	posts[0]!.data.published,
@@ -49,14 +49,17 @@ const latest = posts.reduce(
   </header>
   <ol class="series-list">
     {
-      posts.map((post, i) => (
-        <li class="series-item reveal">
-          <a class="series-link card" href={`/posts/${post.id}/`}>
-            <span class="series-idx">{i + 1}</span>
-            <span class="series-title">{post.data.title}</span>
-            <span class="series-date">{formatDate(post.data.published)}</span>
-          </a>
-        </li>
+      entries.map((entry) => (
+        <>
+          {entry.groupHead && <li class="series-group-title" aria-hidden="true">{entry.groupHead}</li>}
+          <li class="series-item reveal">
+            <a class="series-link card" href={`/posts/${entry.post.id}/`}>
+              <span class="series-idx">{entry.index + 1}</span>
+              <span class="series-title">{entry.post.data.title}</span>
+              <span class="series-date">{formatDate(entry.post.data.published)}</span>
+            </a>
+          </li>
+        </>
       ))
     }
   </ol>

package/src/routes/tags/[tag]/[...page].astro

@@ -0,0 +1,51 @@
+---
+import { getCollection } from "astro:content";
+import BaseLayout from "virtual:theme/components/BaseLayout.astro";
+import Pagination from "virtual:theme/components/Pagination.astro";
+import config from "virtual:theme/config";
+import { t } from "../../../i18n/index.js";
+import { collectTags, formatDate, getSortedPosts } from "../../../utils.js";
+
+/**
+ * 标签详情（§4.87 分页）：每标签按 postList.pageSize 分页，第一页
+ * /tags/<tag>/（page 段省略），后续 /tags/<tag>/2/ 起。结构与分类详情页一致。
+ */
+export async function getStaticPaths({ paginate }: { paginate: any }) {
+	const all = await getCollection("posts", ({ data }) =>
+		import.meta.env.PROD ? !data.draft : true,
+	);
+	// 先排序再聚合，保证每个标签内文章按新→旧排列
+	const sorted = getSortedPosts(all);
+	return [...collectTags(sorted).entries()].flatMap(([tag, posts]) =>
+		paginate(posts, {
+			params: { tag },
+			props: { tag },
+			pageSize: config.postList.pageSize,
+		}),
+	);
+}
+
+const { page, tag } = Astro.props;
+const posts = page.data;
+---
+
+<BaseLayout title={t('tagTitle', { tag })} page="tags">
+  <header class="archive-head reveal">
+    <h1 class="page-title">{tag}</h1>
+    <p class="page-sub">{t('totalPosts', { n: page.total })}</p>
+  </header>
+  <div class="tag-list">
+    {
+      posts.map((post: any) => (
+        <a class="related-card card tag-item reveal" href={`/posts/${post.id}/`}>
+          <div class="rc-title">{post.data.title}</div>
+          <div class="rc-meta">
+            {formatDate(post.data.published)}
+            {post.data.category ? ` · ${post.data.category}` : ''}
+          </div>
+        </a>
+      ))
+    }
+  </div>
+  <Pagination page={page.currentPage} total={page.lastPage} basePath={`/tags/${tag}/`} />
+</BaseLayout>

package/src/schema.ts

@@ -342,6 +342,8 @@ export const themeConfigSchema = z.object({
 			gallery: z.boolean().default(true),
 			/** 专题（§4.31）：frontmatter series 聚合页 /series/ 与 /series/[name]/ */
 			series: z.boolean().default(true),
+			/** 说说页（§4.87）：/moments/ 短内容时间流；站点需定义 moments collection。默认关——老站点无该集合，开启前先在 content.config.ts 定义 */
+			moments: z.boolean().default(false),
 		})
 		.default({
 			about: true,
@@ -350,6 +352,7 @@ export const themeConfigSchema = z.object({
 			sponsor: true,
 			gallery: true,
 			series: true,
+			moments: false,
 		}),
 	/**
 	 * 画廊/相册（M3b-b8）。相册数据纯配置驱动，照片两个来源：
@@ -915,6 +918,26 @@ export const themeConfigSchema = z.object({
 			method: z.enum(["base64", "rot13"]).default("base64"),
 		})
 		.default({ enabled: false, method: "base64" }),
+	/**
+	 * 图片防盗链（§4.87）：部分图床/CDN（如 B 站）校验 Referer，站内引用返回 403。
+	 * 命中域名列表的外链图片构建期追加 referrerpolicy="no-referrer"。
+	 * 裸域名匹配自身与全部子域；*.example.com 只匹配子域。留空不处理。
+	 */
+	noReferrer: z
+		.object({
+			domains: z.array(z.string()).default([]),
+		})
+		.default({ domains: [] }),
+	/**
+	 * RSS 输出（§4.87）：fullText 开启后 item 带 content:encoded 全文
+	 * （构建期逐篇容器渲染，构建时间相应增加）；limit 控制输出条数。
+	 */
+	rss: z
+		.object({
+			fullText: z.boolean().default(false),
+			limit: z.number().int().min(1).default(20),
+		})
+		.default({ fullText: false, limit: 20 }),
 	/**
 	 * favicon 图标列表（§4.30）：数组非空时替换默认 /favicon.svg；
 	 * theme 指定 "light"/"dark" 时按系统深浅色经 media 切换（可配双图标）。
@@ -1207,6 +1230,33 @@ export function definePostSchema(extensions: z.ZodRawShape = {}) {
 			series: z.string().optional(),
 			/** 专题内顺序（小在前）；未配置则按发布时间升序 */
 			seriesOrder: z.number().optional(),
+			/**
+			 * 专题内分组（§4.75）：专题页与文章页专题目录按组分块展示
+			 * （未分组文章块在最前，各分组按组内首篇顺序依次排列，全局序号连续）。
+			 * 组名直接来自本字段文本，无 i18n 参与。
+			 */
+			seriesGroup: z.string().optional(),
+		})
+		.extend(extensions);
+}
+
+/**
+ * 内容 schema 工厂：说说集合 frontmatter（§4.87 说说页）。
+ * 站点 content.config.ts 定义 moments collection（loader 扫描
+ * src/content/moments 目录下全部 .md 文件，schema 用本工厂）。
+ * 正文即说说内容（Markdown，支持主题全部增强语法）；主题开关 pages.moments
+ * 打开后注入 /moments/（时间流，按 published 新→旧，每页 20 条）。
+ */
+export function defineMomentSchema(extensions: z.ZodRawShape = {}) {
+	return z
+		.object({
+			published: z.coerce.date(),
+			/** 心情 emoji（卡片右上角展示） */
+			mood: z.string().optional(),
+			tags: z.array(z.string()).default([]),
+			/** 配图（public 路径或外链，网格展示 + 灯箱浏览） */
+			images: z.array(z.string()).default([]),
+			draft: z.boolean().default(false),
 		})
 		.extend(extensions);
 }

package/src/styles/global.css

@@ -2705,6 +2705,28 @@ button.archive-year .year-caret {
 	display: grid;
 	gap: 10px;
 }
+/* §4.75 专题分组：详情页组头（组内首条之前的小标题） */
+.series-group-title {
+	margin-top: 16px;
+	padding-left: 2px;
+	font-size: 13px;
+	font-weight: 700;
+	letter-spacing: 0.04em;
+	color: var(--muted);
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+.series-group-title::before {
+	content: "";
+	width: 14px;
+	height: 3px;
+	border-radius: 2px;
+	background: var(--accent);
+}
+.series-group-title:first-child {
+	margin-top: 0;
+}
 .series-link {
 	display: flex;
 	align-items: center;
@@ -2794,6 +2816,18 @@ button.archive-year .year-caret {
 	display: grid;
 	gap: 2px;
 }
+/* §4.75 专题分组：文章页专题目录组头 */
+.series-nav-group {
+	margin-top: 8px;
+	padding-left: 2px;
+	font-size: 12px;
+	font-weight: 700;
+	letter-spacing: 0.04em;
+	color: var(--muted);
+}
+.series-nav-group:first-child {
+	margin-top: 0;
+}
 .series-nav-item {
 	position: relative;
 	padding-left: 14px;
@@ -3054,6 +3088,9 @@ html.dark .series-nav-item.cur .series-nav-row {
 .gallery-banner {
 	position: relative;
 	overflow: hidden;
+	/* 显式定宽阻断 aspect-ratio 反推：窄容器下 min-height 拉高后 3/1 会
+	   反解出 200×3=600px 的宽度穿透容器，导致页面横向滚动（§4.86） */
+	width: 100%;
 	border-radius: var(--radius);
 	aspect-ratio: 3 / 1;
 	min-height: 200px;
@@ -3174,6 +3211,8 @@ gallery-filter {
 .gallery-masonry {
 	column-count: 2;
 	column-gap: 12px;
+	/* 与封面横幅/降级头部的间隔（§4.86，原来零间距贴合） */
+	margin-top: 24px;
 }
 @media (min-width: 640px) {
 	.gallery-masonry {
@@ -3200,6 +3239,84 @@ gallery-filter {
 	transform: scale(1.025);
 }
 
+/* 说说页（§4.87）：时间流卡片 */
+.moments-list {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+.moment {
+	padding: 18px 22px;
+}
+.moment-meta {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 10px;
+	font-size: 13px;
+	color: var(--muted);
+}
+.moment-mood {
+	font-size: 18px;
+	line-height: 1;
+}
+.moment-content {
+	font-size: 15px;
+	line-height: 1.75;
+}
+.moment-content > :first-child {
+	margin-top: 0;
+}
+.moment-content > :last-child {
+	margin-bottom: 0;
+}
+.moment-images {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 8px;
+	margin-top: 12px;
+}
+@media (max-width: 480px) {
+	.moment-images {
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+.moment-img {
+	overflow: hidden;
+	border-radius: var(--radius-sm);
+	background: var(--bg-soft);
+	cursor: zoom-in;
+}
+.moment-img img {
+	display: block;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	aspect-ratio: 1 / 1;
+	transition: transform 0.35s ease;
+}
+.moment-img:hover img {
+	transform: scale(1.04);
+}
+.moment-tags {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+	margin-top: 12px;
+}
+.moment-tag {
+	padding: 1px 10px;
+	border-radius: 999px;
+	font-size: 12px;
+	color: var(--ink-2);
+	background: var(--bg-soft);
+	transition: background-color 0.15s;
+}
+.moment-tag:hover {
+	background: var(--accent-soft);
+	color: var(--ink);
+}
+
 /* 灯箱（§4.69）：样式由 photoswipe/photoswipe.css 提供（BaseLayout 引入） */
 /* 灯箱自定义 UI（§4.70/§4.71）：全屏/自动播放按钮与缩略图条（可开关、内容居中）。
    自定义图标用 .qy-pswp-icn 独立类名，避开 .pswp__icn 的 fill 覆盖（图标走 stroke 描边） */

package/src/utils.ts

@@ -41,6 +41,8 @@ export interface PostLike {
 		series?: string;
 		/** 专题内顺序（小在前）；未配置则按发布时间升序 */
 		seriesOrder?: number;
+		/** 专题内分组（§4.75）：专题页/专题目录按组分块展示 */
+		seriesGroup?: string;
 	};
 }
 
@@ -89,6 +91,56 @@ export function getSortedPosts<T extends PostLike>(posts: T[]): T[] {
 		});
 }
 
+/** 专题内排序比较器：seriesOrder 升序（未配置排最后），同序按发布时间升序 */
+function compareSeriesOrder<T extends PostLike>(a: T, b: T): number {
+	const oa = a.data.seriesOrder ?? Number.MAX_SAFE_INTEGER;
+	const ob = b.data.seriesOrder ?? Number.MAX_SAFE_INTEGER;
+	if (oa !== ob) return oa - ob;
+	return a.data.published.getTime() - b.data.published.getTime();
+}
+
+/** 专题渲染序列条目：groupHead 非空 = 该条目是新分块首条，值为组名（未分组块无头） */
+export interface SeriesEntry<T> {
+	post: T;
+	/** 全局序号（0 起，贯穿分块连续编号） */
+	index: number;
+	groupHead: string | null;
+}
+
+/**
+ * 专题分块序列（§4.75）：按 seriesOrder 排序后分块规范化——
+ * 未分组文章为最前块，各分组（seriesGroup 非空）按组内首篇顺序依次排列。
+ * 同组文章 seriesOrder 不连续时自动归拢，不依赖作者保证组内连续。
+ * 序号贯穿所有分块连续递增，供专题页与文章页专题目录共用。
+ */
+export function seriesEntries<T extends PostLike>(
+	posts: T[],
+): SeriesEntry<T>[] {
+	const sorted = [...posts].sort(compareSeriesOrder);
+	const entries: SeriesEntry<T>[] = [];
+	const groups = new Map<string, T[]>();
+	for (const post of sorted) {
+		const group = post.data.seriesGroup;
+		if (!group) {
+			entries.push({ post, index: entries.length, groupHead: null });
+			continue;
+		}
+		const list = groups.get(group);
+		if (list) list.push(post);
+		else groups.set(group, [post]);
+	}
+	for (const [group, list] of groups) {
+		for (const post of list) {
+			entries.push({
+				post,
+				index: entries.length,
+				groupHead: post === list[0] ? group : null,
+			});
+		}
+	}
+	return entries;
+}
+
 /** 按标签聚合：Map<标签名, 文章[]>，标签按文章数降序 */
 export function collectTags<T extends PostLike>(posts: T[]): Map<string, T[]> {
 	const map = new Map<string, T[]>();

package/src/routes/categories/[category].astro

@@ -1,37 +0,0 @@
----
-import { getCollection } from "astro:content";
-import BaseLayout from "virtual:theme/components/BaseLayout.astro";
-import { t } from "../../i18n/index.js";
-import { collectCategories, formatDate, getSortedPosts } from "../../utils.js";
-
-// 先排序再聚合，保证每个分类内文章按新→旧排列
-export async function getStaticPaths() {
-	const all = await getCollection("posts", ({ data }) =>
-		import.meta.env.PROD ? !data.draft : true,
-	);
-	const sorted = getSortedPosts(all);
-	return [...collectCategories(sorted).entries()].map(([category, posts]) => ({
-		params: { category },
-		props: { category, posts },
-	}));
-}
-
-const { category, posts } = Astro.props;
----
-
-<BaseLayout title={t('categoryTitle', { category })} page="categories">
-  <header class="archive-head reveal">
-    <h1 class="page-title">{category}</h1>
-    <p class="page-sub">{t('totalPosts', { n: posts.length })}</p>
-  </header>
-  <div class="tag-list">
-    {
-      posts.map((post) => (
-        <a class="related-card card tag-item reveal" href={`/posts/${post.id}/`}>
-          <div class="rc-title">{post.data.title}</div>
-          <div class="rc-meta">{formatDate(post.data.published)}</div>
-        </a>
-      ))
-    }
-  </div>
-</BaseLayout>