基于 MDX 的专业博客引擎,支持多作者协作、多级分类、标签筛选、代码高亮等丰富功能,打造高质量技术博客。
博客系统
DocsBlog 的博客系统基于 MDX 构建,融合了 Markdown 的简洁与 React 组件的强大表现力,为技术写作提供极致体验。
博客列表
博客列表页支持多维度筛选,包括分类、作者、内容类型和标签,帮助读者快速定位感兴趣的内容。
列表页采用 Server + Client Gate 架构,首屏数据由服务端渲染,确保 SEO 抓取完整内容;客户端接管后提供流畅的筛选和搜索交互。
文章详情
文章详情页提供优雅的阅读体验,支持代码高亮、目录导航、相关文章推荐等功能。
亮点功能
- MDX 支持 -- 在 Markdown 中嵌入 React 组件,实现交互式内容展示
- 代码高亮 -- 内置多语言语法高亮,支持行号显示和代码复制
- 目录导航 -- 自动生成文章目录,支持滚动跟踪定位
- 阅读时间估算 -- 自动计算文章阅读时长,帮助读者合理安排时间
作者体系
内置多作者管理系统,每位作者拥有独立的个人主页,展示其所有发布的文章。
作者信息在 src/config/authors.ts 中统一配置,支持头像、简介、社交链接等字段。
标签与分类
灵活的标签和分类系统,支持多级分类和自由标签,方便内容组织和读者检索。
分类管理
- 多级分类 -- 支持父子分类层级结构,清晰组织内容
- 跨模块分类 -- 分类注册表全局共享,博客、文档、导航等模块统一管理
- 双语分类名 -- 每个分类支持中英文名称,自动随界面语言切换
标签功能
- 自由标签 -- 文章可添加任意数量的标签
- 标签筛选 -- 列表页支持标签快捷筛选,一键查看同类文章
- 标签聚合 -- 自动统计各标签下的文章数量