npm - @jet-w/astro-blog - Versions diffs - 0.1.5 → 0.2.0 - Mend

@jet-w/astro-blog 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/src/layouts/BaseLayout.astro CHANGED Viewed

@@ -4,6 +4,18 @@ import { siteConfig, defaultSEO } from '@jet-w/astro-blog/config';
 import '@jet-w/astro-blog/styles/global.css';
 import fs from 'node:fs';
 import path from 'node:path';
+import {
+  getLocaleFromPath,
+  getLocaleConfig,
+  getAlternateLinks,
+  getTextDirection,
+  isMultiLanguageEnabled,
+  t,
+  type I18nConfig,
+} from '../utils/i18n';
+import { defaultI18nConfig } from '../config/i18n';
+// Import i18n config from virtual module (injected by integration)
+import { i18nConfig as virtualI18nConfig } from 'virtual:astro-blog-i18n';
 export interface Props {
   title?: string;
@@ -13,6 +25,7 @@ export interface Props {
   publishedTime?: string;
   modifiedTime?: string;
   tags?: string[];
+  i18nConfig?: I18nConfig;
 }
 const {
@@ -22,14 +35,35 @@ const {
   type = 'website',
   publishedTime,
   modifiedTime,
-  tags
+  tags,
+  i18nConfig = virtualI18nConfig || defaultI18nConfig,
 } = Astro.props;
+// Get current locale from URL
+const currentLocale = getLocaleFromPath(Astro.url.pathname, i18nConfig);
+const localeConfig = getLocaleConfig(currentLocale, i18nConfig);
+const localeData = localeConfig.locale;
+const ui = localeConfig.ui;
+// Use locale-specific site config if available
+const localeSiteConfig = localeConfig.site;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
-const fullTitle = title === siteConfig.title ? title : `${title} | ${siteConfig.title}`;
+const siteTitle = localeSiteConfig.title || siteConfig.title;
+const fullTitle = title === siteTitle ? title : `${title} | ${siteTitle}`;
 const fullImage = new URL(image, Astro.site);
-// 检查 favicon 文件是否存在，不存在则使用 avatar
+// Get alternate links for SEO (hreflang)
+const baseUrl = Astro.site?.toString() || '';
+const alternateLinks = isMultiLanguageEnabled(i18nConfig)
+  ? getAlternateLinks(Astro.url.pathname, baseUrl, i18nConfig)
+  : [];
+// Get locale prefix for RSS link
+const rssPath = currentLocale === i18nConfig.defaultLocale && !i18nConfig.routing.prefixDefaultLocale
+  ? '/rss.xml'
+  : `/${currentLocale}/rss.xml`;
 const publicDir = path.join(process.cwd(), 'public');
 const faviconSvgExists = fs.existsSync(path.join(publicDir, 'favicon.svg'));
 const faviconIcoExists = fs.existsSync(path.join(publicDir, 'favicon.ico'));
@@ -38,7 +72,7 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
 ---
 <!DOCTYPE html>
-<html lang="zh-CN" class="scroll-smooth">
+<html lang={localeData.htmlLang} dir={getTextDirection(currentLocale, i18nConfig)} class="scroll-smooth">
   <head>
     <meta charset="UTF-8" />
     <meta name="description" content={description} />
@@ -50,13 +84,19 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
     <title>{fullTitle}</title>
     <link rel="canonical" href={canonicalURL} />
+    <!-- Alternate language links (hreflang) -->
+    {alternateLinks.map(link => (
+      <link rel="alternate" hreflang={link.hreflang} href={link.url} />
+    ))}
     <!-- Open Graph -->
     <meta property="og:type" content={type} />
     <meta property="og:title" content={fullTitle} />
     <meta property="og:description" content={description} />
     <meta property="og:url" content={canonicalURL} />
     <meta property="og:image" content={fullImage} />
-    <meta property="og:site_name" content={siteConfig.title} />
+    <meta property="og:site_name" content={siteTitle} />
+    <meta property="og:locale" content={localeData.htmlLang} />
     {publishedTime && (
       <meta property="article:published_time" content={publishedTime} />
@@ -75,13 +115,11 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
     <meta name="twitter:image" content={fullImage} />
     <!-- RSS -->
-    <link rel="alternate" type="application/rss+xml" title={siteConfig.title} href="/rss.xml" />
+    <link rel="alternate" type="application/rss+xml" title={siteTitle} href={rssPath} />
-    <!-- 预加载关键资源 -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <!-- 图标库 -->
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" />
     <!-- Material Icons -->
@@ -95,15 +133,11 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
     <!-- Ionicons -->
     <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
-    <!-- 主题检测脚本 -->
     <script is:inline>
-      // 在页面加载前检测主题，避免闪烁
-      // 默认使用深色模式
       const theme = (() => {
         if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
           return localStorage.getItem('theme');
         }
-        // 默认深色模式，除非用户系统偏好浅色
         if (window.matchMedia('(prefers-color-scheme: light)').matches) {
           return 'light';
         }
@@ -123,15 +157,26 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
       <slot />
     </div>
-    <!-- Mermaid 容器渲染 -->
+    <!-- Mermaid -->
     <script src="/js/mermaid-container.js" is:inline></script>
-    <!-- Tabs 组件初始化 -->
+    <!-- Tabs -->
     <script src="/js/tabs-init.js" is:inline></script>
-    <!-- 全局脚本 -->
+    <!-- Store i18n data for client-side scripts -->
+    <script is:inline define:vars={{ locale: currentLocale, uiTranslations: ui }}>
+      window.__i18n = {
+        locale: locale,
+        ui: uiTranslations
+      };
+    </script>
     <script>
-      // 回到顶部功能
+      // Get i18n translations
+      const i18n = (window as any).__i18n || { locale: 'zh-CN', ui: {} };
+      const ui = i18n.ui;
+      // Back to top
       const backToTop = document.querySelector('.back-to-top');
       if (backToTop) {
         window.addEventListener('scroll', () => {
@@ -147,7 +192,7 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
         });
       }
-      // 平滑滚动锚点链接
+      // Smooth scroll for anchor links
       document.querySelectorAll('a[href^="#"]').forEach(anchor => {
         anchor.addEventListener('click', function (this: HTMLAnchorElement, e: Event) {
           e.preventDefault();
@@ -161,20 +206,17 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
         });
       });
-      // 代码块增强功能
+      // Code block enhancement
       function enhanceCodeBlocks() {
         const codeBlocks = document.querySelectorAll('pre:not([data-enhanced])');
-        const COLLAPSE_THRESHOLD = 15; // 超过15行才显示收缩功能
+        const COLLAPSE_THRESHOLD = 15;
         codeBlocks.forEach((pre) => {
-          // 标记为已处理
           pre.setAttribute('data-enhanced', 'true');
-          // 获取语言信息
           const code = pre.querySelector('code');
           let lang = 'code';
-          // 跳过 mermaid 代码块
           if (code?.classList.contains('language-mermaid') ||
               pre.classList.contains('mermaid') ||
               pre.closest('.mermaid-container')) {
@@ -182,7 +224,6 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
           }
           if (code) {
-            // 从 class 中获取语言
             const classList = code.className.split(' ');
             for (const cls of classList) {
               if (cls.startsWith('language-')) {
@@ -192,58 +233,50 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
             }
           }
-          // 从 data-language 属性获取（shiki 用这个）
           const preEl = pre as HTMLPreElement;
           if (preEl.dataset.language) {
             lang = preEl.dataset.language;
           }
-          // 计算代码行数
           const codeText = code ? code.textContent : pre.textContent;
           const lineCount = (codeText || '').split('\n').length;
           const shouldCollapse = lineCount > COLLAPSE_THRESHOLD;
-          // 创建包装器
           const wrapper = document.createElement('div');
           wrapper.className = 'code-block-wrapper' + (shouldCollapse ? ' collapsed' : '');
-          // 创建头部
           const header = document.createElement('div');
           header.className = 'code-block-header';
           header.innerHTML = `
             <span class="code-block-lang">${lang}</span>
             <div class="code-block-actions">
               ${shouldCollapse ? `
-                <button class="code-block-btn collapse-btn" title="展开/收缩">
+                <button class="code-block-btn collapse-btn" title="${ui.expand || 'Expand'}/${ui.collapse || 'Collapse'}">
                   <svg class="collapse-icon transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                   </svg>
-                  <span class="collapse-text">展开</span>
+                  <span class="collapse-text">${ui.expand || 'Expand'}</span>
                 </button>
               ` : ''}
-              <button class="code-block-btn copy-btn" title="复制代码">
+              <button class="code-block-btn copy-btn" title="${ui.copyCode || 'Copy'}">
                 <svg class="copy-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
                 </svg>
-                <span class="copy-text">复制</span>
+                <span class="copy-text">${ui.copyCode || 'Copy'}</span>
               </button>
             </div>
           `;
-          // 创建内容区
           const content = document.createElement('div');
           content.className = 'code-block-content';
-          // 插入DOM
           if (!pre.parentNode) return;
           pre.parentNode.insertBefore(wrapper, pre);
           wrapper.appendChild(header);
           wrapper.appendChild(content);
           content.appendChild(pre);
-          // 如果需要收缩，添加展开按钮和底部收起按钮
           if (shouldCollapse) {
-            // 展开按钮（收缩状态显示）
             const expandOverlay = document.createElement('div');
             expandOverlay.className = 'code-block-expand';
             expandOverlay.innerHTML = `
@@ -251,12 +284,11 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
                 <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                 </svg>
-                <span>展开代码 (${lineCount} 行)</span>
+                <span>${ui.expandCode || 'Expand code'} (${lineCount} ${ui.lines || 'lines'})</span>
               </button>
             `;
             content.appendChild(expandOverlay);
-            // 底部收起按钮（展开状态显示）
             const collapseOverlay = document.createElement('div');
             collapseOverlay.className = 'code-block-collapse';
             collapseOverlay.innerHTML = `
@@ -264,35 +296,31 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
                 <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
                 </svg>
-                <span>收起代码</span>
+                <span>${ui.collapseCode || 'Collapse code'}</span>
               </button>
             `;
             content.appendChild(collapseOverlay);
-            // 展开按钮点击事件
             const expandBtn = expandOverlay.querySelector('.expand-btn');
             if (expandBtn) {
               expandBtn.addEventListener('click', () => {
                 wrapper.classList.remove('collapsed');
                 const collapseText = header.querySelector('.collapse-text') as HTMLElement | null;
-                if (collapseText) collapseText.textContent = '收缩';
+                if (collapseText) collapseText.textContent = ui.collapse || 'Collapse';
               });
             }
-            // 底部收起按钮点击事件
             const collapseBottomBtn = collapseOverlay.querySelector('.collapse-bottom-btn');
             if (collapseBottomBtn) {
               collapseBottomBtn.addEventListener('click', () => {
                 wrapper.classList.add('collapsed');
                 const collapseText = header.querySelector('.collapse-text') as HTMLElement | null;
-                if (collapseText) collapseText.textContent = '展开';
-                // 滚动到代码块顶部
+                if (collapseText) collapseText.textContent = ui.expand || 'Expand';
                 wrapper.scrollIntoView({ behavior: 'smooth', block: 'start' });
               });
             }
           }
-          // 复制按钮点击事件
           const copyBtn = header.querySelector('.copy-btn') as HTMLElement | null;
           if (copyBtn) {
             copyBtn.addEventListener('click', async () => {
@@ -302,40 +330,37 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
                 copyBtn.classList.add('copied');
                 const copyText = copyBtn.querySelector('.copy-text') as HTMLElement | null;
                 const copyIcon = copyBtn.querySelector('.copy-icon') as HTMLElement | null;
-                if (copyText) copyText.textContent = '已复制';
+                if (copyText) copyText.textContent = ui.copied || 'Copied';
                 if (copyIcon) copyIcon.innerHTML = `
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 `;
                 setTimeout(() => {
                   copyBtn.classList.remove('copied');
-                  if (copyText) copyText.textContent = '复制';
+                  if (copyText) copyText.textContent = ui.copyCode || 'Copy';
                   if (copyIcon) copyIcon.innerHTML = `
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
                   `;
                 }, 2000);
               } catch (err) {
-                console.error('复制失败:', err);
+                console.error('Copy failed:', err);
               }
             });
           }
-          // 收缩按钮点击事件
           const collapseBtn = header.querySelector('.collapse-btn') as HTMLElement | null;
           if (collapseBtn) {
             collapseBtn.addEventListener('click', () => {
               const isCollapsed = wrapper.classList.toggle('collapsed');
               const collapseText = collapseBtn.querySelector('.collapse-text') as HTMLElement | null;
-              if (collapseText) collapseText.textContent = isCollapsed ? '展开' : '收缩';
+              if (collapseText) collapseText.textContent = isCollapsed ? (ui.expand || 'Expand') : (ui.collapse || 'Collapse');
             });
           }
         });
       }
-      // 页面加载后执行
       enhanceCodeBlocks();
-      // 监听DOM变化（处理动态加载的内容）
       const observer = new MutationObserver((mutations) => {
         let hasNewCodeBlocks = false;
         mutations.forEach((mutation) => {
@@ -359,4 +384,4 @@ const faviconType = faviconSvgExists ? 'image/svg+xml' : faviconIcoExists ? 'ima
     </script>
   </body>
-</html>
+</html>

package/src/layouts/PageLayout.astro CHANGED Viewed

@@ -4,6 +4,11 @@ import Header from '../components/layout/Header.astro';
 import Footer from '../components/layout/Footer.astro';
 import Sidebar from '../components/layout/Sidebar.astro';
 import SidebarToggle from '../components/ui/SidebarToggle.vue';
+import type { I18nConfig } from '../config/i18n';
+import { defaultI18nConfig } from '../config/i18n';
+import { getLocaleFromPath, getLocaleConfig } from '../utils/i18n';
+// Import i18n config from virtual module (injected by integration)
+import { i18nConfig as virtualI18nConfig } from 'virtual:astro-blog-i18n';
 export interface Props {
   title?: string;
@@ -15,6 +20,7 @@ export interface Props {
   tags?: string[];
   showSidebar?: boolean;
   showToc?: boolean;
+  i18nConfig?: I18nConfig;
 }
 const {
@@ -26,8 +32,14 @@ const {
   modifiedTime,
   tags,
   showSidebar = true,
-  showToc = false
+  showToc = false,
+  i18nConfig = virtualI18nConfig || defaultI18nConfig,
 } = Astro.props;
+// Get current locale
+const currentLocale = getLocaleFromPath(Astro.url.pathname, i18nConfig);
+const localeConfig = getLocaleConfig(currentLocale, i18nConfig);
+const ui = localeConfig.ui;
 ---
 <BaseLayout
@@ -38,17 +50,16 @@ const {
   publishedTime={publishedTime}
   modifiedTime={modifiedTime}
   tags={tags}
+  i18nConfig={i18nConfig}
 >
-  <Header />
+  <Header i18nConfig={i18nConfig} />
   <main class="flex-1 flex w-full min-w-0">
-    <!-- 左侧边栏 - 桌面端 -->
     {showSidebar && (
       <aside class="hidden lg:block shrink-0 transition-all duration-300 relative" data-sidebar style="width: var(--sidebar-width, 256px);">
         <div class="sticky top-20 h-[calc(100vh-5rem)] overflow-y-auto">
-          <Sidebar />
+          <Sidebar i18nConfig={i18nConfig} />
         </div>
-        <!-- 拖拽调整宽度的手柄 -->
         <div
           class="absolute top-0 right-0 w-1 h-full cursor-col-resize group z-10"
           data-sidebar-resizer
@@ -60,7 +71,6 @@ const {
       </aside>
     )}
-    <!-- 移动端侧边栏遮罩 -->
     {showSidebar && (
       <div
         class="lg:hidden fixed inset-0 bg-black/50 z-40 hidden"
@@ -69,33 +79,29 @@ const {
       ></div>
     )}
-    <!-- 移动端侧边栏 -->
     {showSidebar && (
       <aside
         class="lg:hidden fixed top-16 left-0 w-72 h-[calc(100vh-4rem)] bg-white dark:bg-slate-900 z-50 transform -translate-x-full transition-transform duration-300 shadow-xl overflow-y-auto"
         data-mobile-sidebar
       >
         <div class="p-4">
-          <Sidebar />
+          <Sidebar i18nConfig={i18nConfig} />
         </div>
       </aside>
     )}
-    <!-- 主内容区 -->
     <div class={`flex-1 transition-all duration-300 ${showSidebar ? 'lg:px-8' : ''} ${showToc ? 'xl:pr-64' : ''} relative`} data-main-content>
-      <!-- 侧边栏切换按钮 - 桌面端固定位置 -->
       {showSidebar && (
         <div class="hidden lg:block fixed top-20 left-1 z-40 transition-all duration-300" data-sidebar-toggle>
           <SidebarToggle client:load />
         </div>
       )}
-      <!-- 侧边栏切换按钮 - 移动端浮动按钮 -->
       {showSidebar && (
         <button
           class="lg:hidden fixed bottom-20 left-4 z-40 p-3 bg-primary-500 hover:bg-primary-600 text-white rounded-full shadow-lg transition-colors"
           data-mobile-sidebar-toggle
-          aria-label="打开侧边栏"
+          aria-label={ui.documentTree}
           onclick="document.querySelector('[data-sidebar-overlay]').classList.remove('hidden'); document.querySelector('[data-mobile-sidebar]').classList.remove('-translate-x-full');"
         >
           <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -109,7 +115,6 @@ const {
       </div>
     </div>
-    <!-- 右侧TOC -->
     {showToc && (
       <aside class="hidden xl:block w-64 shrink-0">
         <div class="sticky top-20 h-[calc(100vh-5rem)] overflow-y-auto">
@@ -119,10 +124,9 @@ const {
     )}
   </main>
-  <Footer />
+  <Footer i18nConfig={i18nConfig} />
-  <!-- 回到顶部按钮 -->
-  <button class="back-to-top" aria-label="回到顶部">
+  <button class="back-to-top" aria-label={ui.backToTop}>
     <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
     </svg>
@@ -130,14 +134,12 @@ const {
 </BaseLayout>
 <script>
-  // 侧边栏拖拽调整宽度
   function initSidebarResizer() {
     const sidebar = document.querySelector('[data-sidebar]') as HTMLElement;
     const resizer = document.querySelector('[data-sidebar-resizer]') as HTMLElement;
     if (!sidebar || !resizer) return;
-    // 从 localStorage 恢复宽度
     const savedWidth = localStorage.getItem('sidebar-width');
     if (savedWidth) {
       sidebar.style.setProperty('--sidebar-width', savedWidth);
@@ -152,10 +154,8 @@ const {
       startX = e.clientX;
       startWidth = sidebar.offsetWidth;
-      // 禁用过渡效果以获得流畅拖拽
       sidebar.style.transition = 'none';
-      // 添加全局样式防止选中文本
       document.body.style.cursor = 'col-resize';
       document.body.style.userSelect = 'none';
@@ -167,7 +167,7 @@ const {
       if (!isResizing) return;
       const diff = e.clientX - startX;
-      const newWidth = Math.min(Math.max(startWidth + diff, 200), 500); // 最小200px，最大500px
+      const newWidth = Math.min(Math.max(startWidth + diff, 200), 500);
       sidebar.style.setProperty('--sidebar-width', `${newWidth}px`);
     };
@@ -177,14 +177,11 @@ const {
       isResizing = false;
-      // 恢复过渡效果
       sidebar.style.transition = '';
-      // 恢复全局样式
       document.body.style.cursor = '';
       document.body.style.userSelect = '';
-      // 保存宽度到 localStorage
       const currentWidth = getComputedStyle(sidebar).getPropertyValue('--sidebar-width');
       if (currentWidth) {
         localStorage.setItem('sidebar-width', currentWidth.trim());
@@ -197,7 +194,6 @@ const {
     resizer.addEventListener('mousedown', startResize);
   }
-  // DOM 加载完成后初始化
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', initSidebarResizer);
   } else {
@@ -206,7 +202,6 @@ const {
 </script>
 <style>
-  /* 拖拽时的视觉反馈 */
   [data-sidebar-resizer]:hover {
     background: linear-gradient(to right, transparent, rgba(var(--color-primary-500), 0.1), transparent);
   }
@@ -214,4 +209,4 @@ const {
   [data-sidebar-resizer]:active {
     background: linear-gradient(to right, transparent, rgba(var(--color-primary-500), 0.2), transparent);
   }
-</style>
+</style>

package/src/layouts/SlidesLayout.astro CHANGED Viewed

@@ -1,6 +1,9 @@
 ---
 import { siteConfig } from '@jet-w/astro-blog/config';
 import '@jet-w/astro-blog/styles/slides.css';
+import type { I18nConfig } from '../config/i18n';
+import { defaultI18nConfig } from '../config/i18n';
+import { getLocaleFromPath, getLocaleConfig } from '../utils/i18n';
 export interface Props {
   title: string;
@@ -13,6 +16,7 @@ export interface Props {
   hash?: boolean;
   slideNumber?: boolean;
   showBackButton?: boolean;
+  i18nConfig?: I18nConfig;
 }
 const {
@@ -26,9 +30,17 @@ const {
   hash = true,
   slideNumber = false,
   showBackButton = true,
+  i18nConfig = defaultI18nConfig,
 } = Astro.props;
-const fullTitle = `${title} | ${siteConfig.title}`;
+// Get current locale
+const currentLocale = getLocaleFromPath(Astro.url.pathname, i18nConfig);
+const localeConfig = getLocaleConfig(currentLocale, i18nConfig);
+const localeData = localeConfig.locale;
+const localeSiteConfig = localeConfig.site;
+const siteTitle = localeSiteConfig.title || siteConfig.title;
+const fullTitle = `${title} | ${siteTitle}`;
 // Reveal.js 配置
 const revealConfig = JSON.stringify({
@@ -48,7 +60,7 @@ const revealConfig = JSON.stringify({
 ---
 <!DOCTYPE html>
-<html lang="zh-CN">
+<html lang={localeData.htmlLang}>
   <head>
     <meta charset="UTF-8" />
     <meta name="description" content={description} />

package/src/pages/rss.xml.ts CHANGED Viewed

@@ -1,11 +1,23 @@
 import rss from '@astrojs/rss';
 import { getCollection } from 'astro:content';
 import { siteConfig } from '@jet-w/astro-blog/config';
+import { defaultI18nConfig } from '../config/i18n';
+import { getLocaleFromPath, getLocaleConfig, getLocalePrefix } from '../utils/i18n';
-export async function GET(context: { site: URL }) {
+export async function GET(context: { site: URL; request: Request }) {
   const posts = await getCollection('posts', ({ data }) => !data.draft);
-  // 按日期排序，最新的在前
+  // Get locale from URL path
+  const url = new URL(context.request.url);
+  const i18nConfig = defaultI18nConfig; // In real usage, this would be passed from integration
+  const currentLocale = getLocaleFromPath(url.pathname, i18nConfig);
+  const localeConfig = getLocaleConfig(currentLocale, i18nConfig);
+  const localePrefix = getLocalePrefix(currentLocale, i18nConfig);
+  // Use locale-specific site config
+  const localeSiteConfig = localeConfig.site;
+  // Sort by date, newest first
   const sortedPosts = posts.sort((a, b) => {
     const dateA = new Date(a.data.date || 0);
     const dateB = new Date(b.data.date || 0);
@@ -13,16 +25,16 @@ export async function GET(context: { site: URL }) {
   });
   return rss({
-    title: siteConfig.title,
-    description: siteConfig.description,
+    title: localeSiteConfig.title || siteConfig.title,
+    description: localeSiteConfig.description || siteConfig.description,
     site: context.site,
     items: sortedPosts.map((post) => ({
       title: post.data.title,
       pubDate: post.data.date ? new Date(post.data.date) : new Date(),
       description: post.data.description || '',
-      link: `/posts/${post.id.toLowerCase()}/`,
+      link: `${localePrefix}/posts/${post.id.toLowerCase()}/`,
       categories: [...(post.data.categories || []), ...(post.data.tags || [])]
     })),
-    customData: `<language>zh-CN</language>`
+    customData: `<language>${localeConfig.locale.htmlLang}</language>`
   });
 }