---
title: "Markdown 预览测试文档 | Vivosun Content & Support Center"
description: "Markdown 预览测试文档 | Vivosun Content & Support Center"
type: "manual"
language: "en"
last_updated: "2026-09-07"
canonical_url: "https://www.vivosun.com/support/guide/test-online-manual01"
source: "vivosun_support"
---


Markdown 预览测试文档
===============

作者：Test User  

日期：2026-09-03

*** ** * ** ***

1. 文档说明
-------

这是一份用于验证 **Markdown 编辑器预览效果** 的测试文档，覆盖以下常见元素：

* 标题层级
* 段落与换行
* 粗体、斜体、删除线、行内代码
* 无序列表、有序列表、任务列表
* 表格
* 引用块
* 代码块
* 分割线
* 图片与链接

2. 文字样式
-------

这是普通段落文本，用于测试默认字体、行高、段落间距和自动换行效果。

这是第二段文字，用于观察不同段落之间的垂直间距是否合理。

* **粗体文本**
* *斜体文本*
* ~~删除线文本~~
* `行内代码`

3. 列表
-----

### 3.1 无序列表

* 一级条目 A
* 一级条目 B
  * 二级条目 B-1
  * 二级条目 B-2
* 一级条目 C

### 3.2 有序列表

1. 打开后台页面
2. 进入编辑器
3. 切换到 Markdown 模式
4. 粘贴本文档
5. 观察右侧预览效果

### 3.3 任务列表

* \[x\] 标题显示正常
* \[x\] 表格显示正常
* \[ \] 图片显示正常
* \[ \] 代码高亮显示正常

4. 引用块
------

> 这是一段引用文本。
>
> 用于测试引用块的缩进、边框和段落表现。

5. 表格
-----

| 模块  |  测试点  |      预期结果      | 优先级 |
|-----|-------|----------------|-----|
| 编辑器 | 标题渲染  | 各级标题大小和层级正确    | P0  |
| 编辑器 | 列表渲染  | 有序、无序、任务列表显示正常 | P1  |
| 编辑器 | 表格渲染  | 表头、边框、对齐正常     | P1  |
| 编辑器 | 代码块渲染 | 缩进和高亮正常        | P1  |

6. 代码块
------

```javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("Markdown");
```

```json
{
  "module": "markdown-preview",
  "status": "success",
  "priority": "P0"
}
```

7. 分割线
------

*** ** * ** ***

8. 链接与图片
--------

* 官网链接：[Vivosun](https://vivosun.com)
* 帮助页路径：`/support/guide/`

插入zip包里的图片:  
![pic test](./test_en.png)

图片示例：

![Markdown Preview Demo](https://dummyimage.com/640x240/f3f6fa/1f2937&text=Markdown+Preview+Demo)

9. 结尾
-----

如果这份文档中的标题、列表、表格、代码块、图片和链接都能正常显示，说明 Markdown 预览能力基本可用。