@jet-w/astro-blog 0.2.0 → 0.2.1

package/dist/{chunk-HVQKQN6B.js → chunk-6D3XRDNY.js}

@@ -1,6 +1,6 @@
 import {
   defaultI18nConfig
-} from "./chunk-ATRISB7B.js";
+} from "./chunk-A2E2VSAQ.js";
 
 // src/integration.ts
 import { fileURLToPath } from "url";

package/dist/{chunk-ATRISB7B.js → chunk-A2E2VSAQ.js}

@@ -35,6 +35,20 @@ var zhCNTranslations = {
   searchResults: "\u641C\u7D22\u7ED3\u679C",
   noResults: "\u6CA1\u6709\u627E\u5230\u76F8\u5173\u7ED3\u679C",
   searching: "\u641C\u7D22\u4E2D...",
+  searchArticles: "\u641C\u7D22\u6587\u7AE0",
+  searchInAllArticles: "\u5728\u6240\u6709\u6587\u7AE0\u4E2D\u67E5\u627E\u60A8\u611F\u5174\u8DA3\u7684\u5185\u5BB9",
+  searchTips: "\u641C\u7D22\u6280\u5DE7",
+  basicSearch: "\u57FA\u7840\u641C\u7D22",
+  advancedFeatures: "\u9AD8\u7EA7\u529F\u80FD",
+  searchTipKeyword: "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22\u6807\u9898\u548C\u5185\u5BB9",
+  searchTipMixedLang: "\u652F\u6301\u4E2D\u82F1\u6587\u6DF7\u5408\u641C\u7D22",
+  searchTipCaseInsensitive: "\u81EA\u52A8\u5FFD\u7565\u5927\u5C0F\u5199",
+  searchTipRealtime: "\u5B9E\u65F6\u641C\u7D22\u5EFA\u8BAE",
+  searchTipFilter: "\u6309\u6807\u7B7E\u548C\u5206\u7C7B\u7B5B\u9009",
+  searchTipFuzzy: "\u652F\u6301\u6A21\u7CCA\u5339\u914D",
+  // Hero section
+  browsePosts: "\u6D4F\u89C8\u6587\u7AE0",
+  aboutMe: "\u5173\u4E8E\u6211",
   // Pagination
   previousPage: "\u4E0A\u4E00\u9875",
   nextPage: "\u4E0B\u4E00\u9875",
@@ -44,7 +58,8 @@ var zhCNTranslations = {
   publishedOn: "\u53D1\u5E03\u4E8E",
   updatedOn: "\u66F4\u65B0\u4E8E",
   author: "\u4F5C\u8005",
-  tableOfContents: "\u76EE\u5F55",
+  tableOfContents: "\u9875\u9762\u76EE\u5F55",
+  readingProgress: "\u9605\u8BFB\u8FDB\u5EA6",
   relatedPosts: "\u76F8\u5173\u6587\u7AE0",
   sharePost: "\u5206\u4EAB\u6587\u7AE0",
   previousPost: "\u4E0A\u4E00\u7BC7",
@@ -73,7 +88,12 @@ var zhCNTranslations = {
   slides: "\u6F14\u793A",
   slidesList: "\u6F14\u793A\u5217\u8868",
   // RSS
-  rssFeed: "RSS \u8BA2\u9605"
+  rssFeed: "RSS \u8BA2\u9605",
+  // Quick Navigation
+  quickNavigation: "\u5FEB\u901F\u5BFC\u822A",
+  timeline: "\u65F6\u95F4\u8F74",
+  viewAllTimeline: "\u67E5\u770B\u5168\u90E8\u65F6\u95F4\u8F74",
+  postsCount: "\u7BC7"
 };
 var enTranslations = {
   // Navigation
@@ -111,6 +131,20 @@ var enTranslations = {
   searchResults: "Search Results",
   noResults: "No results found",
   searching: "Searching...",
+  searchArticles: "Search Articles",
+  searchInAllArticles: "Find content that interests you in all articles",
+  searchTips: "Search Tips",
+  basicSearch: "Basic Search",
+  advancedFeatures: "Advanced Features",
+  searchTipKeyword: "Enter keywords to search titles and content",
+  searchTipMixedLang: "Supports mixed language search",
+  searchTipCaseInsensitive: "Case insensitive",
+  searchTipRealtime: "Real-time search suggestions",
+  searchTipFilter: "Filter by tags and categories",
+  searchTipFuzzy: "Supports fuzzy matching",
+  // Hero section
+  browsePosts: "Browse Posts",
+  aboutMe: "About Me",
   // Pagination
   previousPage: "Previous",
   nextPage: "Next",
@@ -121,6 +155,7 @@ var enTranslations = {
   updatedOn: "Updated on",
   author: "Author",
   tableOfContents: "Table of Contents",
+  readingProgress: "Reading Progress",
   relatedPosts: "Related Posts",
   sharePost: "Share",
   previousPost: "Previous",
@@ -149,7 +184,12 @@ var enTranslations = {
   slides: "Slides",
   slidesList: "All Slides",
   // RSS
-  rssFeed: "RSS Feed"
+  rssFeed: "RSS Feed",
+  // Quick Navigation
+  quickNavigation: "Quick Navigation",
+  timeline: "Timeline",
+  viewAllTimeline: "View all timeline",
+  postsCount: "posts"
 };
 var builtInTranslations = {
   "zh-CN": zhCNTranslations,

package/dist/{chunk-AZHCNNAC.js → chunk-TJTPX2WP.js}

@@ -1,7 +1,7 @@
 // src/config/site.ts
 var siteConfig = {
   title: "My Astro Blog",
-  description: "A modern blog built with Astro, Vue, and Tailwind CSS",
+  description: "",
   author: "Author",
   email: "",
   avatar: "/images/avatar.svg",

package/dist/config/index.d.ts

@@ -1,6 +1,6 @@
 import { SiteConfig, NavigationItem } from '../types/index.js';
 export { D as DividerConfig, M as ManualConfig, f as MixedConfig, P as PathMatchConfig, e as ScanConfig, b as SidebarConfig, a as SidebarGroup, S as SidebarItem, d as defaultSidebarConfig, c as defineSidebarConfig, s as sidebarConfig } from '../sidebar-Da-W_4Lr.js';
-export { F as FooterConfig, m as FooterLink, I as I18nConfig, o as I18nRoutingConfig, L as Locale, n as LocaleConfig, S as SocialLink, U as UITranslations, j as builtInTranslations, c as defaultFooterConfig, g as defaultI18nConfig, d as defaultIcons, l as defaultLocales, a as defaultSocialLinks, e as defineFooterConfig, h as defineI18nConfig, b as defineSocialLinks, k as enTranslations, f as footerConfig, i as getUITranslations, s as socialLinks, z as zhCNTranslations } from '../i18n-5H4W145i.js';
+export { F as FooterConfig, m as FooterLink, I as I18nConfig, o as I18nRoutingConfig, L as Locale, n as LocaleConfig, S as SocialLink, U as UITranslations, j as builtInTranslations, c as defaultFooterConfig, g as defaultI18nConfig, d as defaultIcons, l as defaultLocales, a as defaultSocialLinks, e as defineFooterConfig, h as defineI18nConfig, b as defineSocialLinks, k as enTranslations, f as footerConfig, i as getUITranslations, s as socialLinks, z as zhCNTranslations } from '../i18n-PgMCFBw0.js';
 
 /**
  * Default site configuration

package/dist/config/index.js

@@ -16,7 +16,7 @@ import {
   sidebarConfig,
   siteConfig,
   socialLinks
-} from "../chunk-AZHCNNAC.js";
+} from "../chunk-TJTPX2WP.js";
 import {
   builtInTranslations,
   defaultI18nConfig,
@@ -25,7 +25,7 @@ import {
   enTranslations,
   getUITranslations,
   zhCNTranslations
-} from "../chunk-ATRISB7B.js";
+} from "../chunk-A2E2VSAQ.js";
 export {
   builtInTranslations,
   defaultFooterConfig,

package/dist/{i18n-5H4W145i.d.ts → i18n-PgMCFBw0.d.ts}

@@ -99,6 +99,19 @@ interface UITranslations {
     searchResults: string;
     noResults: string;
     searching: string;
+    searchArticles: string;
+    searchInAllArticles: string;
+    searchTips: string;
+    basicSearch: string;
+    advancedFeatures: string;
+    searchTipKeyword: string;
+    searchTipMixedLang: string;
+    searchTipCaseInsensitive: string;
+    searchTipRealtime: string;
+    searchTipFilter: string;
+    searchTipFuzzy: string;
+    browsePosts: string;
+    aboutMe: string;
     previousPage: string;
     nextPage: string;
     page: string;
@@ -107,6 +120,7 @@ interface UITranslations {
     updatedOn: string;
     author: string;
     tableOfContents: string;
+    readingProgress: string;
     relatedPosts: string;
     sharePost: string;
     previousPost: string;
@@ -133,6 +147,10 @@ interface UITranslations {
     slides: string;
     slidesList: string;
     rssFeed: string;
+    quickNavigation: string;
+    timeline: string;
+    viewAllTimeline: string;
+    postsCount: string;
 }
 /**
  * Locale-specific configuration
@@ -148,6 +166,8 @@ interface LocaleConfig {
     sidebar?: Partial<SidebarConfig>;
     /** UI translation overrides */
     ui?: Partial<UITranslations>;
+    /** Content path prefix for filtering posts by locale (e.g., 'blog_docs_en' for English) */
+    contentPathPrefix?: string;
 }
 /**
  * i18n routing configuration

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 export { defaultMenu, defaultSEO, defaultSiteConfig, defineMenu, defineSiteConfig, menu, siteConfig } from './config/index.js';
 import { b as SidebarConfig } from './sidebar-Da-W_4Lr.js';
 export { D as DividerConfig, M as ManualConfig, f as MixedConfig, P as PathMatchConfig, e as ScanConfig, a as SidebarGroup, S as SidebarItem, d as defaultSidebarConfig, c as defineSidebarConfig, s as sidebarConfig } from './sidebar-Da-W_4Lr.js';
-import { I as I18nConfig, L as Locale, F as FooterConfig, U as UITranslations, S as SocialLink } from './i18n-5H4W145i.js';
-export { m as FooterLink, o as I18nRoutingConfig, n as LocaleConfig, j as builtInTranslations, c as defaultFooterConfig, g as defaultI18nConfig, d as defaultIcons, l as defaultLocales, a as defaultSocialLinks, e as defineFooterConfig, h as defineI18nConfig, b as defineSocialLinks, k as enTranslations, f as footerConfig, i as getUITranslations, s as socialLinks, z as zhCNTranslations } from './i18n-5H4W145i.js';
+import { I as I18nConfig, L as Locale, F as FooterConfig, U as UITranslations, S as SocialLink } from './i18n-PgMCFBw0.js';
+export { m as FooterLink, o as I18nRoutingConfig, n as LocaleConfig, j as builtInTranslations, c as defaultFooterConfig, g as defaultI18nConfig, d as defaultIcons, l as defaultLocales, a as defaultSocialLinks, e as defineFooterConfig, h as defineI18nConfig, b as defineSocialLinks, k as enTranslations, f as footerConfig, i as getUITranslations, s as socialLinks, z as zhCNTranslations } from './i18n-PgMCFBw0.js';
 import { SiteConfig, NavigationItem } from './types/index.js';
 export { BlogPost, Category, PostFrontmatter, SEOProps, SearchResult, Tag } from './types/index.js';
 export { AstroBlogIntegrationOptions, default as astroBlog, default as astroBlogIntegration } from './integration.js';
@@ -117,6 +117,24 @@ declare function isMultiLanguageEnabled(config?: I18nConfig): boolean;
  * Returns empty string for default locale if prefixDefaultLocale is false
  */
 declare function getLocalePrefix(locale: string, config?: I18nConfig): string;
+/**
+ * Get content path prefix for a specific locale
+ * Returns the contentPathPrefix from locale config, or undefined if not set
+ */
+declare function getContentPathPrefix(locale: string, config?: I18nConfig): string | undefined;
+/**
+ * Filter posts by locale based on contentPathPrefix
+ * If contentPathPrefix is set, only return posts that start with that prefix
+ * If not set, return all posts (backward compatible)
+ *
+ * @example
+ * // If en locale has contentPathPrefix: 'blog_docs_en'
+ * filterPostsByLocale(posts, 'en', config)
+ * // Returns only posts with id starting with 'blog_docs_en/'
+ */
+declare function filterPostsByLocale<T extends {
+    id: string;
+}>(posts: T[], locale: string, config?: I18nConfig): T[];
 
 /**
  * Vue Composable for i18n
@@ -214,4 +232,4 @@ declare function getAstroConfig(options?: {
     };
 };
 
-export { type AlternateLink, type BlogConfig, FooterConfig, I18N_CONFIG_KEY, I18N_LOCALE_KEY, I18N_TRANSLATIONS_KEY, I18nConfig, type I18nContext, Locale, type MergedLocaleConfig, NavigationItem, SidebarConfig, SiteConfig, SocialLink, UITranslations, type UseI18nReturn, createI18nContext, defineBlogConfig, formatDate, formatDateShort, getAlternateLinks, getAstroConfig, getLocaleByCode, getLocaleConfig, getLocaleFromPath, getLocalePrefix, getLocalizedPath, getTextDirection, isMultiLanguageEnabled, isRTL, removeLocalePrefix, t, useI18n };
+export { type AlternateLink, type BlogConfig, FooterConfig, I18N_CONFIG_KEY, I18N_LOCALE_KEY, I18N_TRANSLATIONS_KEY, I18nConfig, type I18nContext, Locale, type MergedLocaleConfig, NavigationItem, SidebarConfig, SiteConfig, SocialLink, UITranslations, type UseI18nReturn, createI18nContext, defineBlogConfig, filterPostsByLocale, formatDate, formatDateShort, getAlternateLinks, getAstroConfig, getContentPathPrefix, getLocaleByCode, getLocaleConfig, getLocaleFromPath, getLocalePrefix, getLocalizedPath, getTextDirection, isMultiLanguageEnabled, isRTL, removeLocalePrefix, t, useI18n };

package/dist/index.js

@@ -16,12 +16,12 @@ import {
   sidebarConfig,
   siteConfig,
   socialLinks
-} from "./chunk-AZHCNNAC.js";
+} from "./chunk-TJTPX2WP.js";
 import "./chunk-FXPGR372.js";
 import {
   astroBlogIntegration,
   integration_default
-} from "./chunk-HVQKQN6B.js";
+} from "./chunk-6D3XRDNY.js";
 import {
   builtInTranslations,
   defaultI18nConfig,
@@ -30,7 +30,7 @@ import {
   enTranslations,
   getUITranslations,
   zhCNTranslations
-} from "./chunk-ATRISB7B.js";
+} from "./chunk-A2E2VSAQ.js";
 
 // src/utils/i18n.ts
 function getLocaleFromPath(pathname, config = defaultI18nConfig) {
@@ -174,6 +174,21 @@ function getLocalePrefix(locale, config = defaultI18nConfig) {
   }
   return `/${locale}`;
 }
+function getContentPathPrefix(locale, config = defaultI18nConfig) {
+  const localeConfig = config.localeConfigs[locale];
+  return localeConfig?.contentPathPrefix;
+}
+function filterPostsByLocale(posts, locale, config = defaultI18nConfig) {
+  const contentPathPrefix = getContentPathPrefix(locale, config);
+  if (!contentPathPrefix) {
+    return posts;
+  }
+  return posts.filter((post) => {
+    const postPath = post.id.toLowerCase();
+    const prefix = contentPathPrefix.toLowerCase();
+    return postPath.startsWith(prefix + "/") || postPath === prefix;
+  });
+}
 
 // src/utils/useI18n.ts
 import { inject, computed } from "vue";
@@ -275,11 +290,13 @@ export {
   defineSiteConfig,
   defineSocialLinks,
   enTranslations,
+  filterPostsByLocale,
   footerConfig,
   formatDate,
   formatDateShort,
   getAlternateLinks,
   getAstroConfig,
+  getContentPathPrefix,
   getLocaleByCode,
   getLocaleConfig,
   getLocaleFromPath,

package/dist/integration.d.ts

@@ -1,5 +1,5 @@
 import { AstroIntegration } from 'astro';
-import { I as I18nConfig } from './i18n-5H4W145i.js';
+import { I as I18nConfig } from './i18n-PgMCFBw0.js';
 import './types/index.js';
 import './sidebar-Da-W_4Lr.js';
 

package/dist/integration.js

@@ -1,8 +1,8 @@
 import {
   astroBlogIntegration,
   integration_default
-} from "./chunk-HVQKQN6B.js";
-import "./chunk-ATRISB7B.js";
+} from "./chunk-6D3XRDNY.js";
+import "./chunk-A2E2VSAQ.js";
 export {
   astroBlogIntegration,
   integration_default as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jet-w/astro-blog",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A modern Astro blog theme with Vue and Tailwind CSS support",
   "type": "module",
   "exports": {

package/src/components/blog/FloatingToc.vue

@@ -9,7 +9,7 @@
       <button
         class="p-3 bg-white dark:bg-slate-800 rounded-full shadow-lg border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-colors"
         :class="{ 'bg-primary-50 dark:bg-primary-900/30': showToc }"
-        aria-label="显示目录"
+        :aria-label="tocTitle"
       >
         <svg class="w-5 h-5 text-slate-600 dark:text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16" />
@@ -35,7 +35,7 @@
               <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
               </svg>
-              页面目录
+              {{ tocTitle }}
             </h3>
           </div>
 
@@ -66,7 +66,7 @@
           <!-- 进度条 -->
           <div class="px-4 py-2 border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900/50">
             <div class="flex items-center justify-between text-xs text-slate-500 dark:text-slate-400 mb-1">
-              <span>阅读进度</span>
+              <span>{{ progressTitle }}</span>
               <span>{{ Math.round(progress * 100) }}%</span>
             </div>
             <div class="w-full bg-slate-200 dark:bg-slate-700 rounded-full h-1.5">
@@ -91,6 +91,14 @@ interface Heading {
   level: number
 }
 
+const props = withDefaults(defineProps<{
+  tocTitle?: string
+  progressTitle?: string
+}>(), {
+  tocTitle: 'Table of Contents',
+  progressTitle: 'Reading Progress',
+})
+
 const showToc = ref(false)
 const headings = ref<Heading[]>([])
 const activeId = ref('')

package/src/components/blog/Hero.astro

@@ -1,5 +1,20 @@
 ---
 import { siteConfig } from '@jet-w/astro-blog/config';
+import type { I18nConfig } from '../../config/i18n';
+import { defaultI18nConfig } from '../../config/i18n';
+import { i18nConfig as virtualI18nConfig } from 'virtual:astro-blog-i18n';
+import { getLocaleFromPath, getLocaleConfig } from '../../utils/i18n';
+
+export interface Props {
+  i18nConfig?: I18nConfig;
+}
+
+const { i18nConfig = virtualI18nConfig || defaultI18nConfig } = Astro.props;
+
+// Get current locale from URL
+const currentLocale = getLocaleFromPath(Astro.url.pathname, i18nConfig);
+const localeConfig = getLocaleConfig(currentLocale, i18nConfig);
+const ui = localeConfig.ui;
 ---
 
 <section class="py-16 mb-16">
@@ -89,7 +104,7 @@ import { siteConfig } from '@jet-w/astro-blog/config';
         href="/posts"
         class="btn-primary inline-flex items-center space-x-2"
       >
-        <span>浏览文章</span>
+        <span>{ui.browsePosts}</span>
         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
         </svg>
@@ -99,7 +114,7 @@ import { siteConfig } from '@jet-w/astro-blog/config';
         href="/about"
         class="btn-secondary inline-flex items-center space-x-2"
       >
-        <span>关于我</span>
+        <span>{ui.aboutMe}</span>
         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
         </svg>

package/src/components/blog/NavigationTabs.vue

@@ -26,7 +26,7 @@
         <a
           v-for="tag in tags"
           :key="tag.name"
-          :href="`/tags/${encodeTag(tag.name)}`"
+          :href="`${props.localePrefix}/tags/${encodeTag(tag.name)}`"
           class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm transition-colors"
           :class="getTagColorClass(tag.count)"
         >
@@ -40,7 +40,7 @@
         <a
           v-for="archive in archives"
           :key="archive.key"
-          :href="`/archives/${archive.year}/${archive.month}`"
+          :href="`${props.localePrefix}/archives/${archive.year}/${archive.month}`"
           class="flex items-center justify-between px-3 py-2 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors group"
         >
           <div class="flex items-center gap-3">
@@ -48,11 +48,11 @@
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
             </svg>
             <span class="text-slate-700 dark:text-slate-300 group-hover:text-primary-600 dark:group-hover:text-primary-400">
-              {{ archive.year }}年{{ archive.month }}月
+              {{ formatArchiveDate(archive.year, archive.month) }}
             </span>
           </div>
           <span class="text-xs text-slate-400 bg-slate-100 dark:bg-slate-700 px-2 py-0.5 rounded-full">
-            {{ archive.count }}篇
+            {{ archive.count }} {{ props.ui?.postsCount || 'posts' }}
           </span>
         </a>
       </div>
@@ -62,7 +62,7 @@
         <a
           v-for="category in categories"
           :key="category.name"
-          :href="`/categories/${encodeCategory(category.name)}`"
+          :href="`${props.localePrefix}/categories/${encodeCategory(category.name)}`"
           class="flex items-center justify-between px-3 py-2 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors group"
         >
           <div class="flex items-center gap-3">
@@ -74,7 +74,7 @@
             </span>
           </div>
           <span class="text-xs text-slate-400 bg-slate-100 dark:bg-slate-700 px-2 py-0.5 rounded-full">
-            {{ category.count }}篇
+            {{ category.count }} {{ props.ui?.postsCount || 'posts' }}
           </span>
         </a>
       </div>
@@ -86,7 +86,7 @@
           <div v-for="item in timeline" :key="item.slug" class="relative pl-10">
             <div class="absolute left-2.5 w-3 h-3 rounded-full bg-primary-500 border-2 border-white dark:border-slate-800"></div>
             <a
-              :href="`/posts/${item.slug}`"
+              :href="`${props.localePrefix}/posts/${item.slug}`"
               class="block p-3 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors group"
             >
               <div class="text-xs text-slate-400 mb-1">{{ formatDate(item.pubDate) }}</div>
@@ -97,10 +97,10 @@
           </div>
         </div>
         <a
-          href="/archives"
+          :href="`${props.localePrefix}/archives`"
           class="mt-4 flex items-center justify-center gap-2 py-2 text-sm text-primary-500 hover:text-primary-600 dark:hover:text-primary-400 transition-colors"
         >
-          <span>查看全部时间轴</span>
+          <span>{{ props.ui?.viewAllTimeline || 'View all timeline' }}</span>
           <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
           </svg>
@@ -136,14 +136,37 @@ interface TimelineItem {
   pubDate: string
 }
 
+interface UIProps {
+  tags?: string
+  archives?: string
+  categories?: string
+  timeline?: string
+  viewAllTimeline?: string
+  postsCount?: string
+}
+
 interface Props {
   tags: TagItem[]
   archives: ArchiveItem[]
   categories: CategoryItem[]
   timeline: TimelineItem[]
+  localePrefix?: string
+  dateLocale?: string
+  ui?: UIProps
 }
 
-const props = defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  localePrefix: '',
+  dateLocale: 'en',
+  ui: () => ({
+    tags: 'Tags',
+    archives: 'Archives',
+    categories: 'Categories',
+    timeline: 'Timeline',
+    viewAllTimeline: 'View all timeline',
+    postsCount: 'posts',
+  })
+})
 
 const activeTab = ref('tags')
 
@@ -201,10 +224,10 @@ const TimelineIcon = {
 }
 
 const tabs = computed(() => [
-  { id: 'tags', name: '标签', count: props.tags.length, icon: TagIcon },
-  { id: 'archives', name: '归档', count: props.archives.length, icon: ArchiveIcon },
-  { id: 'categories', name: '分类', count: props.categories.length, icon: CategoryIcon },
-  { id: 'timeline', name: '时间轴', count: props.timeline.length, icon: TimelineIcon },
+  { id: 'tags', name: props.ui?.tags || 'Tags', count: props.tags.length, icon: TagIcon },
+  { id: 'archives', name: props.ui?.archives || 'Archives', count: props.archives.length, icon: ArchiveIcon },
+  { id: 'categories', name: props.ui?.categories || 'Categories', count: props.categories.length, icon: CategoryIcon },
+  { id: 'timeline', name: props.ui?.timeline || 'Timeline', count: props.timeline.length, icon: TimelineIcon },
 ])
 
 const encodeTag = (tag: string) => {
@@ -227,12 +250,20 @@ const getTagColorClass = (count: number) => {
 
 const formatDate = (dateStr: string) => {
   const date = new Date(dateStr)
-  return new Intl.DateTimeFormat('zh-CN', {
+  return new Intl.DateTimeFormat(props.dateLocale, {
     year: 'numeric',
     month: '2-digit',
     day: '2-digit'
   }).format(date)
 }
+
+const formatArchiveDate = (year: string, month: string) => {
+  const date = new Date(parseInt(year), parseInt(month) - 1, 1)
+  return new Intl.DateTimeFormat(props.dateLocale, {
+    year: 'numeric',
+    month: 'long'
+  }).format(date)
+}
 </script>
 
 <style scoped>

package/src/components/blog/PostCard.astro

@@ -13,12 +13,25 @@ export interface Props {
   };
   featured?: boolean;
   layout?: 'vertical' | 'horizontal';
+  localePrefix?: string;
+  locale?: string;
+  ui?: {
+    readMore?: string;
+    minuteRead?: string;
+  };
 }
 
-const { post, featured = false, layout = 'vertical' } = Astro.props;
+const {
+  post,
+  featured = false,
+  layout = 'vertical',
+  localePrefix = '',
+  locale = 'zh-CN',
+  ui = { readMore: '阅读更多', minuteRead: '分钟' }
+} = Astro.props;
 
 const formattedDate = post.pubDate
-  ? new Intl.DateTimeFormat('zh-CN', {
+  ? new Intl.DateTimeFormat(locale, {
       year: 'numeric',
       month: 'long',
       day: 'numeric'
@@ -31,12 +44,17 @@ const isHorizontal = layout === 'horizontal';
 const tagToSlug = (tag: string) => tag.toLowerCase().replace(/\s+/g, '-');
 // 将分类名转换为 slug 格式
 const categoryToSlug = (category: string) => category.toLowerCase().replace(/\s+/g, '-');
+
+// Build URLs with locale prefix
+const postUrl = `${localePrefix}/posts/${post.slug}`;
+const tagUrl = (tag: string) => `${localePrefix}/tags/${tagToSlug(tag)}`;
+const categoryUrl = (category: string) => `${localePrefix}/categories/${categoryToSlug(category)}`;
 ---
 
 <article class={`group card hover:shadow-lg transform hover:-translate-y-1 transition-all duration-300 ${isHorizontal ? 'flex gap-6 items-center' : 'block'}`}>
   <!-- 文章图片 -->
   {post.image && (
-    <a href={`/posts/${post.slug}`} class={`block overflow-hidden rounded-lg ${
+    <a href={postUrl} class={`block overflow-hidden rounded-lg ${
       isHorizontal ? 'w-48 h-32 flex-shrink-0' : 'w-full h-48 mb-4'
     }`}>
       <img
@@ -55,7 +73,7 @@ const categoryToSlug = (category: string) => category.toLowerCase().replace(/\s+
       <div class="flex flex-wrap gap-2 mb-2">
         {post.categories.slice(0, 2).map((category) => (
           <a
-            href={`/categories/${categoryToSlug(category)}`}
+            href={categoryUrl(category)}
             class="text-xs px-2 py-1 bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 rounded-full hover:bg-amber-200 dark:hover:bg-amber-900/50 transition-colors"
             onclick="event.stopPropagation();"
           >
@@ -70,7 +88,7 @@ const categoryToSlug = (category: string) => category.toLowerCase().replace(/\s+
       <div class="flex flex-wrap gap-2 mb-3">
         {post.tags.slice(0, 3).map((tag) => (
           <a
-            href={`/tags/${tagToSlug(tag)}`}
+            href={tagUrl(tag)}
             class="text-xs px-2 py-1 bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300 rounded-full hover:bg-primary-200 dark:hover:bg-primary-900/50 transition-colors"
             onclick="event.stopPropagation();"
           >
@@ -86,7 +104,7 @@ const categoryToSlug = (category: string) => category.toLowerCase().replace(/\s+
     )}
 
     <!-- 标题 -->
-    <a href={`/posts/${post.slug}`}>
+    <a href={postUrl}>
       <h3 class={`font-bold text-slate-900 dark:text-slate-100 hover:text-primary-500 transition-colors line-clamp-2 mb-3 ${
         featured ? 'text-xl' : isHorizontal ? 'text-lg' : 'text-lg'
       }`}>
@@ -95,7 +113,7 @@ const categoryToSlug = (category: string) => category.toLowerCase().replace(/\s+
     </a>
 
     <!-- 描述 -->
-    <a href={`/posts/${post.slug}`}>
+    <a href={postUrl}>
       <p class={`text-slate-600 dark:text-slate-400 line-clamp-3 mb-4 hover:text-slate-700 dark:hover:text-slate-300 transition-colors ${
         isHorizontal ? 'text-sm' : 'text-base'
       }`}>
@@ -129,13 +147,13 @@ const categoryToSlug = (category: string) => category.toLowerCase().replace(/\s+
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
             </svg>
-            <span>{post.readingTime}分钟</span>
+            <span>{post.readingTime} {ui.minuteRead}</span>
           </span>
         )}
       </div>
 
-      <a href={`/posts/${post.slug}`} class="flex items-center text-primary-500 hover:text-primary-600 transition-colors">
-        <span class="text-sm font-medium">阅读更多</span>
+      <a href={postUrl} class="flex items-center text-primary-500 hover:text-primary-600 transition-colors">
+        <span class="text-sm font-medium">{ui.readMore}</span>
         <svg class="w-4 h-4 ml-1 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
         </svg>