Nextjs Blog宣传图

Nextjs Blog开发日志 v2026.02.24b

Snowball Bqiu
雪球Bqiu
1 分钟阅读
技术

三个月前,我写了一个静态博客,现在来向大家汇报一下完成度:

已完成

  • 文章页面
  • 首页
  • 文章分类
  • 面包屑导航
  • 导航栏以及动画
  • 友链页面
  • SEO (每个页面都有独立的seo优化,并且每个文章都支持生成OG图片)
  • 页脚
  • 头部介绍区
  • Markdown格式适配(代码块,行内代码块,各类标题,表格,无序列表,有序列表)

未完成

  • 文章目录
  • 回到顶部
  • 归档
  • 关于页面
  • 时间轴
  • 导航栏下拉菜单
  • 文章标签
  • 自定义页面
  • 网站个性化装饰
  • 插入B站视频
  • 文章标签页面(或组件)

提交明细

friends.json 中支持“ \n ”换行

  1. content/friends.json - 新增 agreement 字段存储完整协议文本
  2. src/lib/types.ts - 类型定义添加可选的 agreement 字段
  3. src/app/(site)/friends/page.tsx - 页面组件更新: • 新增"申请须知"区域,使用 whitespace-pre-line 样式支持 \n 换行 • 协议文本放在可横向滚动的容器中,防止长行溢出 • 布局调整为垂直堆叠,更清晰地展示协议内容

如需修改协议内容,直接编辑 content/friends.json 中的 agreement 字段即可,如下

"applyInfo": {
"title": "申请友链",
"description": "如果您想交换友链,请通过邮件联系,需提供:站点名称、简介、头像链接和站点地址。",
"agreement": "★ 君子协议:\n- 修改此处即可",
"email": "help@bqiu.net"
}