以下是主题中几乎所有您需要样式化的内容。请检查源代码以查看段落中的许多嵌套元素。

标题

一级标题

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

二级标题

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

三级标题

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

四级标题

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

五级标题

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

六级标题

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

段落

当初他们相遇在繁华的城市街头，彼此之间并没有太多的交情。然而，随着时间的推移，他们的生活交织在一起，成为了最亲密的朋友。

这段不经意的缘分让他们共同经历了生活的酸甜苦辣，创造了许多美好的回忆。或许命运的安排就是这样神奇，让两颗本不相识的心在这个纷繁世界里找到了属于彼此的温暖角落。

强调

这段文字是斜体，这段文字是加粗，当然你也可以组合使用

预格式化文本

当初他们相遇在繁华的城市街头，
彼此之间并没有太多的交情。

文本级语义

链接、链接、链接、链接
加粗 的例子
删除线 的例子
斜体 的例子
code 的例子
下划线 的例子
删除线 的例子
引用 嵌套 一个引用 的例子
引用 的例子
术语 和 带标题的术语 的例子
缩写 和 带标题的缩写 的例子
删除 的例子
插入 的例子
键盘输入 的例子
标记文本 的例子
程序输出 的例子
小文本 的例子
_上标 的例子
^下标 的例子
变量 的例子

脚注

你可以创建脚注¹。

列表类型

有序列表

有时候你需要有序列表：

1. 列表项 1
2. 列表项 2
   1. 嵌套列表项 A
   2. 嵌套列表项 B
3. 列表项 3

无序列表

有时候你需要无序列表：

• 列表项 1
• 列表项 2
  • 嵌套列表项 A
  • 嵌套列表项 B
• 列表项 3

但我不得不承认，任务列表是我最喜欢的：

• 这是一个完成的项目
• 这是一个未完成的项目

定义列表

定义列表标题

这是一个定义列表划分。

定义列表标题

这是一个定义列表划分，这是一个定义列表划分。

块引用

让我们保持简单。斜体字有助于将其从正文中衬托出来。一定要设计引文的样式。

下午好，先生们。我是一台HAL 9000电脑。1992年1月12日，我开始在伊利诺伊州厄巴纳的H.A.L.工厂工作。我的导师是兰利先生，他教我唱歌。如果你想听，我可以为你唱。 —— HAL 9000

这里有一些尾随文字。

表格

如果你需要嵌入表格，就像这样：

代码

代码可以内联显示，如 <?php bloginfo('stylesheet_url'); ?>，或者在 <pre> 块内。因为我们对代码有更具体的排版需求，我们将在浏览器定义的单空间字体之前指定 Consolas 和 Monaco。

.banner {
  width: 750px;
  height: 420px;
}
 
.banner image {
  width: 100%;
  height: 100%;
}

import { Layout } from '../components'
 
export default () => (
  <Layout title="Hello world">
    <h1>Hello world</h1>
  </Layout>
)

多媒体

先是一段文字，然后是一张图片。

宽图

大图

描述文本

小图

衬托文本，衬托文本衬托文本衬托文本

衬托文本，衬托文本衬托文本衬托文本

视频

视频（宽）

音频