首頁 > 軟體

Markdown 新手入門語法

2020-06-16 16:43:06

概述

Markdown語法入門

一.什麼是Markdown語言

我相信有很多小夥伴都使用過Markdown語言。你可以認為Markdown是一種排版語法,提供了一些特殊的符號來替換成對應的格式,我們在word中點選滑鼠來達到加粗、傾斜、增大字型的目的,在Markdown中被相應的特殊符號替代。Markdown用於解放滑鼠,僅僅使用鍵盤就能排版出非常漂亮的文字、部落格等(比如本文就是用Markdown編寫的)。

Markdown 的目標是實現「易讀易寫」。

Markdown 的語法全由一些符號所組成,這些符號經過精挑細選,其作用一目了然。比如:在文字兩旁加上星號,看起來就像強調。Markdown 的列表看起來,嗯,就是列表。Markdown 的區塊參照看起來就真的像是參照一段文字,就像你曾在電子郵件中見過的那樣。

我們來看看百度百科的定義:

Markdown是一種可以使用普通文字編輯器編寫的標示語言,通過簡單的標記語法,它可以使普通文字內容具有一定的格式。

對於碼農來說,GitHub一定是如雷貫耳。我們在GitHub的專案目錄下會看到一個"README.MD"檔案,這就是Markdown語言編寫的檔案。

ok,現在我假定你已經有了基本HTML基礎,現在進入Markdown語言的入門階段。

二.準備階段

首先根據你的作業系統平台選擇一個好的Markdown編輯器,當然,現在也有許多的線上網站支援編寫Markdown,但是為了離線以及更強大的拓展功能,我們還是需要一個編輯器,在這裡推薦一些:

  • Windows: MarkdownPad
  • Linux: ReText
  • Mac: Mou
  • Wordpress:WordPress › Markdown for WordPress and bbPress « WordPress Plugins

這些都是很輕很強大的編輯器,支援實時預覽和匯出為PDFHTML等多種檔案形式,強烈推薦。我用的Windows平台下的MarkdownPad,簡直神器。

三.Markdown官方文件

這裡可以看到官方的 Markdown 語法規則文件,當然,後文我也會用自己的方式闡述這些語法的具體用法

  • Markdown 中文版語法說明  https://www.linuxidc.com/Linux/2017-11/148730.htm

四.語法入門

1.標題

標題是文章中常用的格式。類似於html中的<h1><h6>標籤,Markdown中1到6個#號來標誌1到6號標題。所以要想把一段文字定義為標題,只需在前面加上若干的#號即可。

2.列表

學過html的同學一定知道什麼是有序列表和無序列表。在Markdown中非常方便,在文字前面加上*或者+或者-就可將其變成無序列表。在文字前面加上1.,2.,3.就可將其變成有序列表。

3.參照

如果你在此處參照別的地方的文字,那麼就需要參照的格式。
只需在參照文字前面加上一個>號(大於號)即可。

>www.linuxidc.com參照的樣式
>www.linuxidc.com參照的樣式

4.粗體,斜體與刪除線

Markdown中粗體與斜體非常簡單,用兩個*號把文字包圍相當於粗體,用一個*號把文字包圍相當於斜體。使用兩個~~號包圍則顯示刪除線效果。
例如: 這是粗體   這是斜體   這是刪除線

5.連結與圖片

連結格式:[title](URL)
圖片格式:![title](URL)

ok,我們可以看到連結和圖片的格式相當像,區別在於圖片格式多一個!號。

6.程式碼塊

Markdown當然不會忘了經常使用它的程式猿們,使用 ` 號(英文半形狀態下的Tab鍵上面的那個鍵)將程式碼包圍起來即可。

範例:

ok,那麼你可能會問,我有一個好多程式碼的程式碼塊,這樣打字會瘋的,其實markdown還提供了一種簡單的嵌入程式碼塊的語法。在你的程式碼塊的前面和後面都加上```(三個反引號)即可,如圖:

####程式碼 
使用一對反引號即可包含一個行內程式碼使用一對三個反引號可以包括多行程式碼,另外多行Tab也可以用於程式碼段,例如: 
 
'code'

'''
code blocks 
'''

效果:

'print("hello");'

'print("hello");'

'''
#include <iostream> 
int main() 

    std::cout<<"hello world!""<<std::endl; 
    return 0; 

'''

7.更改圖片大小

我們在上面插入的圖片的大小都是固定的,那麼有什麼方法可以改變圖片的預設大小呢?
我們說過,我們說過,markdown是相容HTML語法的,所以可以利用<img>標籤來定義圖片的大小

<img src="filename" width="" height=""></img>

這樣通過img標籤就可以改變圖片的大小了。

表格

你可以建立表格,通過符號-分開第一行和其他行,通過|分開各個列

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

在標題行包含:,你可以使得表格向左對齊,向右對齊,居中

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |  $12 |
| zebra stripes | are neat        |    $1 |

A colon on the left-most side indicates a left-aligned column; a colon on the right-most side indicates a right-aligned column; a colon on both sides indicates a center-aligned column.
:在最左邊表示左對齊,:在最右邊表示右對齊,左右兩邊都有:表示居中。

四.小技巧 

1.字元跳脫

比如我們想輸出反引號,但是markdown把反引號作為標記,有程式語言的基礎的同學知道,跳脫符的存在。
反斜線()用於插入在 Markdown 語法中有特殊作用的字元。

2.首行縮排

很遺憾,markdown沒有專門的符號來表示首行縮排,但是這也難不倒偉大的人們。我們發現把輸入法置為全形狀態,然後再輸入兩個空格就可以了。
效果:

這是預設的效果
  這是加了狀態的效果

ok,是不是很神奇呢?

3.字型大小

我們之前說過。markdown是相容HTML的,所以可以使用<font>標籤來設定字型大小。

<font size=8>我是放大字</font>
我是放大字

<font size=2>我是縮小字</font>
我是縮小字

六.相容HTML

我們反複說到markdown相容HTML,因為兩者的組合可以實現各種神奇的效果,與Word不逞多讓。這種小技巧還有很多,在這裡就不在敘述。相信你一定迫不及待想試試了。

七.小結

Markdown還有好多其他的用法,但是常用的最基本的也就那麼幾種,大家多用幾次Markdown就會熟練了。另外Markdown也相容html的標籤,所以諸如<br />換行符<hr />水平線也是可以使用的,你甚至可以用<font>標籤來設定字型。


IT145.com E-mail:sddin#qq.com