样式测试文章

一级标题:Markdown 样式测试

文章开头的一段普通文本,用于测试基本段落排版、行高、文字大小等效果。

二级标题

这里是第二级标题下的段落内容。
这是第二行,用来测试段落间距。

三级标题

再写一点文字。这里是粗体这里是斜体这里是粗体 + 斜体
下面测试链接:

列表测试

无序列表

  • 第一项
    • 子项 A
      • 子子项 A1
  • 第二项
  • 第三项

有序列表

  1. 步骤一
  2. 步骤二
    1. 嵌套步骤 2.1
    2. 嵌套步骤 2.2
  3. 步骤三

引用测试

这是一个引用区块,用于测试背景色、左侧边框、圆角、字体等效果。

第二段引用内容。

— 某位作者

嵌套引用:

外层引用

内层引用内容,用于测试嵌套效果

行内代码测试

例如:npm installconsole.log('hello')

代码块测试

// JavaScript 示例代码
function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("World");

```ts
// TypeScript 示例
interface User {
  id: number;
  name: string;
}

const user: User = { id: 1, name: "Ethan" };
console.log(user);
# shell 示例
echo "Hello world"
pwd

图片测试

测试图片

这是图片说明文字,用于测试图片 + 描述样式。

表格测试

| 名称 | 类型 | 说明 | | ------ | -- | --------- | | Apple | 公司 | 美国科技企业 | | Tesla | 公司 | 电动车及能源公司 | | OpenAI | 机构 | 人工智能研究实验室 |

分割线测试


混合内容测试

在这一段中我们进行综合测试: 可以包含 粗体文字斜体文字inline code,以及链接 点击这里

接下来是一个多段落代码块:

{
  "name": "example",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build"
  }
}

锚点跳转测试

点击这里跳到 一级标题

最后测试一段长文本

这个段落用于测试长文排版,模拟真实博客正文效果。你可以在这里看到行距、字重、段落间距是否如预期表现。 在屏幕宽度较大的设备上,也可以测试最大宽度限制是否正常工作。


← 返回列表