跳转到主要内容
文章详情页负责渲染 Markdown 正文,并提供目录、图片预览与互动入口。公开文章页由后端服务端直出(Thymeleaf),兼顾阅读与 SEO。

页面结构

  • 文章标题、发布时间、分类与标签
  • Markdown 正文与自动生成的目录
  • 版权说明与上一篇 / 下一篇导航
  • 评论区与回复、赞赏入口
  • 详情页专属紧凑顶部导航

内容渲染

  • 后端使用 CommonMark 解析 Markdown,前端展示渲染结果。
  • 代码块以高亮形式呈现。
  • 图片支持点击预览(v-viewer)。
  • 支持按需为文章设置访问密码。
  • 支持专注模式:一键隐藏两侧的推荐与名片,只保留正文。

阅读增强

  • 目录随滚动定位当前章节
  • 图片懒加载
  • 响应式排版
  • 页面级 SEO meta(title / description / canonical / Open Graph / JSON-LD)

下一步