markdown使用技巧重點介紹

Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式。用來在網頁上展示文章,省去排版布局的煩惱.

基本語法

一、標題設置

代碼:
#一級標題  
##二級標題  
###三級標題 
####四級標題  
#####五級標題  
######六級標題
 --------------------------------------------------------------------------
語法說明:在文字開頭加上 “#”,通過“#”數量表示幾級標題
顯示效果:

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

二、列表設置

1. 無序列表
代碼:
- 無序列表 
- 列表項目1 
- 列表項目2 
 -----------------------------------------------------------------------------
語法說明: 在文字開頭添加(*, +, and -)實現無序列表。
         但是要注意在(*, +, and -)和文字之間需要添加空格。
        (建議:一個文檔中只是用一種無序列表的表示方式)
顯示效果:
  • 無序列表
  • 列表項目1
  • 列表項目2
2.有序列表
代碼:
1. 有序列表
2. 有序列表
3. 有序列表
 ------------------------------------------------------------------------
語法說明: 使用數字后面跟上句號。(還要有空格)
顯示效果:
  1. 有序列表
  2. 有序列表
  3. 有序列表

三、代碼注釋

1.行內式(僅字符部分)
代碼:
`var a = 1;var b = 2;`
 ---------------------------------------------------------------------------
語法說明:插入行內代碼,即插入一個單詞或者一句代碼的情況,使用`code`
顯示效果:

var a = 1;var b = 2;

2.縮進式多行代碼
代碼:
  var a = 1;
  var b = 2;
 --------------------------------------------------------------------------
語法說明:縮進 4 個空格或是 2個Tab鍵
一個代碼區塊會一直持續到沒有縮進的那一行(或是文件結尾)。
顯示效果:
var a = 1;
var b = 2;
3.用六個`包裹多行代碼
代碼:
var a = 1;
var b = 2;
顯示效果:
var a = 1;
var b = 2;

四、文字鏈接

代碼:
[鏈接文字](http://jirengu.com)
顯示效果:

鏈接文字

五、引用圖片

代碼:
![](http://upload-images.jianshu.io/upload_images/5467482-e8b5bb3e079ff635.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
顯示效果:

六、表格

代碼:
 表頭 | 表頭 | 表頭 
  -  | -    |- 
 內容 | 內容 | 內容 
 內容 | 內容 | 內容 
顯示效果:
表頭 表頭 表頭
內容 內容 內容
內容 內容 內容

轉換庫
https://github.com/evilstreak/markdown-js
http://api.jirengu.com/md2html.php?url=https://raw.githubusercontent.com/jirengu/server-mock/master/README.md
參考
Markdown 語法手冊 (完整整理版)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容