@jet-w/astro-blog 0.1.6 → 0.2.0

package/dist/index.d.ts

@@ -1,12 +1,190 @@
-import { FooterConfig, SocialLink } from './config/index.js';
-export { FooterLink, defaultFooterConfig, defaultIcons, defaultMenu, defaultSEO, defaultSiteConfig, defaultSocialLinks, defineFooterConfig, defineMenu, defineSiteConfig, defineSocialLinks, footerConfig, menu, siteConfig, socialLinks } from './config/index.js';
-import { S as SidebarConfig } from './sidebar-DNdiCKBw.js';
-export { D as DividerConfig, M as ManualConfig, f as MixedConfig, P as PathMatchConfig, e as ScanConfig, b as SidebarGroup, c as SidebarItem, d as defaultSidebarConfig, a as defineSidebarConfig, s as sidebarConfig } from './sidebar-DNdiCKBw.js';
-import { SiteConfig } from './types/index.js';
-export { BlogPost, Category, NavigationItem, PostFrontmatter, SEOProps, SearchResult, Tag } from './types/index.js';
+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 { 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';
+import { ComputedRef } from 'vue';
 import 'astro';
 
+/**
+ * i18n Utility Functions
+ *
+ * Provides helper functions for multi-language support.
+ */
+
+/**
+ * Merged locale configuration with all defaults applied
+ */
+interface MergedLocaleConfig {
+    locale: Locale;
+    site: SiteConfig;
+    menu: NavigationItem[];
+    footer: FooterConfig;
+    sidebar: SidebarConfig;
+    ui: UITranslations;
+}
+/**
+ * Alternate link for SEO (hreflang)
+ */
+interface AlternateLink {
+    locale: string;
+    url: string;
+    hreflang: string;
+}
+/**
+ * Get current locale from URL pathname
+ *
+ * @example
+ * getLocaleFromPath('/en/posts', config) // 'en'
+ * getLocaleFromPath('/posts', config) // 'zh-CN' (default)
+ * getLocaleFromPath('/zh-CN/about', config) // 'zh-CN'
+ */
+declare function getLocaleFromPath(pathname: string, config?: I18nConfig): string;
+/**
+ * Get locale data by code
+ */
+declare function getLocaleByCode(code: string, config?: I18nConfig): Locale | undefined;
+/**
+ * Remove locale prefix from pathname
+ *
+ * @example
+ * removeLocalePrefix('/en/posts', config) // '/posts'
+ * removeLocalePrefix('/posts', config) // '/posts'
+ */
+declare function removeLocalePrefix(pathname: string, config?: I18nConfig): string;
+/**
+ * Get localized path for a given locale
+ *
+ * @example
+ * getLocalizedPath('/posts', 'en', config) // '/en/posts'
+ * getLocalizedPath('/en/posts', 'zh-CN', config) // '/posts' (if zh-CN is default)
+ */
+declare function getLocalizedPath(pathname: string, targetLocale: string, config?: I18nConfig): string;
+/**
+ * Get all alternate links for SEO (hreflang tags)
+ *
+ * @example
+ * getAlternateLinks('/posts', 'https://example.com', config)
+ * // Returns links for all locales
+ */
+declare function getAlternateLinks(pathname: string, baseUrl: string, config?: I18nConfig): AlternateLink[];
+/**
+ * Get merged configuration for a specific locale
+ * Combines default config with locale-specific overrides
+ */
+declare function getLocaleConfig(locale: string, config?: I18nConfig): MergedLocaleConfig;
+/**
+ * Translation function - get a UI translation string
+ *
+ * @example
+ * t('readMore', 'en') // 'Read more'
+ * t('readMore', 'zh-CN') // '阅读更多'
+ */
+declare function t(key: keyof UITranslations, locale: string, config?: I18nConfig): string;
+/**
+ * Format date according to locale
+ *
+ * @example
+ * formatDate(new Date(), 'en') // 'January 1, 2024'
+ * formatDate(new Date(), 'zh-CN') // '2024年1月1日'
+ */
+declare function formatDate(date: Date | string, locale: string, options?: Intl.DateTimeFormatOptions): string;
+/**
+ * Format date in short format
+ *
+ * @example
+ * formatDateShort(new Date(), 'en') // '1/1/2024'
+ * formatDateShort(new Date(), 'zh-CN') // '2024/1/1'
+ */
+declare function formatDateShort(date: Date | string, locale: string): string;
+/**
+ * Check if a locale is RTL (right-to-left)
+ */
+declare function isRTL(locale: string, config?: I18nConfig): boolean;
+/**
+ * Get the HTML dir attribute value
+ */
+declare function getTextDirection(locale: string, config?: I18nConfig): 'ltr' | 'rtl';
+/**
+ * Check if multi-language is enabled (more than one locale)
+ */
+declare function isMultiLanguageEnabled(config?: I18nConfig): boolean;
+/**
+ * Get prefix for a locale in routes
+ * Returns empty string for default locale if prefixDefaultLocale is false
+ */
+declare function getLocalePrefix(locale: string, config?: I18nConfig): string;
+
+/**
+ * Vue Composable for i18n
+ *
+ * Provides i18n support for Vue components in the blog.
+ */
+
+/**
+ * i18n injection keys
+ */
+declare const I18N_LOCALE_KEY: unique symbol;
+declare const I18N_CONFIG_KEY: unique symbol;
+declare const I18N_TRANSLATIONS_KEY: unique symbol;
+/**
+ * i18n context provided to Vue components
+ */
+interface I18nContext {
+    locale: string;
+    translations: UITranslations;
+    config?: I18nConfig;
+}
+/**
+ * Return type of useI18n composable
+ */
+interface UseI18nReturn {
+    /** Current locale code */
+    locale: ComputedRef<string>;
+    /** Translation function */
+    t: (key: keyof UITranslations) => string;
+    /** Format date according to locale */
+    formatDate: (date: Date | string, options?: Intl.DateTimeFormatOptions) => string;
+    /** Format date in short format */
+    formatDateShort: (date: Date | string) => string;
+    /** All translations for current locale */
+    translations: ComputedRef<UITranslations>;
+}
+/**
+ * Vue composable for i18n support
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useI18n } from '@jet-w/astro-blog/utils/useI18n';
+ *
+ * const { t, formatDate, locale } = useI18n();
+ * </script>
+ *
+ * <template>
+ *   <h1>{{ t('postList') }}</h1>
+ *   <span>{{ formatDate(post.pubDate) }}</span>
+ * </template>
+ * ```
+ */
+declare function useI18n(): UseI18nReturn;
+/**
+ * Create i18n context for providing to Vue components
+ *
+ * @example
+ * ```astro
+ * ---
+ * import { createI18nContext } from '@jet-w/astro-blog/utils/useI18n';
+ * const i18nContext = createI18nContext('en', i18nConfig);
+ * ---
+ * <Component client:load {...i18nContext} />
+ * ```
+ */
+declare function createI18nContext(locale: string, config?: I18nConfig): I18nContext;
+
 /**
  * Define blog configuration helper
  */
@@ -15,6 +193,7 @@ interface BlogConfig {
     sidebar?: SidebarConfig;
     footer?: FooterConfig;
     social?: SocialLink[];
+    i18n?: I18nConfig;
 }
 declare function defineBlogConfig(config: BlogConfig): BlogConfig;
 /**
@@ -35,4 +214,4 @@ declare function getAstroConfig(options?: {
     };
 };
 
-export { type BlogConfig, FooterConfig, SidebarConfig, SiteConfig, SocialLink, defineBlogConfig, getAstroConfig };
+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 };

package/dist/index.js

@@ -16,12 +16,222 @@ import {
   sidebarConfig,
   siteConfig,
   socialLinks
-} from "./chunk-GYLSY3OJ.js";
+} from "./chunk-AZHCNNAC.js";
 import "./chunk-FXPGR372.js";
 import {
   astroBlogIntegration,
   integration_default
-} from "./chunk-MQXPSOYB.js";
+} from "./chunk-HVQKQN6B.js";
+import {
+  builtInTranslations,
+  defaultI18nConfig,
+  defaultLocales,
+  defineI18nConfig,
+  enTranslations,
+  getUITranslations,
+  zhCNTranslations
+} from "./chunk-ATRISB7B.js";
+
+// src/utils/i18n.ts
+function getLocaleFromPath(pathname, config = defaultI18nConfig) {
+  const segments = pathname.replace(/^\//, "").split("/");
+  const firstSegment = segments[0];
+  const matchedLocale = config.locales.find(
+    (locale) => locale.code === firstSegment
+  );
+  if (matchedLocale) {
+    return matchedLocale.code;
+  }
+  return config.defaultLocale;
+}
+function getLocaleByCode(code, config = defaultI18nConfig) {
+  return config.locales.find((locale) => locale.code === code);
+}
+function removeLocalePrefix(pathname, config = defaultI18nConfig) {
+  const locale = getLocaleFromPath(pathname, config);
+  if (locale === config.defaultLocale && !config.routing.prefixDefaultLocale) {
+    return pathname;
+  }
+  const prefix = `/${locale}`;
+  if (pathname.startsWith(prefix)) {
+    const rest = pathname.slice(prefix.length);
+    return rest || "/";
+  }
+  return pathname;
+}
+function getLocalizedPath(pathname, targetLocale, config = defaultI18nConfig) {
+  const basePath = removeLocalePrefix(pathname, config);
+  if (targetLocale === config.defaultLocale && !config.routing.prefixDefaultLocale) {
+    return basePath;
+  }
+  if (basePath === "/") {
+    return `/${targetLocale}`;
+  }
+  return `/${targetLocale}${basePath}`;
+}
+function getAlternateLinks(pathname, baseUrl, config = defaultI18nConfig) {
+  const links = [];
+  for (const locale of config.locales) {
+    const localizedPath = getLocalizedPath(pathname, locale.code, config);
+    links.push({
+      locale: locale.code,
+      url: `${baseUrl.replace(/\/$/, "")}${localizedPath}`,
+      hreflang: locale.htmlLang
+    });
+  }
+  const defaultPath = getLocalizedPath(
+    pathname,
+    config.defaultLocale,
+    config
+  );
+  links.push({
+    locale: "x-default",
+    url: `${baseUrl.replace(/\/$/, "")}${defaultPath}`,
+    hreflang: "x-default"
+  });
+  return links;
+}
+function deepMerge(base, override) {
+  const result = { ...base };
+  for (const key in override) {
+    if (Object.prototype.hasOwnProperty.call(override, key)) {
+      const overrideValue = override[key];
+      const baseValue = base[key];
+      if (typeof overrideValue === "object" && overrideValue !== null && !Array.isArray(overrideValue) && typeof baseValue === "object" && baseValue !== null && !Array.isArray(baseValue)) {
+        result[key] = deepMerge(baseValue, overrideValue);
+      } else if (overrideValue !== void 0) {
+        result[key] = overrideValue;
+      }
+    }
+  }
+  return result;
+}
+function getLocaleConfig(locale, config = defaultI18nConfig) {
+  const localeData = getLocaleByCode(locale, config);
+  const localeOverrides = config.localeConfigs[locale] || {};
+  const localeInfo = localeData || {
+    code: locale,
+    name: locale,
+    htmlLang: locale,
+    dateLocale: locale,
+    direction: "ltr"
+  };
+  const site = deepMerge(defaultSiteConfig, localeOverrides.site || {});
+  const menu2 = localeOverrides.menu || defaultMenu;
+  const footer = deepMerge(defaultFooterConfig, localeOverrides.footer || {});
+  const sidebar = localeOverrides.sidebar ? {
+    ...sidebarConfig,
+    ...localeOverrides.sidebar,
+    // Use locale-specific groups if provided, otherwise keep default
+    groups: localeOverrides.sidebar.groups || sidebarConfig.groups
+  } : sidebarConfig;
+  const ui = getUITranslations(locale, config);
+  return {
+    locale: localeInfo,
+    site,
+    menu: menu2,
+    footer,
+    sidebar,
+    ui
+  };
+}
+function t(key, locale, config) {
+  const translations = getUITranslations(locale, config);
+  return translations[key] || key;
+}
+function formatDate(date, locale, options) {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  const defaultOptions = {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  };
+  return new Intl.DateTimeFormat(locale, options || defaultOptions).format(
+    dateObj
+  );
+}
+function formatDateShort(date, locale) {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  return new Intl.DateTimeFormat(locale, {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric"
+  }).format(dateObj);
+}
+function isRTL(locale, config = defaultI18nConfig) {
+  const localeData = getLocaleByCode(locale, config);
+  return localeData?.direction === "rtl";
+}
+function getTextDirection(locale, config = defaultI18nConfig) {
+  return isRTL(locale, config) ? "rtl" : "ltr";
+}
+function isMultiLanguageEnabled(config = defaultI18nConfig) {
+  return config.locales.length > 1;
+}
+function getLocalePrefix(locale, config = defaultI18nConfig) {
+  if (locale === config.defaultLocale && !config.routing.prefixDefaultLocale) {
+    return "";
+  }
+  return `/${locale}`;
+}
+
+// src/utils/useI18n.ts
+import { inject, computed } from "vue";
+var I18N_LOCALE_KEY = /* @__PURE__ */ Symbol("i18n-locale");
+var I18N_CONFIG_KEY = /* @__PURE__ */ Symbol("i18n-config");
+var I18N_TRANSLATIONS_KEY = /* @__PURE__ */ Symbol("i18n-translations");
+function useI18n() {
+  const injectedLocale = inject(I18N_LOCALE_KEY, "zh-CN");
+  const injectedTranslations = inject(
+    I18N_TRANSLATIONS_KEY,
+    void 0
+  );
+  const injectedConfig = inject(I18N_CONFIG_KEY, void 0);
+  const locale = computed(() => injectedLocale);
+  const translations = computed(() => {
+    if (injectedTranslations) {
+      return injectedTranslations;
+    }
+    return getUITranslations(injectedLocale, injectedConfig);
+  });
+  function t2(key) {
+    return translations.value[key] || key;
+  }
+  function formatDate2(date, options) {
+    const dateObj = typeof date === "string" ? new Date(date) : date;
+    const defaultOptions = {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    };
+    return new Intl.DateTimeFormat(
+      locale.value,
+      options || defaultOptions
+    ).format(dateObj);
+  }
+  function formatDateShort2(date) {
+    const dateObj = typeof date === "string" ? new Date(date) : date;
+    return new Intl.DateTimeFormat(locale.value, {
+      year: "numeric",
+      month: "numeric",
+      day: "numeric"
+    }).format(dateObj);
+  }
+  return {
+    locale,
+    t: t2,
+    formatDate: formatDate2,
+    formatDateShort: formatDateShort2,
+    translations
+  };
+}
+function createI18nContext(locale, config) {
+  return {
+    locale,
+    translations: getUITranslations(locale, config),
+    config
+  };
+}
 
 // src/index.ts
 function defineBlogConfig(config) {
@@ -41,10 +251,17 @@ function getAstroConfig(options) {
   };
 }
 export {
+  I18N_CONFIG_KEY,
+  I18N_LOCALE_KEY,
+  I18N_TRANSLATIONS_KEY,
   integration_default as astroBlog,
   astroBlogIntegration,
+  builtInTranslations,
+  createI18nContext,
   defaultFooterConfig,
+  defaultI18nConfig,
   defaultIcons,
+  defaultLocales,
   defaultMenu,
   defaultSEO,
   defaultSidebarConfig,
@@ -52,14 +269,32 @@ export {
   defaultSocialLinks,
   defineBlogConfig,
   defineFooterConfig,
+  defineI18nConfig,
   defineMenu,
   defineSidebarConfig,
   defineSiteConfig,
   defineSocialLinks,
+  enTranslations,
   footerConfig,
+  formatDate,
+  formatDateShort,
+  getAlternateLinks,
   getAstroConfig,
+  getLocaleByCode,
+  getLocaleConfig,
+  getLocaleFromPath,
+  getLocalePrefix,
+  getLocalizedPath,
+  getTextDirection,
+  getUITranslations,
+  isMultiLanguageEnabled,
+  isRTL,
   menu,
+  removeLocalePrefix,
   sidebarConfig,
   siteConfig,
-  socialLinks
+  socialLinks,
+  t,
+  useI18n,
+  zhCNTranslations
 };

package/dist/integration.d.ts

@@ -1,9 +1,13 @@
 import { AstroIntegration } from 'astro';
+import { I as I18nConfig } from './i18n-5H4W145i.js';
+import './types/index.js';
+import './sidebar-Da-W_4Lr.js';
 
 /**
  * @jet-w/astro-blog Integration
  *
  * This integration injects the blog pages into your Astro project
+ * with multi-language support.
  */
 
 interface AstroBlogIntegrationOptions {
@@ -19,7 +23,11 @@ interface AstroBlogIntegrationOptions {
         search?: boolean;
         rss?: boolean;
     };
+    /**
+     * i18n configuration for multi-language support
+     */
+    i18n?: I18nConfig;
 }
 declare function astroBlogIntegration(options?: AstroBlogIntegrationOptions): AstroIntegration;
 
-export { type AstroBlogIntegrationOptions, astroBlogIntegration, astroBlogIntegration as default };
+export { type AstroBlogIntegrationOptions, I18nConfig, astroBlogIntegration, astroBlogIntegration as default };

package/dist/integration.js

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

package/dist/{sidebar-DNdiCKBw.d.ts → sidebar-Da-W_4Lr.d.ts}

@@ -89,4 +89,4 @@ declare const sidebarConfig: SidebarConfig;
 declare function defineSidebarConfig(config: Partial<SidebarConfig>): SidebarConfig;
 declare const defaultSidebarConfig: SidebarConfig;
 
-export { type DividerConfig as D, type ManualConfig as M, type PathMatchConfig as P, type SidebarConfig as S, defineSidebarConfig as a, type SidebarGroup as b, type SidebarItem as c, defaultSidebarConfig as d, type ScanConfig as e, type MixedConfig as f, sidebarConfig as s };
+export { type DividerConfig as D, type ManualConfig as M, type PathMatchConfig as P, type SidebarItem as S, type SidebarGroup as a, type SidebarConfig as b, defineSidebarConfig as c, defaultSidebarConfig as d, type ScanConfig as e, type MixedConfig as f, sidebarConfig as s };

package/dist/utils/sidebar.d.ts

@@ -1,4 +1,4 @@
-import { c as SidebarItem, b as SidebarGroup, S as SidebarConfig } from '../sidebar-DNdiCKBw.js';
+import { S as SidebarItem, a as SidebarGroup, b as SidebarConfig } from '../sidebar-Da-W_4Lr.js';
 
 /**
  * 侧边栏工具函数

package/package.json

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

package/src/components/layout/Footer.astro

@@ -1,5 +1,22 @@
 ---
 import { siteConfig, footerConfig, defaultIcons } from '@jet-w/astro-blog/config';
+import type { I18nConfig } from '../../config/i18n';
+import { defaultI18nConfig } from '../../config/i18n';
+import { getLocaleFromPath, getLocaleConfig, getLocalePrefix } from '../../utils/i18n';
+
+export interface Props {
+  i18nConfig?: I18nConfig;
+}
+
+const { i18nConfig = defaultI18nConfig } = Astro.props;
+
+const currentLocale = getLocaleFromPath(Astro.url.pathname, i18nConfig);
+const localeConfig = getLocaleConfig(currentLocale, i18nConfig);
+const ui = localeConfig.ui;
+
+// Use locale-specific configs
+const localeSiteConfig = localeConfig.site;
+const localeFooterConfig = localeConfig.footer;
 
 const currentYear = new Date().getFullYear();
 
@@ -7,43 +24,44 @@ function getIcon(link: { type: string; icon?: string }): string {
   return link.icon || defaultIcons[link.type] || '';
 }
 
-// 替换版权信息中的占位符
-const copyright = footerConfig.copyright
+// Get locale prefix for RSS link
+const localePrefix = getLocalePrefix(currentLocale, i18nConfig);
+const rssUrl = localeFooterConfig.rssUrl || footerConfig.rssUrl || `${localePrefix}/rss.xml`;
+
+const copyright = (localeFooterConfig.copyright || footerConfig.copyright)
   .replace('{year}', String(currentYear))
-  .replace('{author}', siteConfig.author);
+  .replace('{author}', localeSiteConfig.author || siteConfig.author);
 ---
 
 <footer class="bg-slate-50 dark:bg-slate-800 border-t border-slate-200 dark:border-slate-700 mt-auto w-full min-w-0">
   <div class="container mx-auto px-4 py-6">
     <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-      <!-- 站点信息 -->
       <div>
         <div class="flex items-center space-x-3 mb-3">
-          {siteConfig.avatar && (
+          {(localeSiteConfig.avatar || siteConfig.avatar) && (
             <img
-              src={siteConfig.avatar}
-              alt={siteConfig.title}
+              src={localeSiteConfig.avatar || siteConfig.avatar}
+              alt={localeSiteConfig.title || siteConfig.title}
               class="w-8 h-8 rounded-full"
             />
           )}
           <div>
             <h3 class="text-base font-semibold text-slate-900 dark:text-slate-100">
-              {siteConfig.title}
+              {localeSiteConfig.title || siteConfig.title}
             </h3>
             <p class="text-xs text-slate-600 dark:text-slate-400">
-              {siteConfig.description}
+              {localeSiteConfig.description || siteConfig.description}
             </p>
           </div>
         </div>
       </div>
 
-      <!-- 快速链接 -->
       <div>
         <h4 class="text-sm font-semibold text-slate-900 dark:text-slate-100 mb-3">
-          {footerConfig.quickLinksTitle}
+          {localeFooterConfig.quickLinksTitle || footerConfig.quickLinksTitle || ui.quickLinks}
         </h4>
         <div class="flex flex-wrap gap-x-4 gap-y-1">
-          {footerConfig.quickLinks.map((item) => (
+          {(localeFooterConfig.quickLinks || footerConfig.quickLinks).map((item) => (
             <a
               href={item.href}
               class="text-sm text-slate-600 dark:text-slate-400 hover:text-primary-500 transition-colors"
@@ -54,13 +72,12 @@ const copyright = footerConfig.copyright
         </div>
       </div>
 
-      <!-- 社交链接 -->
       <div>
         <h4 class="text-sm font-semibold text-slate-900 dark:text-slate-100 mb-3">
-          {footerConfig.contactTitle}
+          {localeFooterConfig.contactTitle || footerConfig.contactTitle || ui.contact}
         </h4>
         <div class="flex space-x-4">
-          {footerConfig.socialLinks.map((link) => (
+          {(localeFooterConfig.socialLinks || footerConfig.socialLinks).map((link) => (
             <a
               href={link.url}
               target={link.type === 'email' ? undefined : '_blank'}
@@ -74,11 +91,11 @@ const copyright = footerConfig.copyright
             </a>
           ))}
 
-          {footerConfig.showRss && (
+          {(localeFooterConfig.showRss ?? footerConfig.showRss) && (
             <a
-              href={footerConfig.rssUrl}
+              href={rssUrl}
               class="text-slate-600 dark:text-slate-400 hover:text-primary-500 transition-colors"
-              aria-label="RSS订阅"
+              aria-label={ui.rssFeed}
             >
               <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                 <path d="M3.429 2.486c9.36 0 16.943 7.583 16.943 16.943h-3.257c0-7.563-6.123-13.686-13.686-13.686V2.486zM3.429 9.114c5.647 0 10.229 4.581 10.229 10.229h-3.257c0-3.844-3.128-6.972-6.972-6.972V9.114zM6.686 16.486c0 1.8-1.457 3.257-3.257 3.257S0.172 18.286 0.172 16.486s1.457-3.257 3.257-3.257 3.257 1.457 3.257 3.257z"/>
@@ -89,12 +106,11 @@ const copyright = footerConfig.copyright
       </div>
     </div>
 
-    <!-- 版权信息 -->
     <div class="border-t border-slate-200 dark:border-slate-700 pt-4 mt-6">
       <div class="flex flex-col sm:flex-row justify-between items-center text-sm text-slate-600 dark:text-slate-400">
         <p>{copyright}</p>
         <p class="mt-2 sm:mt-0">
-          Powered by <a href={footerConfig.poweredBy.url} class="link" target="_blank" rel="noopener noreferrer">{footerConfig.poweredBy.text}</a>
+          Powered by <a href={(localeFooterConfig.poweredBy || footerConfig.poweredBy).url} class="link" target="_blank" rel="noopener noreferrer">{(localeFooterConfig.poweredBy || footerConfig.poweredBy).text}</a>
         </p>
       </div>
     </div>