02 markdown 入门

前言#

markdown was designed to make it easy for web writers

markdown 语法是一种轻量化标记语言，可以更简单的编写 HTML 文档
学会使用 markdown 可以使用简单的语法完成文章，可以以最少的时间完成较为美观的文章，许多静态页面网站如 Hexo 都支持 markdown 编写文章

基本语法#

标题#

与 HTML 标签<h1>~<h6>一一对应

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
#### 五级标题

链接#

本页面

[名称](链接)

<!-- 对应 HTML -->
<a href="链接" >名称</a>

还有一种链接是以下形式

<https://kyleten.top/markdown-greeting>

<!-- 对应 HTML -->
<a href="https://kyleten.top/markdown-greeting">https://kyleten.top/markdown-greeting</a>

强调#

斜体粗体

*斜体* **粗体**

<!-- 对应 HTML -->
<i>斜体</i><strong>粗体</strong>

图片#

markdownIcon

![名称](链接)

<!-- 对应 HTML -->
<img src="链接" alt="名称" />

表格#

姓名	班级	分数
小明	A	119
小红	B	140

|姓名|班级|分数|
|:--:|:--|:--|
|小明|A|119|
|小红|B|140|

<!-- 对应 HTML -->
<table>
  <thead>
    <tr>
      <th align="center">姓名</th>
      <th align="center">班级</th>
      <th align="center">分数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="center">小明</td>
      <td align="center">A</td>
      <td align="center">119</td>
    </tr>
    <tr>
      <td align="center">小红</td>
      <td align="center">B</td>
      <td align="center">140</td>
    </tr>
  </tbody>
</table>

引用#

> 引文

<!-- 对应 HTML -->
<blockquote>
  <p>引文</p>
</blockquote>

有序列表与无序列表#

有序列表#

你好
再见

1. 你好
2. 再见

<!-- 对应 HTML -->
<ol>
  <li>你好</li>
  <li>再见</li>
</ol>

无序列表#

你好
- 早上好
再见

* 你好
  * 早上好
* 再见

<!-- 对应 HTML -->
<ul>
  <li>你好</li>
  <ul>
      <li>早上好</li>
  </ul>
  <li>再见</li>
</ul>

代码块#

```javascript
const root = document.getElementById("root")
```

<!-- 对应 HTML -->
<pre class="language-javascript">
  const root = document.getElementById("root")
</pre>

markdown 小技巧#

注释#

你好 [git][git] la.....
<!-- 省略第二个标签里的内容表示使用显示的字符作为链接引用名 -->
之后 [git][] 

[git]: http://exam.ple "title"

文章锚点#

 ## 开始

[跳到开始](#开始)

<!-- 原理浅析
    ## 开始 其实并不完全等于 <h2>开始</h2>
    而是
-->
<h2 id="开始">开始</h2>
<!-- 链接HTML为 -->
<a href="#开始">跳转到开始</a>

结语#

本文写的有点乱，如果日后有机会，会进一步细化，感谢你的阅读