博客功能更新：中文本地化与自定义导航

在过去的两天里，我对个人博客进行了两项重要的功能更新，显著提升了中文用户的使用体验和网站的个性化配置能力。今天就来详细记录一下这些改进。

中文本地化支持

更新内容

将整个网站的用户界面文本从英文完整翻译为中文，包括以下组件：

• 返回按钮：从 “Go back” 改为 “返回上一页”
• 面包屑导航：路径显示使用中文标签（如 “首页 > 文章 > 标签”）
• 分页组件：分页按钮和页面指示器使用中文
• 分享链接：社交媒体分享按钮的提示文字本地化
• 页脚信息：版权信息、导航链接等全部中文化
• 404页面：错误页面的提示信息
• 搜索页面：搜索相关的提示和占位符文本
• 归档页面：文章归档的标题和描述

技术实现

通过修改各个 Astro 组件中的静态文本，同时确保 lang 属性设置为 "zh-CN"，让搜索引擎和屏幕阅读器能够正确识别页面语言。Giscus 评论系统也配置为中文界面，保持整体一致性。

这项更新让中文用户能够获得更加自然流畅的浏览体验，无需在中英文之间切换思维。

自定义导航链接功能

功能介绍

新增了灵活的自定义导航链接配置功能，允许通过配置文件轻松添加外部项目链接到主导航菜单中。

配置方式

在 src/config.ts 文件中，通过 SITE.navLinks 数组进行配置：

export const SITE = {
  // ... 其他配置
  navLinks: [
    {
      label: "打字练习",
      href: "https://qwer.6782733.xyz",
      external: true,
    },
  ],
  // ... 其他配置
}

每个导航链接对象包含三个属性：

• label：显示的链接文本
• href：目标链接地址
• external：是否为外部链接（如果是，会自动添加 target="_blank" 和 rel="noreferrer"）

使用场景

这个功能特别适合以下场景：

• 展示个人项目：将其他个人项目或作品集链接添加到博客导航中
• 整合相关服务：比如我的打字练习网站
• 快速访问常用资源：添加常用的工具或参考网站

总结

这两项更新虽然看似简单，但对用户体验的提升是显著的：

1. 中文本地化让博客真正成为面向中文用户的友好平台
2. 自定义导航提供了更大的灵活性，让博客不再是一个孤立的内容站点，而是可以作为个人数字身份的中心枢纽

未来我还会继续优化博客的功能和用户体验，让它成为一个更加完善的技术分享平台。

如果你也在使用 AstroPaper 主题，欢迎参考这些改进思路！