Markdown 사용법 - 기본 문법 완전 정리 > Script

<!DOCTYPE html>
<html>
<head>
<title>Markdown 网页演示</title>
<!-- 引入解析库 -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
<!-- 存放转换后内容的容器 -->
<div id="content"></div>

<script>
const mdText = "# 这是一个标题\n\n这是来自 **Markdown** 的内容！";
// 执行转换并插入页面
document.getElementById('content').innerHTML = marked.parse(mdText);
</script>
</body>
</html><span style="font-family: 나눔고딕, Dotum, Helvetica, sans-serif;"><span style="white-space: normal;">
</span></span>

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构精美的 HTML。由于其简洁性和跨平台性，它已成为程序员、作家和笔记爱好者的首选工具。

以下是 Markdown 常用语法的详细讲解：

标题（Headings）

Markdown 支持六级标题，通过在行首插入 1 到 6 个 # 符号来表示。


# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

文本格式化

用于强调文本或改变其视觉表现。

加粗：在文字前后分别加上两个星号 ** 或下划线 __。例如：**加粗文字**。
斜体：在文字前后分别加上一个星号 * 或下划线 _。例如：*斜体文字*。
加粗并斜体：在文字前后分别加上三个星号 ***。
删除线：在文字前后分别加上两个波浪号 ~~。例如：~~删除的内容~~。

列表（Lists）

无序列表

使用星号 *、加粗 + 或减号 - 作为列表标记，后面紧跟一个空格。


- 项目一

- 项目二

- 子项目（缩进两个空格）

有序列表

使用数字外加一个英文句点 .，后面紧跟一个空格。


1. 第一步

2. 第二步

3. 第三步

链接与图片

这是 Markdown 中最常用的功能之一，注意括号的使用。

超链接：语法为 [链接文字](URL)。例如：[Tabbit 官网]([https://tabbit-ai.com)。](https://tabbit-ai.com)`。)
图片：语法为 ![替代文字](图片URL)。比链接多了一个感叹号。

引用（Blockquotes）

在段落的第一行前添加一个右尖括号 >。

这是一个引用示例。

引用可以嵌套，也可以包含其他 Markdown 语法。

代码（Code）

行内代码：使用反引号 ` 包裹代码。例如：使用printf()函数。
代码块：使用三个反引号 ``` 包裹，并可以指定语言名称以实现语法高亮。

def hello_world():

print("Hello, Markdown!")


### **表格（Tables）**

使用竖线 `|` 分隔单元格，使用连字符 `-` 分隔表头和其他行。

| 姓名 | 职业 | 技能 |

| :--- | :----: | ---: |

| Tabbit | AI 浏览器 | 网页自动化 |

| 开发者 | 工程师 | Python/JS |

*注：在连字符行中使用冒号可以控制对齐方式（左对齐 `:---`、居中 `:---:`、右对齐 `---:`）。*

### **分割线**

在一行中使用三个或更多的星号 `*`、减号 `-` 或底线 `_` 来建立分隔线，行内不能有其他内容。

---

### **数学公式（LaTeX）**

虽然不是标准 Markdown 的一部分，但大多数现代编辑器（如 Tabbit）都支持 LaTeX 语法：

- **行内公式**：使用单个 `$` 包裹。例如：$E = mc^2$。

- **独立公式块**：使用双 `$$` 包裹。

$$

\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

$$

掌握了以上这些基础语法，你就可以撰写出排版专业且美观的文档了。

스크립트 & 소스코드 공유

HTML5 Markdown 사용법 - 기본 문법 완전 정리

페이지 정보