703 字
4 分钟
Astro-Fuwari主题全页面文字修改对照表(已校正)
Fuwari (Astro) 全页面文字修改对照表(已校正)
项目根目录:/home/ubuntu/Astro/
✅ 以下路径均经实际验证,对照原表已删除无效条目。
一、独立页面(.astro 是页面壳,spec/*.md 写正文)
- 关于页面(About)
- 外壳:
src/pages/about.astro - 正文:
src/content/spec/about.md
- 外壳:
二、列表页(标题文字取自 i18n,无独立 md 正文)
-
归档页(Archive)
- 外壳:
src/pages/archive.astro - 页面标题「归档」:
src/i18n/languages/zh_CN.ts→[Key.archive]: '归档' - ⚡ 标签筛选和分类筛选也通过此页 URL 参数实现:
/archive/?tag=xxx、/archive/?category=xxx
- 外壳:
-
标签(Tags) — ❌ 无独立页面,仅侧边栏 widget
- widget 组件:
src/components/widget/Tags.astro - 标题文字:
src/i18n/languages/zh_CN.ts→[Key.tags]: '标签' - 点击标签 → 跳转到归档页
/archive/?tag=xxx
- widget 组件:
-
分类(Categories) — ❌ 无独立页面,仅侧边栏 widget
- widget 组件:
src/components/widget/Categories.astro - 标题文字:
src/i18n/languages/zh_CN.ts→[Key.categories]: '分类' - 点击分类 → 跳转到归档页
/archive/?category=xxx
- widget 组件:
三、首页
- 首页路由:
src/pages/[...page].astro(动态分页路由,❌ 不存在 index.astro) - 侧边「最新文章」标题:
src/i18n/languages/zh_CN.ts→[Key.recentPosts]: '最新文章' - 网站标题、副标题:
src/config.ts→siteConfig { title, subtitle }
四、侧边栏个人信息
文件:src/config.ts → profileConfig { name, bio, avatar, links }
avatar: "assets/images/demo-avatar.png", // 头像路径(相对于 /src)name: "肥猫少杰", // 昵称bio: "用文字记录生活,用技术改变世界。", // 个性签名links: [ /* 社交链接图标列表 */ ]五、顶部导航菜单
- 菜单文字翻译:
src/i18n/languages/zh_CN.ts[Key.home]: '主页'、[Key.about]: '关于'、[Key.archive]: '归档'
- 菜单项配置(增删链接/顺序):
src/config.ts→navBarConfig.links- 可使用
LinkPreset.Home、LinkPreset.About、LinkPreset.Archive预设 - 也可自定义:
{ name: "Hermes", url: "http://...", external: true }
- 可使用
- 预设映射关系:
src/constants/link-presets.ts
六、文章相关
- 所有博客文章 md:
src/content/posts/任意目录/xxx.md - 文章详情页模板:
src/pages/posts/[...slug].astro - 文章底部版权许可:
src/config.ts→licenseConfig { enable, name, url } - 「无标题」「未分类」「无标签」默认文案:
src/i18n/languages/zh_CN.ts→untitled、uncategorized、noTags
七、全局组件与固定文案
| 模块 | 文件路径 | 说明 |
|---|---|---|
| 搜索 | src/components/Search.svelte | 客户端搜索(Pagefind),导航栏内嵌 |
| 搜索按钮文字 | src/i18n/languages/zh_CN.ts | [Key.search]: '搜索' |
| 页脚 | src/components/Footer.astro | 版权年份、RSS、站点地图链接 |
| 主题色 | src/i18n/languages/zh_CN.ts | [Key.themeColor]: '主题色' |
| 亮色/暗色/跟随系统 | src/i18n/languages/zh_CN.ts | [Key.lightMode/darkMode/systemMode] |
| 评论标题 | src/i18n/languages/zh_CN.ts | [Key.comments]: '评论' |
| 更多 | src/i18n/languages/zh_CN.ts | [Key.more]: '更多' |
| 作者/发布于 | src/i18n/languages/zh_CN.ts | [Key.author]: '作者'、[Key.publishedAt]: '发布于' |
| 许可协议 | src/i18n/languages/zh_CN.ts | [Key.license]: '许可协议' |
| 字数/分钟数 | src/i18n/languages/zh_CN.ts | [Key.wordCount/wordsCount/minuteCount/minutesCount] |
| 文章计数 | src/i18n/languages/zh_CN.ts | [Key.postCount/postsCount]: '篇文章' |
八、修改完生效命令
cd /home/ubuntu/Astropnpm run build && sudo rsync -r --delete dist/ /var/www/astro/九、视频背景(2026年6月22日新增)
| 项目 | 说明 |
|---|---|
| 视频来源 | https://mirai.sukuy.com/share_bb267daacbe5d1966f1d9e4bf9cbddcc1775912237115.mp4 |
| 组件 | src/components/VideoBanner.astro |
| 引入布局 | src/layouts/MainGridLayout.astro |
| 视频高度 | 100vh(全屏 Hero) |
| 失真处理 | object-cover + object-position: center center,等比缩放裁切 |
| 底部过渡 | linear-gradient(to bottom, transparent 0%, white 100%),覆盖底部 40% |
| 深色模式 | 渐变切换为 #1a1a2e |
| 滚动行为 | absolute 跟随页面流,下滑后被下方白色内容自然覆盖 |
| 开关 | MainGridLayout.astro 中 const videoBannerEnabled = true;,改为 false 关闭 |
Astro-Fuwari主题全页面文字修改对照表(已校正)
https://fuwari.vercel.app/posts/指南/astro-fuwari主题全页面文字修改对照表/