Markdown 學習


Markdown是一種 純文本標記語言,比超文本標記語言HTML 還要弱。

1.標題

代碼 注:# 後面保持空格html

# h1
## h2
### h3
#### h4
##### h5
###### h6
####### h7      // 錯誤代碼
######## h8     // 錯誤代碼
######### h9    // 錯誤代碼
########## h10  // 錯誤代碼

演示git

h1

h2

h3

h4

h5
h6

2.分級標題

代碼 注:= - 最少能夠只寫一個,兼容性通常markdown

一級標題
======================
二級標題
---------------------

一級標題

二級標題

3.TOC

注:根據標題生成目錄,兼容性通常工具

代碼
[TOC]
演示spa

4.引用

代碼1(單行式)
> hello world!
演示.net

hello world!code

代碼2(多行式)orm

> hello world!
hello world!
hello world!    
或者

> hello world!
> hello world!
> hello world!

演示視頻

hello world!
hello world!
hello world!
或者htm

> hello world!
> hello world!
> hello world!

相同的結果

hello world!
hello world!
hello world!

代碼3(多層嵌套)

> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc

演示

aaaaaaaaa

bbbbbbbbb

cccccccccc

5.行內標記

注:用 ` 標記代碼塊將變成一行

代碼

標記以外`hello world`標記以外

演示
標記以外hello world標記以外

6.代碼塊

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

7.插入連接

<https://sowhat.blog.csdn.net>
[myself](https://sowhat.blog.csdn.net)

網址連接高級 使用變量 
連接也能夠用變量來代替,文檔末尾附帶變量地址:

這個連接用 1 做爲網址變量 [Google][1]

這個連接用 runoob 做爲網址變量 [Runoob][runoob]

而後在文檔的結尾爲變量賦值(網址)

[runoob]: http://www.runoob.com/

https://sowhat.blog.csdn.net
myself

網址連接高級 使用變量
連接也能夠用變量來代替,文檔末尾附帶變量地址:

這個連接用 1 做爲網址變量 Google

這個連接用 runoob 做爲網址變量 Runoob

而後在文檔的結尾爲變量賦值,可是頁面沒法顯示。

8.插入圖片

開頭一個感嘆號 !
接着一個方括號,裏面放上圖片的替代文字
接着一個普通括號,裏面放上圖片的網址,最後還能夠用引號包住並加上選擇性的 'title' 屬性的文字,能夠不寫title。
![圖片顯示不出來會顯示該文字](http://static.runoob.com/images/runoob-logo.png)
![RUNOOB 圖標](http://static.runoob.com/images/runoob-logo.png "RUNOOB")
這個連接用 1 做爲網址變量 [RUNOOB][3].
而後在文檔的結尾位變量賦值(網址)

圖片顯示不出來會顯示該文字
這個連接用 1 做爲網址變量 RUNOOB.
而後在文檔的結尾位變量賦值(網址)

圖片連接
[圖片連接](網址連接)
[![RUNOOB 圖標](https://imgconvert.csdnimg.cn/aHR0cDovL3N0YXRpYy5ydW5vb2IuY29tL2ltYWdlcy9ydW5vb2ItbG9nby5wbmc?x-oss-process=image/format,png)](https://www.baidu.com)

demo以下
RUNOOB 圖標

10.視頻插入

TODO

11.序表 * -

在這裏插入圖片描述
在這裏插入圖片描述

12.任務列表

在這裏插入圖片描述

13.表情

TODO

14.表格

在這裏插入圖片描述
代碼3(特殊表格)
注:通常對合並單元格,以及其餘特殊格式表格,markdown 是無能爲力的
因此常規的作法是使用HTML標籤,可是這樣的編寫效率極低。
可是有了這款工具的話,全部問題都迎刃而解。
在線生成HTML代碼 Tables Generator (國外的站)

15.語義標記

在這裏插入圖片描述
跳轉到的地方

16.語義標籤

在這裏插入圖片描述

17.腳本內註釋

<!-- 註釋 -->

18.分隔符

注:最少三個 — 或 ***或 * * *




演示

19.腳註

在這裏插入圖片描述

20. 轉義字符

Markdown中的轉義字符爲\,轉義的有:

\\ 反斜槓

\` 反引號

\* 星號

\_ 下劃線

\{\} 大括號

\[\] 中括號

\(\) 小括號

\# 井號

\+ 加號

\- 減號

\. 英文句號

\! 感嘆號
\[\]\(\)
[]()

[]()

20.錨點跳轉

實際語法比較簡單,在須要跳轉到的位置添加錨點,語法以下:
<span id="jump">跳轉到的地方</span>
在須要點擊跳轉的位置,使用上面的id,格式相似超連接的形式:
[點擊跳轉](#jump)
這樣就實現了上述功能。

點擊跳轉

參考:
gitbook
主流MarkDown編譯器推薦

相關文章
相關標籤/搜索