样式测试文章
一级标题:Markdown 样式测试
文章开头的一段普通文本,用于测试基本段落排版、行高、文字大小等效果。
二级标题
这里是第二级标题下的段落内容。
这是第二行,用来测试段落间距。
三级标题
再写一点文字。这里是粗体,这里是斜体,这里是粗体 + 斜体。
下面测试链接:
列表测试
无序列表
- 第一项
- 子项 A
- 子子项 A1
- 子项 A
- 第二项
- 第三项
有序列表
- 步骤一
- 步骤二
- 嵌套步骤 2.1
- 嵌套步骤 2.2
- 步骤三
引用测试
这是一个引用区块,用于测试背景色、左侧边框、圆角、字体等效果。
第二段引用内容。
— 某位作者
嵌套引用:
外层引用
内层引用内容,用于测试嵌套效果
行内代码测试
例如:npm install,console.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"
}
}
锚点跳转测试
点击这里跳到 一级标题。
最后测试一段长文本
这个段落用于测试长文排版,模拟真实博客正文效果。你可以在这里看到行距、字重、段落间距是否如预期表现。 在屏幕宽度较大的设备上,也可以测试最大宽度限制是否正常工作。