簡書編輯器—— Markdown的認(rèn)識與入門

本篇文章僅,要有什么不對的地方還望各位多多指教。謝謝!

下面進(jìn)入正題:

" Markdown是一種輕量級的【標(biāo)記語言】,它的優(yōu)點很多,目前也被越來越多的寫作愛好者,撰稿者廣泛使用。Markdown的語法十分簡單。常用的標(biāo)記符號也不超過10個,這種相對于更為復(fù)雜的HTML標(biāo)記語言來說,Markdown是非常簡單的,所以它的學(xué)習(xí)成本也不需要太多,且熟悉這種語法規(guī)則會有一勞永逸的效果。"

認(rèn)識Markdown

??Markdown與我們平常用的文字處理軟件word或pages不同,它沒有大量的排版、字體設(shè)置,而是用標(biāo)記語法來代替常見的排版格式,可以讓我們專心碼字。例如此文,從內(nèi)容到格式,甚至插圖,用鍵盤就可以分分鐘搞定。

??目前來看,支持Markdown的編輯器有很多,例如很多網(wǎng)站(簡書!簡書!簡書!重要的事情說3遍!)也支持了Markdown的文字錄入。Markdown從寫作到完成,導(dǎo)出格式隨心所欲,你可以導(dǎo)出HTML格式的文件用來網(wǎng)站發(fā)布,也可以十分方便的導(dǎo)出PDF格式,這種格式寫出的簡歷更能得到HR的好感。甚至可以利用CloudApp這種云服務(wù)工具直接上傳至網(wǎng)頁用來分享你的文章,全球最大的輕博客Tumblr,也支持使用Mou這類Markdown工具進(jìn)行編輯并直接上傳。

使用Markdown的優(yōu)點

  • 可讀、直觀,適合所有人的寫作語言。
  • 純文本內(nèi)容,兼容所有的文本編輯器與文字處理軟件。
  • 輕松得導(dǎo)出HTML、PDF和本身的.md文件。
  • 專注你的文字內(nèi)容而不是排版樣式。

Markdown 語法的簡要規(guī)則

標(biāo)題

Markdown 語法:

# 第一級標(biāo)題 `<h1>` 
## 第二級標(biāo)題 `<h2>` 
###### 第六級標(biāo)題 `<h6>` 

效果如下:

第一級標(biāo)題 <h1>

第二級標(biāo)題 <h2>

第六級標(biāo)題 <h6>

強(qiáng)調(diào)

Markdown 語法:

*這些文字會生成`<em>`*
_這些文字會生成`<u>`_

**這些文字會生成`<strong>`**
__這些文字會生成`<strong>`__

效果如下:

這些文字會生成<em>

這些文字會生成<u>

這些文字會生成<strong>

這些文字會生成<strong>

換行

四個及以上空格加回車。
如果不想打這么多空格,只要回車就為換行。

列表

無序列表

Markdown 語法:

* 項目一 無序列表 `* + 空格鍵`
* 項目二
* 項目二的子項目一 無序列表 `TAB + * + 空格鍵`
* 項目二的子項目二

效果如下:

  • 項目一 無序列表 * + 空格鍵
  • 項目二
  • 項目二的子項目一 無序列表 TAB + * + 空格鍵
  • 項目二的子項目二

有序列表

Markdown 語法:

1. 項目一 有序列表 `數(shù)字 + . + 空格鍵`
2. 項目二 
3. 項目三
    1. 項目三的子項目一 有序列表 `TAB + 數(shù)字 + . + 空格鍵`
    2. 項目三的子項目二

效果如下:

  1. 項目一 有序列表 數(shù)字 + . + 空格鍵
  2. 項目二
  3. 項目三
    1. 項目三的子項目一 有序列表 TAB + 數(shù)字 + . + 空格鍵
    2. 項目三的子項目二

任務(wù)列表(Task lists)

Markdown 語法:

