02 Markdown 入門

前言#

Markdown 設計用於使網頁作者更容易編寫

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>

結語#

本文寫的有點亂，如果日後有機會，會進一步細化，感謝你的閱讀