src/pages/[lang]/index.astro

@@ -14,14 +14,13 @@ const lang = getLangFromUrl(Astro.url);
 const t = getTranslations(lang);
 const headerTitle = lang === "zh" ? "Cloverta的博客" : "Cloverta's blog";
 const pageTitle = t.home.title;
-const rssLink = lang === "zh" ? "/rss.xml" : "/en/rss.xml"
 ---
 
 <BaseLayout pageTitle=`${headerTitle} - ${t.banner.subtitle}`>
   <h1 class="page-title">
     <span>{pageTitle}</span>
     <a
-      href={rssLink}
+      href={`/rss.xml`}
       target="_blank"
       rel="noopener noreferrer"
       aria-label="RSS Feed"

src/pages/en/rss.xml.js

@@ -1,35 +0,0 @@
-import rss from '@astrojs/rss';
-import { getCollection } from 'astro:content';
-
-export async function GET(context) {
-    const posts = await getCollection('blog');
-
-    const enPosts = posts
-        .filter((post) => post.id.startsWith('en/'))
-        .sort(
-            (a, b) =>
-                new Date(b.data.pubDate).getTime() -
-                new Date(a.data.pubDate).getTime()
-        );
-
-    return rss({
-        title: "Cloverta's Blog",
-        description:
-            "Discover more here. Welcome to Cloverta's blog 🥳",
-        site: context.site,
-
-        items: enPosts.map((post) => {
-            const [, ...slugParts] = post.id.split('/');
-            const slug = slugParts.join('/');
-
-            return {
-                title: post.data.title,
-                pubDate: post.data.pubDate,
-                description: post.data.description,
-                link: `/en/posts/${slug}/`,
-            };
-        }),
-
-        customData: '<language>en-US</language>',
-    });
-}

src/pages/rss.xml.js

@@ -1,34 +1,26 @@
 import rss from '@astrojs/rss';
+import { pagesGlobToRssItems } from '@astrojs/rss';
 import { getCollection } from 'astro:content';
 
 export async function GET(context) {
-    const posts = await getCollection('blog');
-
-    const zhPosts = posts
-        .filter((post) => post.id.startsWith('zh/'))
-        .sort(
-            (a, b) =>
-                new Date(b.data.pubDate).getTime() -
-                new Date(a.data.pubDate).getTime()
-        );
+    const posts = await getCollection("blog");
 
     return rss({
         title: 'Cloverta的博客',
         description: '在这里，发现更多（雾）欢迎来到三叶的博客🥳',
         site: context.site,
+        items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
+        items: posts.map((post) => {
+            const [postLang, ...slugParts] = post.id.split("/");
+            const slug = slugParts.join("/");
 
-        items: zhPosts.map((post) => {
-            const [, ...slugParts] = post.id.split('/');
-            const slug = slugParts.join('/');
-
-            return {
+            return ({
                 title: post.data.title,
                 pubDate: post.data.pubDate,
                 description: post.data.description,
-                link: `/zh/posts/${slug}/`,
-            };
+                link: `/${postLang}/posts/${slug}/`,
+            })
         }),
-
-        customData: '<language>zh-CN</language>',
-    });
+        customData: `<language>en-us</language>`,
+    })
 }

src/styles/global.css

@@ -4,7 +4,6 @@
 @import "./latest-comments.css";
 @import "./variables.css";
 @import "./dialog.css";
