@xingwangzhe/stalux 1.2.0

package/src/layouts/PostLayout.astro

@@ -0,0 +1,90 @@
+---
+import PostLeft from "@components/stalux/posts/postLeft.astro";
+import PostContent from "@components/stalux/posts/postContent.astro";
+import PostRight from "@components/stalux/posts/postRight.astro";
+import PostNavigation from "@components/stalux/posts/postNavigation.astro";
+import PostCC from "@components/stalux/posts/postCC.astro";
+import WalineComment from "@components/stalux/posts/WalineComment.astro";
+import { buildWalineProps } from "@utils/waline";
+import PhotoSwipeStyle from "@components/stalux/posts/PhotoSwipeStyle.astro";
+import { getCollection } from "astro:content";
+import "@styles/base/math.css";
+import layoutStyle from "@styles/components/posts/postLayout.module.css";
+
+interface Props {
+    title: string;
+    date?: string;
+    updated?: string;
+    readingTime?: string;
+    readingMinutes?: number;
+    wordCount?: number;
+    tags?: string[];
+    categories?: string[];
+    headings?: Array<{ depth: number; slug: string; text: string }>;
+    author?: string;
+    authorAvatar?: string;
+    prev?: { url: string; title: string };
+    next?: { url: string; title: string };
+    cc?: string;
+    hasImage?: boolean;
+}
+
+const props = Astro.props as Props;
+const tags = props.tags ?? [];
+const categories = props.categories ?? [];
+const headings = props.headings ?? [];
+const author = props.author ?? "Author";
+// 获取 Waline 配置
+const configEntries = await getCollection("config");
+const commentConfig = (configEntries.find(e => e.id === "comment")?.data ?? {}) as Record<string, unknown>;
+const walineSection = commentConfig.waline as Record<string, unknown> | undefined;
+const commentEnabled = (commentConfig.enabled as boolean) ?? false;
+const walineConfig = walineSection && walineSection.serverURL ? {
+    ...walineSection,
+    emoji: walineSection.emoji ?? [
+        "https://unpkg.com/@waline/emojis@1.1.0/bilibili",
+        "https://unpkg.com/@waline/emojis@1.1.0/bmoji",
+    ],
+} : undefined;
+---
+
+{props.hasImage && <PhotoSwipeStyle />}
+
+<div class={layoutStyle.postLayout}>
+    <div class={layoutStyle.container}>
+        <!-- Left Sidebar -->
+        <PostLeft author={author} authorAvatar={props.authorAvatar} />
+
+        <!-- Main Content -->
+        <PostContent
+            title={props.title}
+            date={props.date}
+            updated={props.updated}
+            readingTime={props.readingTime}
+            readingMinutes={props.readingMinutes}
+            wordCount={props.wordCount}
+            hasImage={props.hasImage}
+        >
+            <slot />
+            <PostCC
+                title={props.title}
+                author={author}
+                url={Astro.url.href}
+                cc={props.cc}
+            />
+            <PostNavigation prev={props.prev} next={props.next} />
+            {
+                commentEnabled && walineConfig?.serverURL && (
+                    <WalineComment
+                        {...buildWalineProps(walineConfig)}
+                        path={Astro.url.pathname}
+                        title={props.title}
+                    />
+                )
+            }
+        </PostContent>
+
+        <!-- Right Sidebar -->
+        <PostRight headings={headings} tags={tags} categories={categories} />
+    </div>
+</div>

package/src/layouts/Stalux.astro

