本文测试有序列表和无序列表的渲染效果。

无序列表

以下是无序列表的测试项:

  • 静态站点生成
  • 响应式布局
  • 深色模式支持
  • 图片懒加载
  • LaTeX 数学公式
    • 行内公式
    • 块级公式
    • 矩阵表达式

有序列表

构建流程如下:

  1. 编写 Markdown 文章
  2. 运行 hugo --minify 构建
  3. public/ 目录部署到服务器
  4. 验证页面功能:
    1. 首页列表正确显示
    2. 文章页排版正常
    3. 深色模式切换无闪烁
    4. 图片点击放大正常

混合列表

  • 第一阶段:基础骨架
    1. Hugo 配置
    2. 模板系统
    3. CSS 变量定义
  • 第二阶段:内容渲染
    1. 图片钩子
    2. 代码高亮
    3. KaTeX 集成

列表项之间应有适当的间距(0.3em),缩进应清晰可辨。