-@import "./posts.css";
 
 pre {
   padding: 1rem;
@@ -118,7 +117,7 @@ h1 {
 
 
 a {
-  color: var(--url-color);
+  color: #3D74B6;
   font-weight: 700;
   text-decoration: none;
 }
@@ -163,3 +162,111 @@ img {
   height: auto;
   display: block;
 }
+
+/* 避免 Markdown 内容撑宽正文 */
+.post-article,
+.post-content {
+  min-width: 0;
+  max-width: 100%;
+}
+
+/* 块级公式过长时独立横向滚动 */
+.post-content .katex-display {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  box-sizing: border-box;
+  padding: 0.25rem 0;
+  -webkit-overflow-scrolling: touch;
+}
+
+.post-content .katex-display > .katex {
+  display: inline-block;
+  min-width: max-content;
+  white-space: nowrap;
+}
+
+/* =========================
+   Markdown details 下拉栏
+   ========================= */
+
+.post-content details {
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 1.5rem 0;
+  overflow: hidden;
+
+  border-top: 2px solid #1e3a5f;
+  border-radius: 0 0 0.5rem 0.5rem;
+  background: rgba(128, 128, 128, 0.14);
+}
+
+.post-content details summary {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  padding: 0.8rem 0.9rem;
+
+  cursor: pointer;
+  font-weight: 600;
+  user-select: none;
+  list-style: none;
+}
+
+.post-content details summary::-webkit-details-marker {
+  display: none;
+}
+
+.post-content details summary::before {
+  content: "›";
+  display: inline-block;
+  flex: 0 0 auto;
+  font-size: 1.25rem;
+  line-height: 1;
+  transition: transform 0.2s ease;
+}
+
+.post-content details[open] summary::before {
+  transform: rotate(90deg);
+}
+
+.post-content details > :not(summary) {
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-right: 1rem;
+}
+
+.post-content details > ol,
+.post-content details > ul {
+  padding: 0.6rem 1rem 1rem 3rem;
+}
+
+.post-content details li {
+  margin: 0.8rem 0;
+}
+
+blockquote {
+  margin: 1.25rem 0;
+  padding: 0.75rem 1rem;
+  border-left: 4px solid var(--deep-red);
+  background: rgba(128, 128, 128, 0.1);
+  border-radius: 0 0.4rem 0.4rem 0;
+}
+
+blockquote p {
+  margin: 0;
+}
+
+blockquote p + p {
+  margin-top: 0.75rem;
+}

src/styles/latest-comments.css

@@ -38,7 +38,7 @@
     margin: 0 0 14px 0;
     padding: 0.6rem 1rem;
     border: 2px dashed #aeb8c2;
-    background-color: var(--comment-background);
+    background-color: #fbf5f2;
 
 }
 

src/styles/posts.css

@@ -1,108 +0,0 @@
-
-/* 避免 Markdown 内容撑宽正文 */
-.post-article,
-.post-content {
-  min-width: 0;
-  max-width: 100%;
-}
-
-/* 块级公式过长时独立横向滚动 */
-.post-content .katex-display {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  box-sizing: border-box;
-  padding: 0.25rem 0;
-  -webkit-overflow-scrolling: touch;
-}
-
-.post-content .katex-display > .katex {
-  display: inline-block;
-  min-width: max-content;
-  white-space: nowrap;
-}
-
-/* =========================
-   Markdown details 下拉栏
-   ========================= */
-
-.post-content details {
-  min-width: 0;
-  max-width: 100%;
-  box-sizing: border-box;
-  margin: 1.5rem 0;
-  overflow: hidden;
-
-  border-top: 2px solid #1e3a5f;
-  border-radius: 0 0 0.5rem 0.5rem;
-  background: rgba(128, 128, 128, 0.14);
-}
-
-.post-content details summary {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-
-  min-width: 0;
-  max-width: 100%;
-  box-sizing: border-box;
-  padding: 0.8rem 0.9rem;
-
-  cursor: pointer;
-  font-weight: 600;
-  user-select: none;
-  list-style: none;
-}
-
-.post-content details summary::-webkit-details-marker {
-  display: none;
-}
-
-.post-content details summary::before {
-  content: "›";
-  display: inline-block;
-  flex: 0 0 auto;
-  font-size: 1.25rem;
-  line-height: 1;
-  transition: transform 0.2s ease;
-}
-
-.post-content details[open] summary::before {
-  transform: rotate(90deg);
-}
-
-.post-content details > :not(summary) {
-  min-width: 0;
-  max-width: 100%;
-  box-sizing: border-box;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-right: 1rem;
-}
-
-.post-content details > ol,
-.post-content details > ul {
-  padding: 0.6rem 1rem 1rem 3rem;
-}
-
-.post-content details li {
-  margin: 0.8rem 0;
-}
-
-blockquote {
-  margin: 1.25rem 0;
-  padding: 0.75rem 1rem;
-  border-left: 4px solid var(--deep-red);
-  background: rgba(128, 128, 128, 0.1);
-  border-radius: 0 0.4rem 0.4rem 0;
-}
-
-blockquote p {
-  margin: 0;
-}
-
-blockquote p + p {
-  margin-top: 0.75rem;
-}

src/styles/variables.css

@@ -1,11 +1,8 @@
-/* 默认配色 */
 :root {
     --deep-blue: #536493;
     --deep-red: #ef5a6f;
     --background-color: #f9f2ed;
-    --text-color: #0e2f56;
-    --url-color: #3D74B6;
-    --comment-background: #fbf5f2;
+    --text-color: #0E2F56;
 
     --background-color-dark: #1e1e1e;
     --text-color-dark: #e6e6e6;