Dev Blog

스크립트 & 소스코드 공유

실무에서 유용하게 쓰는 스크립트와 코드 조각을 블로그 게시판으로 저장하고 공유합니다.

1건의 글

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

Markdown의 기본 문법을 예제와 함께 정리한 글이다. 제목(h1~h6), 굵게·기울임·삭제선, 순서·비순서 목록, 링크와 이미지, 인용구, 인라인 코드와 코드 블록, 표, 분할선, LaTeX 수식까지 설명하고, marked.js 라이브러리로 HTML 페이지에서 Markdown을 렌더링하는 방법도 소개한다.

<!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}

$$

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


Let's create something great together.

프로젝트 문의 및 견적 요청은 언제든 환영합니다.