@@ -0,0 +1,91 @@
+---
+import Head from "@components/stalux/layout/head.astro";
+import Footer from "@components/stalux/layout/footer.astro";
+import { getCollection } from "astro:content";
+import "@styles/base/init.css";
+import "@styles/shared/stagger.css";
+import { getAuthorData, getPromoteData, getSiteData } from "@utils/config-utils";
+const props = Astro.props as Props;
+
+interface Props {
+  title: string;
+  description: string;
+  cover?: string;
+  isArticle?: boolean;
+  date?: string;
+  updated?: string;
+  tags?: string[];
+  categories?: string[];
+  author?: string;
+  noindex?: boolean;
+}
+
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const authorConfig = getAuthorData(configEntries);
+const promoteConfig = getPromoteData(configEntries);
+const htmlLang = siteConfig.lang || "zh-CN";
+
+const bgModules = import.meta.glob<{ default: { src: string } }>(
+    "../assets/background/pattern-*.min.svg",
+    { eager: true },
+);
+const bgUrls = Object.values(bgModules)
+    .map((m) => m.default.src)
+    .sort((a, b) => {
+        const na = parseInt(a.match(/pattern-(\d+)/)?.[1] || "0", 10);
+        const nb = parseInt(b.match(/pattern-(\d+)/)?.[1] || "0", 10);
+        return na - nb;
+    });
+const randomIndex = bgUrls.length > 0 ? Math.floor(Math.random() * bgUrls.length) : 0;
+const initialBg = bgUrls[randomIndex] || "";
+const llmPromoteRaw = promoteConfig?.llm_promote ?? "";
+const llmPromote = llmPromoteRaw
+  ?.replace(/\{author\}/g, authorConfig.name)
+  ?.replace(/\{url\}/g, siteConfig.url)
+  ?.replace(/\{title\}/g, siteConfig.title)
+  ?.replace(/\{cc\}/g, "CC-BY-NC-SA-4.0");
+---
+
+<!doctype html>
+<html lang={htmlLang}>
+  <Head
+    title={props.title}
+    description={props.description}
+    cover={props.cover}
+    isArticle={props.isArticle}
+    date={props.date}
+    updated={props.updated}
+    tags={props.tags}
+    categories={props.categories}
+    author={props.author}
+    noindex={props.noindex}
+  />
+  <script define:vars={{ bgUrls, randomIndex }}>
+    window.__STALUX_BG_URLS__ = bgUrls;
+    window.__STALUX_BG_INDEX__ = randomIndex;
+  </script>
+  <script>
+    import "../scripts/background.ts";
+  </script>
+  <body
+    class="stalux-root dark"
+    data-stalux-bg-layer="a"
+    data-stalux-bg-index={randomIndex}
+  >
+    {llmPromote && <div style="display:none">{llmPromote}</div>}
+    <div
+      class="bg-layer bg-a"
+      style={`background-image: url('${initialBg}'); opacity: 1;`}
+      aria-hidden="true"
+    >
+    </div>
+    <div class="bg-layer bg-b" aria-hidden="true"></div>
+    <main class="stalux-main">
+      <slot />
+    </main>
+    <Footer />
+  </body>
+</html>
+
+<style></style>

package/src/pages/404.astro

