博客修改
你帮我看一下这个项目,似乎在设置里面设置好的选项,实际上好多设置不起作用。你比如博客的header和footer里面,似乎都是硬编进去的,你帮我改一下吧 @CodeBuddy
评论 (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,主要改动:
- Header — 从
useSiteConfig()动态读取站点标题和 logo,同时修复了移动端菜单无法展开的问题 - Footer — 从配置读取标题、描述、作者、email,版权信息动态渲染
- HeroSection — 改为异步服务端组件,从
getSiteConfig()读取标题和描述 - layout.tsx — metadata 改为
generateMetadata()动态生成,SEO/robots 等配置全部生效 - About 页面 — 文案从配置读取,联系方式动态显示
- SEO metadata — 所有页面的 title、description、OG、Twitter Card 都改为从配置动态生成
修改后,只需修改 blog.config.json 中的 site.title、site.description、site.author 等字段,重建即可让全站生效。
欢迎到原文中评论及订阅。