Featured image of post 样式测试

样式测试

用于测试各种元素的显示效果

这是一篇专门用于验证文章内部各种元素样式的测试文章。

标题层级

H3 标题

H4 标题

H5 标题
H6 标题

引用

一段带有多行的引用文字,展示圆角毛玻璃容器的效果。支持链接,比如 Hugo 官网 以及加粗和斜体。

第二段引用,用于测试多段落的间距与排版。

—— 佚名

嵌套引用测试:

这是一个第二层级的引用内容。


列表

  • 无序列表项 A
  • 无序列表项 B
    • 子项 B-1
    • 子项 B-2
  1. 有序列表项 1
  2. 有序列表项 2
  3. 有序列表项 3
  • 任务列表(未完成)
  • 任务列表(已完成)

表格

模块说明状态
标题样式移除左侧强调,优化锚点完成
引用样式圆角毛玻璃容器完成
表格样式表头渐变、边框增强、无斑马纹完成

下面是一个更宽的表格,测试横向滚动与表头背景:

字段类型必填说明示例
idstring唯一标识abc-123
titlestring标题文本“GraphRAG 指南”
created_atdatetimeISO8601 时间2025-09-21T10:00:00Z
tagsarray[string]标签列表["Themes","CSS"]

代码与高亮

行内代码:console.log("glass")

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
// TypeScript 示例
type Post = {
  id: string;
  title: string;
  createdAt: string;
  tags?: string[];
};

const posts: Post[] = [
  { id: "1", title: "Hello", createdAt: "2025-09-21T10:00:00Z" },
];

console.table(posts);

图片

示例图片


数学公式与脚注

行内公式 \(E=mc^2\)。

块级公式:

\[ a^2 + b^2 = c^2 \]

这里有一个脚注引用1,再来一个脚注2


  1. 这是第一个脚注的内容。 ↩︎

  2. 第二个脚注,用于测试脚注列表的样式。 ↩︎

Licensed under CC BY-NC-SA 4.0
最后更新于 Sep 21, 2025 07:32 UTC
本博客主题效果基于 Stack 改进而来
使用 Hugo 构建
主题 StackJimmy 设计