- [ ] 任務(wù)一 未做任務(wù) `- + 空格 + [ ]`
- [x] 任務(wù)二 已做任務(wù) `- + 空格 + [x]`

效果如下:

  • 任務(wù)一 未做任務(wù) - + 空格 + [ ]
  • 任務(wù)二 已做任務(wù) - + 空格 + [x]

圖片

Markdown 語法:

![吖晨Sir.jpg](http://upload-images.jianshu.io/upload_images/4677679-1f687438486ace43.jpg?imageMogr2/auto
-orient/strip%7CimageView2/2/w/400)

簡書編輯時中可以用拖放的方式導(dǎo)入圖片,編輯器會自動生成該圖片的URL。
效果如下:

chensir.jpg

簡書自帶Markdown編輯器更改插入圖片的大小,方法是將代碼w/后的400改成200,語法如下:

![chensir.jpg](http://upload-images.jianshu.io/upload_images/4677679-1f687438486ace43.jpg?imageMogr2/auto
-orient/strip%7CimageView2/2/w/200)

效果如下:


chensir.jpg

鏈接

Markdown 語法:

email <xchensir@qq.com>
[簡書](http://www.itdecent.cn/u/ace87ad48cdc)
自動生成連接  <http://www.itdecent.cn/>

Control + Shift + L 可插入Markdown語法。
如果是 MWeb 的文檔庫中的文檔,拖放或CMD + Option + I 導(dǎo)入非圖片時,會生成連接。
效果如下:

Email 連接: 1060710723@qq.com
晨Sir的主頁
自動生成連接像: http://www.itdecent.cn/ 這樣

區(qū)塊引用

Markdown 語法:

某某說:
> 第一行引用
> 第二行費(fèi)用文字

效果如下:

某某說:

第一行引用
第二行費(fèi)用文字

行內(nèi)代碼

Markdown 語法:

像這樣即可:`<addr>` `code`

效果如下:

像這樣即可:<addr> code

多行或者一段代碼

Markdown 語法:

```js
function fancyAlert(arg) {
    if(arg) {
    $.facebox({div:'#foo'})
    }

}
```

效果如下:

function fancyAlert(arg) {
    if(arg) {
    $.facebox({div:'#foo'})
    }

}

表格

Markdown 語法:

第一格表頭 | 第二格表頭
--------- | -------------
內(nèi)容單元格 第一列第一格 | 內(nèi)容單元格第二列第一格
內(nèi)容單元格 第一列第二格 多加文字 | 內(nèi)容單元格第二列第二格

效果如下:

第一格表頭 第二格表頭
內(nèi)容單元格 第一列第一格 內(nèi)容單元格第二列第一格
內(nèi)容單元格 第一列第二格 多加文字 內(nèi)容單元格第二列第二格

刪除線

Markdown 語法:

加刪除線像這樣用: ~~刪除這些~~

效果如下:

加刪除線像這樣用: 刪除這些

分隔線

以下三種方式都可以生成分隔線:

***
*****
- - -

效果如下:




小結(jié)

??到這里,Markdown的基本語法在日常的使用中基本就沒有什么大問題了,只要多加練習(xí),配合好用的工具(簡書),寫起東西來肯定會行云流水。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 為什么學(xué)習(xí)Markdown 自從搭建了 Hexo 博客之后,發(fā)現(xiàn)還有 Markdown 這種寫文章的方法,想到以后...
    lifeColder閱讀 20,437評論 10 216
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,781評論 25 709
  • 上周去親戚家玩,茶余飯后,他們談?wù)摰氖莿傇诤颖毙聟^(qū)買的兩套房子。說是趕上了好時候,剛買完就限購,現(xiàn)在房子都上漲了幾...
    嘿我是俠俠閱讀 332評論 0 0
  • 在我們認(rèn)識之前,老公有兩個算得上刻骨銘心的前女友,第一個在一起分分合合四五年,女孩比他小6歲,那段時光都是彼此最好...
    9c80a2f86c0f閱讀 810評論 0 1

友情鏈接更多精彩內(nèi)容