Markdown文本編輯

Markdown入門學習小結

字數2501 閱讀42497 評論29 

在遇到簡書以前,我歷來不知道Markdown是什麼。簡書所轉載的陽志平所做「Markdown寫做淺談」一文中提到:html

Markdown讓咱們專一寫做,而不是關注排版。git

這讓我對Markdown產生了極大的興趣,因而下決心學習它。github

我首先研讀了簡書「獻給寫做者的 Markdown 新手指南」,對Markdown有了初步的認識。接着,又學習了Markdown專題以及其它網絡資源當中數篇Markdown相關文章,總結了一些Markdown的經常使用語法。chrome

1、經過如下文章學習Markdown

謹對以上文章做者表示感謝。ubuntu



2、Markdown經常使用語法總結

1. 標題

Markdown語法:ruby

# 一級標題 ## 二級標題 ### 三級標題 #### 四級標題 ##### 五級標題 ###### 六級標題 大標題 = 小標題 -

預覽效果:bash

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

大標題

小標題



2. 粗體、斜體

Markdown語法:markdown

**粗體** __粗體__ *斜體* _斜體_

預覽效果:網絡

粗體
粗體
斜體
斜體dom



3. 分割線

Markdown語法:

--- *** ~~文字刪除線~~

預覽效果:



文字刪除線



4. 列表

Markdown語法:

- 無序列表項目 - 無序列表項目 - 無序列表項目 * 無序列表項目 * 無序列表項目 * 無序列表項目 1. 有序列表項目 2. 有序列表項目 3. 有序列表項目 - 外層列表項目 + 內層列表項目 + 內層列表項目 + 內層列表項目 - 外層列表項目

預覽效果:

  • 無序列表項目
  • 無序列表項目
  • 無序列表項目
  • 無序列表項目
  • 無序列表項目
  • 無序列表項目
  1. 這是有序列表項目
  2. 這是有序列表項目
  3. 這是有序列表項目
  • 外層列表項目
    • 內層列表項目
    • 內層列表項目
    • 內層列表項目
  • 外層列表項目


5. 添加超連接、圖片

Markdown語法:

[簡書](連接地址) ![簡書slogan](連接地址)

[簡書][1] ![簡書slogan][2] [1]:連接地址 [2]:連接地址

[無連接的連接][null-link] [null-link]: chrome://not-a-link

效果預覽:

簡書

簡書slogan
簡書slogan

簡書

簡書slogan
簡書slogan

無連接的連接



6. 添加表格

Markdown語法:

| ABCD | EFGH | IJKL | | -----|:----:| ----:| | a | b | c | | d | e | f | | g | h | i |

ABCD | EFGH | IGKL
-----|------|---- a | b | c d | e | f g | h | i

預覽效果:

ABCD EFGH IJKL
a b c
d e f
g h i
ABCD EFGH IGKL
a b c
d e f
g h i


7. 添加代碼

Markdown語法:

`字符`(簡短文字添加代碼框)

`Tab`或四個空格(大段文字添加代碼框,每行前添加)

預覽效果:

字符


`Tab`或四個空格(大段文字添加代碼框,每行前添加)`Tab`或四個空格 (大段文字添加代碼框,每行前添加)`Tab`或四個空格(大段文字添加代 碼框,每行前添加)`Tab`或四個空格


8.引用

Markdown語法:

> 引用的文字 > 引用的文字 > 引用的文字

> 引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引 用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用 的文字引用的文字引用的文字

> 引用的文字引用的文字引用的文字引用的文字引用的文字 >> 引言內的引言引言內的引言引言內的引言 > 引用的文字引用的文字引用的文字引用的文字引用的文字

預覽效果:

引用的文字
引用的文字
引用的文字


引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用
的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文
字引用的文字引用的文字


引用的文字引用的文字引用的文字引用的文字引用的文字

引言內的引言引言內的引言引言內的引言

引用的文字引用的文字引用的文字引用的文字引用的文字



9. 單行長文字

Markdown語法:

在須要以單行長文字顯示的文字兩段各加三個`~`,即`~~~`

在須要以單行長文字顯示的文字段落前加四個空格

預覽顯示:

單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字單行長文字


10. 首行縮進

Markdown語法:

 縮進一個字符縮進一個字符縮進一個字符縮進一個字符縮進一個字符縮進一個字符

 縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符

  縮進四個字符縮進四個字符縮進四個字符縮進四個字符縮進四個字符縮進四個字符

預覽效果:

 縮進一個字符縮進一個字符縮進一個字符縮進一個字符縮進一個字符縮進一個字符縮進一個字符

 縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符縮進兩個字符

  縮進四個字符縮進四個字符縮進四個字符縮進四個字符縮進四個字符縮進四個字符



11. 添加腳註

Markdown語法:

添加腳註
添加腳註

預覽效果:

[1]



12. 建立連接

爲輸入的URL或郵箱自動建立連接,如test@domain.com。

Markdown語法:

<test@domain.com>

預覽效果:

test@domain.com



13. 轉義字符

在特殊字符,如*[>等前面加\可以使特殊格式字符轉換爲正常字符打出(有序列表符號如1.,須在. 前加\)。

Markdown語法:

\\ \` \* \_ \{\} \[\] \(\) \# \+ \- \. \!

預覽效果:

\
`
*
_
{}
[]
()
#
+
-
.
!



14. 小型文本

Markdown語法:

<small>文本內容</small>

預覽效果:

文本內容

或:

文本內容

注:小型文本的使用,需感謝簡叔在其文章「千字練習的正確方式」中提供的範例。



3、Markdown語法使用中的輸入法問題

1. 中英文模式轉換

Markdown語法中所使用的標記字符,基本爲英文輸入狀態下所能輸入的字符,在使用Markdown進行中文寫做時,每每須要頻繁轉換中英文狀態,這一點在使用體驗上確實是一點小瑕疵。
我在學習Markdown的過程當中,發現簡書做者user2982的文章「測試Markdown語法」也提到了相同的問題。

2. 可能的解決方案

方案一:

通常輸入法的設置中,都會有自定義標點設置,在設置中能夠修改在中文輸入狀態下某些符號的輸入形式,以下圖:

自定義標點
自定義標點

經過這種方式,能夠把經常使用的Markdown標記字符設置成爲中文輸入狀態下能夠輸入的形式。

方案二:

在簡書做者繼續海闊天空的文章「如何輸入直角引號(「『』」 )?----我用的方法」當中,提到了快速輸入直角引號的方法。因而我聯想到,Markdown語法中經常使用的一些標記字符,也許一樣可使用這種方法快速輸入,即在輸入法的屬性設置中,設置自定義短語,以下圖:

自定義短語
自定義短語

例如:要設置大於號>的快速輸入方式,能夠在自定義短語一欄輸入>,並在縮寫一欄輸入你但願的字母,例如你能夠輸入dy。這樣,在下一次使用>這一字符時,即可以直接用輸入法打出dy,在候選詞列表的第一位就是>



結語

對於Markdown的認識,我仍在入門階段,許多內容還只是照着葫蘆畫瓢。以上所總結的內容,是我在此階段關於Markdown的學習筆記,也至關於對Markdown學習成果的一次練習。但願運用這種寫做方式,保持本身的寫做熱情。

相關文章
相關標籤/搜索