Markdown 常用語法


Posted by V. K. on 2020-06-14

標題層級

「#」 用於顯示標題,#越少字體則越大。分六個層級

 # 我是標題
 ## 我是標題
 ### 我是標題
 #### 我是標題
 ##### 我是標題
 ###### 我是標題

我是標題

我是標題

我是標題

我是標題

我是標題
我是標題

引言顯示

使用「>」加入引言

> 我是引言
>> 我是引言中的引言

我是引言

我是引言中的引言


分隔線

以下幾種樣式皆可以產生分隔線,樣式為單一形式。

--- 
___
***
- - -
_ _ _
* * *

清單

數字編號清單

1. 第一條
2. 第二條
3. 第三條
5. 第四條

編號手誤打錯成「5」,顯示時一樣會自動順好順序。
  1. 第一條
  2. 第二條
  3. 第三條
  4. 第四條

項目符號清單

* 第一條
+ 第二條
- 第三條

使用「*」、「+」、「-」,效果都一樣。
  • 第一條
  • 第二條
  • 第三條

加入層級列表

1. 第一條
    * 第一條的子層
2. 第二條
    1. 第二條的子層
3. 第三條
5. 第四條

列表欲加入層級,以縮排同樣原理使用即可。
  1. 第一條
    • 第一條的子層
  2. 第二條
    1. 第二條的子層
  3. 第三條
  4. 第四條

超連結

[google](https://www.google.com/)

[] < 填入要顯示的名稱
() < 填入要連結的網址

google


圖片

![我是圖片](https://static.coderbridge.com/img/verakang/86197edf941c481aa46498474a37fd29.png "google")

和超連結做法類似,在[]前加入!。
[] < 填入如圖片連結失效要顯示的名稱
() < 填入要顯示的圖片網址,空格後加入"圖片說明文字"。

我是圖片

顯示程式碼

簡短程式碼

在要顯示的程式碼前後加入「`」,該範圍程式碼即可被特別標註。

`<h1>`是HTML用於顯示標題的語法

<h1>是HTML用於顯示標題的語法

區塊程式碼

如要區塊顯示整段原始碼可用「```」將整個段落包覆(需空行),即可呈現。
區塊程式碼範例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>

2020.6.14

  • Markdown 還有更多標記方法,但目前會常使用到的大概就這些,簡短筆記到這邊,未來如有其他常用的再來更新。
  • 這篇文主要也是用來練習 Markdown 幾個常用語法,順便當作前端學習日誌的第一篇筆記,因為是初學者的學習筆記,內容都會很初級、很簡單。

#Markdown







Related Posts

[極短篇] XMLHttpRequest

[極短篇] XMLHttpRequest

React Native in 24 Hours

React Native in 24 Hours

COSCUP 2020 貼紙蒐集者

COSCUP 2020 貼紙蒐集者


Comments