@@ -0,0 +1,103 @@
+---
+import Stalux from "@layouts/Stalux.astro";
+import Navs from "@components/stalux/layout/navs.astro";
+import { getCollection } from "astro:content";
+import { createTranslator } from "@utils/i18n";
+import { getSiteData, getAuthorData, getHeadData, getNavsData, getLinksData, getCommentData, getFooterData, getPromoteData, getTypetextsData, getMediaLinksData } from "@utils/config-utils";
+
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const { t } = createTranslator(siteConfig.lang || "zh-CN");
+---
+
+<Stalux
+  title={t("page404.title") + " | " + siteConfig.title}
+  description={t("page404.description")}
+>
+  <div style="height: 3em;"></div>
+  <Navs />
+  <div class="error-container" data-pagefind-ignore>
+    <div class="error-content">
+      <h1>404</h1>
+      <p>{t("page404.pageNotFound")}</p>
+      <p id="countdown" class="countdown-text">{t("page404.countdown", { n: 5 })}</p>
+      <a href="/" class="home-btn" data-astro-prefetch>{t("page404.backHome")}</a>
+    </div>
+  </div>
+
+  <script define:vars={{ countdownText: t("page404.countdown", { n: "{n}" }) }}>
+    let seconds = 5;
+    const el = document.getElementById("countdown");
+    const timer = setInterval(() => {
+      seconds--;
+      if (seconds <= 0) {
+        clearInterval(timer);
+        window.location.href = "/";
+      } else {
+        el.textContent = countdownText.replace("{n}", String(seconds));
+      }
+    }, 1000);
+  </script>
+</Stalux>
+
+<style>
+  .error-container {
+    text-align: center;
+    padding: 2rem;
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .error-content h1 {
+    font-size: 6rem;
+    font-weight: bold;
+    margin: 0;
+    color: var(--white-90p);
+    text-shadow: 0 2px 10px var(--shadow-medium);
+  }
+
+  .error-content p {
+    font-size: 1.5rem;
+    margin: 1rem 0 2rem 0;
+    color: var(--white-70p);
+  }
+
+  .countdown-text {
+    font-size: 0.95rem !important;
+    color: var(--white-50p) !important;
+    margin: -0.5rem 0 1.5rem 0 !important;
+  }
+
+  .home-btn {
+    display: inline-block;
+    padding: var(--space-md) var(--space-lg);
+    background: var(--black-20p);
+    color: var(--white-90p);
+    text-decoration: none;
+    border-radius: var(--radius-md);
+    border: var(--border-thin) solid var(--white-20p);
+    transition:
+      background-color var(--transition-normal),
+      transform var(--transition-normal),
+      box-shadow var(--transition-normal);
+    font-size: var(--font-size-base);
+  }
+
+  .home-btn:hover {
+    background: var(--accent-20p);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px var(--shadow-dark);
+  }
+
+  @media (max-width: 768px) {
+    .error-content h1 {
+      font-size: 4rem;
+    }
+
+    .error-content p {
+      font-size: 1.2rem;
+    }
+  }
+</style>

package/src/pages/about.astro

@@ -0,0 +1,59 @@
+---
+import Stalux from "@layouts/Stalux.astro";
+import PostContent from "@components/stalux/posts/postContent.astro";
+import PostCC from "@components/stalux/posts/postCC.astro";
+import WalineComment from "@components/stalux/posts/WalineComment.astro";
+import { buildWalineProps } from "@utils/waline";
+import { getCollection, render } from "astro:content";
+import Navs from "@components/stalux/layout/navs.astro";
+import { getSiteData, getAuthorData, getHeadData, getNavsData, getLinksData, getCommentData, getFooterData, getPromoteData, getTypetextsData, getMediaLinksData } from "@utils/config-utils";
+
+// 获取关于页面内容
+const aboutPages = await getCollection("about");
+const aboutPage = aboutPages[0];
+const { Content } = await render(aboutPage);
+
+// 获取配置
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const commentConfig = getCommentData(configEntries);
+const walineSection = commentConfig?.waline;
+const commentEnabled = commentConfig?.enabled ?? false;
+const walineConfig = walineSection && walineSection.serverURL ? walineSection : undefined;
+const authorConfig = getAuthorData(configEntries);
+const author = authorConfig.name;
+---
+
+<Stalux
+    title={aboutPage.data.title + " | " + siteConfig.title}
+    description={aboutPage.data.description}
+>
+    <div style="height: 3em;"></div>
+    <Navs />
+    <div style="height: 3em;"></div>
+    <div style="max-width: 900px; margin: 2rem auto; padding: 0 1rem;">
+        <PostContent
+            title={aboutPage.data.title}
+            date={undefined}
+            updated={undefined}
+            readingTime={undefined}
+        >
+            <Content />
+            <PostCC
+                title={aboutPage.data.title}
+                author={author}
+                url={Astro.url.href}
+                cc="CC-BY-NC-SA-4.0"
+            />
+            {
+                commentEnabled && walineConfig?.serverURL && (
+                    <WalineComment
+                        {...buildWalineProps(walineConfig)}
+                        path={Astro.url.pathname}
+                        title={aboutPage.data.title}
+                    />
+                )
+            }
+        </PostContent>
+    </div>
+</Stalux>

package/src/pages/about.md.ts

@@ -0,0 +1,15 @@
+import { getSite, isMarkdownExportEnabled, loadConfig, renderAboutMd } from "@utils/ai-discovery";
+import type { APIRoute } from "astro";
+
+export const prerender = true;
+
+export const GET: APIRoute = async (context) => {
+    const config = await loadConfig();
+    if (!isMarkdownExportEnabled(config)) return new Response(null, { status: 404 });
+
+    const site = getSite(config, context.site?.toString());
+    const text = await renderAboutMd(site);
+    return new Response(text, {
+        headers: { "Content-Type": "text/markdown; charset=utf-8" },
+    });
+};

package/src/pages/api/post.abbrlink.json.ts

@@ -0,0 +1,20 @@
+import type { APIRoute } from "astro";
+import { getCollection } from "astro:content";
+
+export const prerender = true;
+
+export const GET: APIRoute = async () => {
+    const posts = await getCollection("posts", ({ data }) => !data.draft);
+
+    const payload = posts.map((post) => ({
+        title: post.data.title,
+        abbrlink: post.data.abbrlink,
+    }));
+
+    return new Response(JSON.stringify(payload), {
+        status: 200,
+        headers: {
+            "Content-Type": "application/json; charset=utf-8",
+        },
+    });
+};

package/src/pages/archives.astro

@@ -0,0 +1,23 @@
+---
+import Navs from "@components/stalux/layout/navs.astro";
+import Stalux from "@layouts/Stalux.astro";
+import ArchivesList from "@components/stalux/archives/archivesList.astro";
+import { getCollection } from "astro:content";
+import { createTranslator } from "@utils/i18n";
+import styles from "@styles/pages/archives.module.css";
+import { getSiteData, getAuthorData, getHeadData, getNavsData, getLinksData, getCommentData, getFooterData, getPromoteData, getTypetextsData, getMediaLinksData } from "@utils/config-utils";
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const { t } = createTranslator(siteConfig.lang || "zh-CN");
+const posts = await getCollection("posts", ({ data }) => !data.draft);
+---
+
+<Stalux title={t("archives.title") + " | " + siteConfig.title} description={t("archives.description", { title: siteConfig.title })}>
+    <div style="height: 3em;"></div>
+    <Navs />
+    <h1 class={styles.h1}>{t("archives.heading")}</h1>
+    <div class={styles.description}>
+        {t("archives.desc", { n: posts.length })}
+    </div>
+    <ArchivesList posts={posts} />
+</Stalux>

package/src/pages/archives.md.ts

@@ -0,0 +1,24 @@
+import {
+    getSite,
+    isMarkdownExportEnabled,
+    loadConfig,
+    renderArchivesMd,
+} from "@utils/ai-discovery";
+import { createTranslator } from "@utils/i18n";
+import type { APIRoute } from "astro";
+
+export const prerender = true;
+
+export const GET: APIRoute = async (context) => {
+    const config = await loadConfig();
+    const exportMd = isMarkdownExportEnabled(config);
+    if (!exportMd) return new Response(null, { status: 404 });
+
+    const site = getSite(config, context.site?.toString());
+    const lang = (config.get("site")?.lang as string) || "zh-CN";
+    const { t } = createTranslator(lang);
+    const text = await renderArchivesMd(site, exportMd, t);
+    return new Response(text, {
+        headers: { "Content-Type": "text/markdown; charset=utf-8" },
+    });
+};

package/src/pages/atom.xml.ts

@@ -0,0 +1,29 @@
+import rss from "@astrojs/rss";
+import { buildFeedItems } from "@utils/feed";
+import { createTranslator, langToFeedLanguage } from "@utils/i18n";
+import type { APIRoute } from "astro";
+import { getCollection } from "astro:content";
+
+export const GET: APIRoute = async (context) => {
+    const configCollection = await getCollection("config");
+    const siteEntry = configCollection.find((e) => e.id === "site");
+    if (!siteEntry) throw new Error("Missing site config");
+    const stalux = siteEntry.data;
+
+    const posts = await getCollection("posts", ({ data }) => !data.draft);
+    const items = await buildFeedItems(stalux, posts, "updated");
+
+    const lang = stalux?.lang || "zh-CN";
+    const { t } = createTranslator(lang);
+
+    return rss({
+        title: stalux?.title || "Stalux Blog",
+        description: stalux?.description || "A blog powered by Stalux theme",
+        site: stalux?.url || context.site?.toString(),
+        items,
+        customData: `<language>${langToFeedLanguage(lang)}</language>\n<copyright>${t("rss.copyright")}</copyright>`,
+        xmlns: {
+            atom: "http://www.w3.org/2005/Atom",
+        },
+    });
+};

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

@@ -0,0 +1,35 @@
+---
+import PostList from "@components/stalux/posts/postList.astro";
+import TagHeader from "@components/stalux/tags/tagHeader.astro";
+import { getCollection, type CollectionEntry } from "astro:content";
+import Stalux from "@layouts/Stalux.astro";
+import { createTranslator } from "@utils/i18n";
+import { buildTaxonomyStaticPaths } from "@utils/taxonomy";
+import Navs from "@components/stalux/layout/navs.astro";
+import { getSiteData, getAuthorData, getHeadData, getNavsData, getLinksData, getCommentData, getFooterData, getPromoteData, getTypetextsData, getMediaLinksData } from "@utils/config-utils";
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const { t } = createTranslator(siteConfig.lang || "zh-CN");
+export async function getStaticPaths() {
+    return buildTaxonomyStaticPaths("categories");
+}
+
+interface Props {
+    category: string;
+    count: number;
+    posts: CollectionEntry<"posts">[];
+    lastUpdateDate: string;
+}
+
+const props = Astro.props as Props;
+---
+
+<Stalux
+    title={t("taxonomy.category") + ": " + props.category + " | " + siteConfig.title}
+    description={t("taxonomy.browseCategory", { title: siteConfig.title, category: props.category, count: props.count })}
+>
+    <div style="height: 3em;"></div>
+    <Navs />
+    <TagHeader type={t("taxonomy.category")} name={props.category} count={props.count} />
+    <PostList posts={props.posts} />
+</Stalux>

package/src/pages/categories/[category].md.ts

@@ -0,0 +1,34 @@
+import {
+    getSite,
+    isMarkdownExportEnabled,
+    loadConfig,
+    renderTaxonomyPageMd,
+} from "@utils/ai-discovery";
+import { buildTaxonomyStaticPaths } from "@utils/taxonomy";
+import type { APIRoute } from "astro";
+import type { CollectionEntry } from "astro:content";
+
+export const prerender = true;
+
+export async function getStaticPaths() {
+    const config = await loadConfig();
+    if (!isMarkdownExportEnabled(config)) return [];
+
+    return buildTaxonomyStaticPaths("categories");
+}
+
+export const GET: APIRoute = async (context) => {
+    const config = await loadConfig();
+    const exportMd = isMarkdownExportEnabled(config);
+    if (!exportMd) return new Response(null, { status: 404 });
+
+    const { category, posts } = context.props as {
+        category: string;
+        posts: CollectionEntry<"posts">[];
+    };
+    const site = getSite(config, context.site?.toString());
+    const text = renderTaxonomyPageMd(category, posts, site, "categories", exportMd);
+    return new Response(text, {
+        headers: { "Content-Type": "text/markdown; charset=utf-8" },
+    });
+};

package/src/pages/categories/index.astro

@@ -0,0 +1,23 @@
+---
+import Stalux from "@layouts/Stalux.astro";
+import { getCollection } from "astro:content";
+import { createTranslator } from "@utils/i18n";
+import Navs from "@components/stalux/layout/navs.astro";
+import CategoriesList from "@components/stalux/categories/categoriesList.astro";
+import styles from "@styles/pages/categories.module.css";
+import { getSiteData, getAuthorData, getHeadData, getNavsData, getLinksData, getCommentData, getFooterData, getPromoteData, getTypetextsData, getMediaLinksData } from "@utils/config-utils";
+const configEntries2 = await getCollection("config");
+const siteConfig = getSiteData(configEntries2);
+const { t } = createTranslator(siteConfig.lang || "zh-CN");
+---
+
+<Stalux
+    title={t("categories.title") + " | " + siteConfig.title}
+    description={t("categories.description", { title: siteConfig.title })}
+>
+    <div style="height: 3em;"></div>
+    <Navs />
+    <h1 class={styles.title}>{t("categories.heading")}</h1>
+    <div class={styles.description}>{t("categories.browseByTopic")}</div>
+    <CategoriesList />
+</Stalux>

package/src/pages/categories/index.md.ts

@@ -0,0 +1,27 @@
+import {
+    buildTaxonomyMap,
+    getPublishedPosts,
+    getSite,
+    isMarkdownExportEnabled,
+    loadConfig,
+    renderTaxonomyListMd,
+} from "@utils/ai-discovery";
+import { createTranslator } from "@utils/i18n";
+import type { APIRoute } from "astro";
+
+export const prerender = true;
+
+export const GET: APIRoute = async (context) => {
+    const config = await loadConfig();
+    if (!isMarkdownExportEnabled(config)) return new Response(null, { status: 404 });
+
+    const site = getSite(config, context.site?.toString());
+    const lang = (config.get("site")?.lang as string) || "zh-CN";
+    const { t } = createTranslator(lang);
+    const posts = await getPublishedPosts();
+    const map = buildTaxonomyMap(posts, "categories");
+    const text = renderTaxonomyListMd(map, site, "categories", t("ai.allCategories"));
+    return new Response(text, {
+        headers: { "Content-Type": "text/markdown; charset=utf-8" },
+    });
+};

package/src/pages/index.astro

@@ -0,0 +1,30 @@
+---
+import { getCollection } from "astro:content";
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const siteTitle = siteConfig.title;
+const siteDescription = siteConfig.description;
+import Stalux from "@layouts/Stalux.astro";
+import styles from "@styles/pages/home.module.css";
+import Navs from "@components/stalux/layout/navs.astro";
+import Author from "@components/stalux/common/author.astro";
+import TextType from "@components/stalux/common/textType.astro";
+import DateTime from "@components/stalux/common/date.astro";
+import SocialMedia from "@components/stalux/links/socialMedia.astro";
+import ToArchive from "@components/stalux/archives/toArchive.astro";
+import { getSiteData, getAuthorData, getHeadData, getNavsData, getLinksData, getCommentData, getFooterData, getPromoteData, getTypetextsData, getMediaLinksData } from "@utils/config-utils";
+---
+
+<Stalux title={siteTitle} description={siteDescription}>
+  <div class={styles.homeBody}>
+    <h1 class={styles.homeTitle}>{siteTitle}</h1>
+    <div class={styles.homeNavs}>
+      <Navs />
+    </div>
+    <Author />
+    <TextType />
+    <DateTime />
+    <SocialMedia />
+    <ToArchive />
+  </div>
+</Stalux>

package/src/pages/index.md.ts

@@ -0,0 +1,18 @@
+import { getSite, isMarkdownExportEnabled, loadConfig, renderIndexMd } from "@utils/ai-discovery";
+import { createTranslator } from "@utils/i18n";
+import type { APIRoute } from "astro";
+
+export const prerender = true;
+
+export const GET: APIRoute = async (context) => {
+    const config = await loadConfig();
+    if (!isMarkdownExportEnabled(config)) return new Response(null, { status: 404 });
+
+    const site = getSite(config, context.site?.toString());
+    const lang = (config.get("site")?.lang as string) || "zh-CN";
+    const { t } = createTranslator(lang);
+    const text = await renderIndexMd(config, site, t);
+    return new Response(text, {
+        headers: { "Content-Type": "text/markdown; charset=utf-8" },
+    });
+};

package/src/pages/links.astro

@@ -0,0 +1,23 @@
+---
+import ListPage from "@components/stalux/layout/listPage.astro";
+import LinkList from "@components/stalux/links/linkList.astro";
+import { getCollection } from "astro:content";
+import { getSiteData, getLinksData } from "@utils/config-utils";
+
+const configEntries = await getCollection("config");
+const siteConfig = getSiteData(configEntries);
+const linksConfig = getLinksData(configEntries)!;
+const siteTitle = siteConfig.title;
+const siteDescription = siteConfig.description;
+const linksTitle = linksConfig.title;
+const linksDescription = linksConfig.description;
+---
+
+<ListPage
+    title={siteTitle}
+    description={siteDescription}
+    heading={linksTitle}
+    subheading={linksDescription}
+>
+    <LinkList />
+</ListPage>