YuAI
YuAI Lab

Markdown 预览

在线实时预览 Markdown,左侧编辑,右侧即时渲染,支持 GFM 语法
# Markdown 示例

欢迎使用 **YuAI Markdown 预览器**,支持 GFM 语法。

## 文本样式

- **粗体** 和 *斜体*
- ~~删除线~~
- `行内代码`

## 代码块

```javascript
function hello(name) {
  console.log(`Hello, ${name}!`)
}
hello('World')
```

## 引用

> 工欲善其事,必先利其器。

## 链接与图片

[YuAI 工具箱](https://yuai.tools)

## 表格

| 名称 | 类型 | 说明 |
|------|------|------|
| name | string | 姓名 |
| age  | number | 年龄 |
357 字符·34 行 加载渲染器...

关于「Markdown 预览」

Markdown 是一种轻量级标记语言,用简单符号表示标题、粗体、列表、代码块等格式,广泛用于技术文档、README、博客和笔记。本工具提供左右分栏实时预览,左侧输入 Markdown 右侧即时渲染,支持 GitHub Flavored Markdown(GFM)语法,包括代码块高亮、任务列表、表格等。

如何使用

  1. 在左侧编辑区输入或粘贴 Markdown 文本
  2. 右侧实时预览渲染效果
  3. 支持复制渲染后的 HTML 源码

功能特性

  • 左右分栏实时预览
  • GFM 语法支持(表格、任务列表、删除线)
  • 代码块语法高亮
  • 支持复制 HTML 输出

常见问题

Markdown 和 HTML 有什么关系?

Markdown 文本最终会被解析渲染成 HTML。Markdown 的目的是让人写作时不用手写 HTML 标签,用简单符号表达格式,由工具自动转换。

代码块怎么写?

行内代码用反引号包裹:`code`;多行代码块用三个反引号加语言名:```javascript ... ```,可以触发语法高亮。