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

package/src/routes/sponsor.astro

@@ -0,0 +1,84 @@
+---
+import BaseLayout from "virtual:theme/components/BaseLayout.astro";
+import config from "virtual:theme/config";
+import { t } from "../i18n/index.js";
+
+const cfg = config.sponsor;
+const methods = cfg.methods.filter((m) => m.enabled);
+const sponsors = cfg.sponsors;
+---
+
+<BaseLayout title={cfg.title} page="sponsor">
+  <header class="archive-head reveal">
+    <h1 class="page-title">{cfg.title}</h1>
+    {cfg.description && <p class="page-sub">{cfg.description}</p>}
+  </header>
+
+  {
+    cfg.usage && (
+      <div class="sponsor-usage card reveal">
+        {cfg.usage}
+      </div>
+    )
+  }
+
+  {
+    methods.length > 0 && (
+      <div class="sponsor-grid reveal">
+        {methods.map((m) => (
+          <div class="sponsor-method card">
+            <div class="sm-name">
+              {m.icon && <span class="sm-icon">{m.icon}</span>}
+              {m.name}
+            </div>
+            {m.description && <p class="sm-desc">{m.description}</p>}
+            {m.image ? (
+              <img class="sponsor-qr" src={m.image} alt={t('qrAlt', { name: m.name })} loading="lazy" />
+            ) : m.link ? (
+              <a class="btn sm-link" href={m.link} target="_blank" rel="noopener">
+                {t('goSponsor')}
+              </a>
+            ) : (
+              <div class="sponsor-qr sponsor-qr-empty" aria-hidden="true">
+                {t('qrPlaceholder')}
+              </div>
+            )}
+          </div>
+        ))}
+      </div>
+    )
+  }
+
+  {
+    cfg.showSponsorsList && (
+      <section class="card page-card reveal">
+        <h3 class="sponsor-list-title">
+          {t('sponsorList')}
+          {sponsors.length > 0 && <span class="sl-count">{sponsors.length}</span>}
+        </h3>
+        {sponsors.length > 0 ? (
+          <div class="sponsor-list">
+            {sponsors.map((s) => (
+              <div class="sponsor-item">
+                {s.avatar ? (
+                  <img class="sponsor-item-avatar" src={s.avatar} alt={s.name} loading="lazy" />
+                ) : (
+                  <span class="sponsor-item-avatar avatar-fallback">{s.name.slice(0, 1)}</span>
+                )}
+                <div class="sponsor-item-info">
+                  <div class="sponsor-item-name">
+                    {s.name}
+                    {s.amount && <b class="sl-amount">{s.amount}</b>}
+                  </div>
+                  {s.date && <time class="sponsor-item-date">{s.date}</time>}
+                </div>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <p class="tag-empty">{t('noSponsors')}</p>
+        )}
+      </section>
+    )
+  }
+</BaseLayout>

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>