组件测试文章

2026-04-28T10:00:00+08:00

这是一篇用来检查博客正文组件的示例文章。它不解决具体问题，只把常用排版放在同一个页面里，方便发布前确认样式没有互相挤压。

博客正文

正文段落应该保持可读的行高和稳定的节奏。这里故意写成几段短文本，用来观察标题、段落、强调和链接之间的距离。

普通行内代码长这样：bundle exec jekyll build。强调文字长这样：重要判断先写清楚。链接可以指向 Cloudflare Pages。

列表用于记录步骤：

表格用于做小型对照：

代码块需要能换行、保留缩进，并且在窄屏上不撑破页面。

def build_blog
  system("bundle exec jekyll build")
  puts "site generated in _site/"
end

build_blog

.columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

这是一个 callout。它比普通引用更像一条明确提示，可以承载结论、注意事项或短小的上下文。

左栏可以放背景、条件或输入。这里放一段短说明，检查列宽、标题和段落间距。

右栏可以放结果、判断或输出。移动端下两栏会自动堆叠，避免文字太窄。

引用块用于摘录、旁白或保留语气的文本。它应该和 callout 有区别，但仍然保持黑白极简风格。

脚注用于补充来源、解释或不适合打断正文的细节。这里放一个脚注引用¹。