@windcoder/astro-theme-orchid 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,40 @@
+---
+import { getCollection } from "astro:content";
+import BaseLayout from "virtual:theme/components/BaseLayout.astro";
+import { t } from "../../i18n/index.js";
+import { collectTags, 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 [...collectTags(sorted).entries()].map(([tag, posts]) => ({
+		params: { tag },
+		props: { tag, posts },
+	}));
+}
+
+const { tag, posts } = Astro.props;
+---
+
+<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: 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)}
+            {post.data.category ? ` · ${post.data.category}` : ''}
+          </div>
+        </a>
+      ))
+    }
+  </div>
+</BaseLayout>

package/src/routes/tags/index.astro

@@ -0,0 +1,29 @@
+---
+import { getCollection } from "astro:content";
+import BaseLayout from "virtual:theme/components/BaseLayout.astro";
+import { t } from "../../i18n/index.js";
+import { collectTags, getSortedPosts } from "../../utils.js";
+
+// 标签云：标签内文章数 > 1 用大字号（tag-s3），否则小字号（tag-s1）
+const all = await getCollection("posts", ({ data }) =>
+	import.meta.env.PROD ? !data.draft : true,
+);
+const tags = [...collectTags(getSortedPosts(all)).entries()];
+---
+
+<BaseLayout title={t('tags')} page="tags">
+  <header class="archive-head reveal">
+    <h1 class="page-title">{t('tags')}</h1>
+    <p class="page-sub">{t('totalTags', { n: tags.length })}</p>
+  </header>
+  <div class="tag-cloud card reveal">
+    {
+      tags.map(([tag, list]) => (
+        <a class={list.length > 1 ? 'tag-s3' : 'tag-s1'} href={`/tags/${encodeURIComponent(tag)}/`}>
+          {tag}
+          <span class="tag-count">{list.length}</span>
+        </a>
+      ))
+    }
+  </div>
+</BaseLayout>