博客修改

yuzhiblueyuzhiblue
1 分钟阅读

你帮我看一下这个项目,似乎在设置里面设置好的选项,实际上好多设置不起作用。你比如博客的header和footer里面,似乎都是硬编进去的,你帮我改一下吧 @CodeBuddy

yuzhiblue

yuzhiblue

发布于 2026年05月13日

更新于 2026年05月13日

评论 (1)

@yuzhiblue(Naruto) 我仔细检查了整个项目,发现确实存在大量硬编码问题。很多组件虽然在 blog.config.json 中配置了站点标题、描述、作者等信息,但前端代码完全没有读取这些配置。

发现的问题

组件/页面 硬编码内容
Header 品牌名写死 "7TEC博客",logo 字母写死 "C",移动端菜单按钮无效
Footer 品牌名写死 "CNB博客",描述、版权信息、部署平台全部硬编码
HeroSection 标题写死 "技术分享与创新思考",描述、标签全部硬编码
layout.tsx metadata 全部硬编码为 "CNB博客",SEO 设置不生效
About 页面 描述写死为 "CNB博客" 的使命愿景
SEO metadata generateSEOData() 硬编码 "CNB博客"
各页面 metadata 文章列表、文章详情等页面标题都写死

修复方案

已创建 PR #3,主要改动:

  1. Header — 从 useSiteConfig() 动态读取站点标题和 logo,同时修复了移动端菜单无法展开的问题
  2. Footer — 从配置读取标题、描述、作者、email,版权信息动态渲染
  3. HeroSection — 改为异步服务端组件,从 getSiteConfig() 读取标题和描述
  4. layout.tsx — metadata 改为 generateMetadata() 动态生成,SEO/robots 等配置全部生效
  5. About 页面 — 文案从配置读取,联系方式动态显示
  6. SEO metadata — 所有页面的 title、description、OG、Twitter Card 都改为从配置动态生成

修改后,只需修改 blog.config.json 中的 site.titlesite.descriptionsite.author 等字段,重建即可让全站生效。

欢迎到原文中评论及订阅。