MarkDown常用技巧總結(jié)

A soul mate

簡(jiǎn)書圖片與文本對(duì)其盲再,寬為620px周崭。
文章封面圖展示要求:像素大于300x300就可以哑诊。

本文目錄

基本技巧

代碼

如果你只想高亮語(yǔ)句中的某個(gè)函數(shù)名或關(guān)鍵字撒璧,可以使用 \`function_name()\`實(shí)現(xiàn)通常編輯器根據(jù)代碼片段適配合適的高亮方法透葛,但你也可以用 ``` 包裹一段代碼,并指定一種語(yǔ)言

```css
.App {
    text-align: center;
    max-height: 100%;
}
```

呈現(xiàn)效果:

.App {
    text-align: center;
    max-height: 100%;
}

支持的語(yǔ)言:1c, abnf, accesslog, actionscript, ada, apache, applescript, arduino, armasm, asciidoc, aspectj, autohotkey, autoit, avrasm, awk, axapta, bash, basic, bnf, brainfuck, cal, capnproto, ceylon, clean, clojure, clojure-repl, cmake, coffeescript, coq, cos, cpp, crmsh, crystal, cs, csp, css, d, dart, delphi, diff, django, dns, dockerfile, dos, dsconfig, dts, dust, ebnf, elixir, elm, erb, erlang, erlang-repl, excel, fix, flix, fortran, fsharp, gams, gauss, gcode, gherkin, glsl, go, golo, gradle, groovy, haml, handlebars, haskell, haxe, hsp, htmlbars, http, hy, inform7, ini, irpf90, java, javascript, json, julia, kotlin, lasso, ldif, leaf, less, lisp, livecodeserver, livescript, llvm, lsl, lua, makefile, markdown, mathematica, matlab, maxima, mel, mercury, mipsasm, mizar, mojolicious, monkey, moonscript, n1ql, nginx, nimrod, nix, nsis, objectivec, ocaml, openscad, oxygene, parser3, perl, pf, php, pony, powershell, processing, profile, prolog, protobuf, puppet, purebasic, python, q, qml, r, rib, roboconf, rsl, ruby, ruleslanguage, rust, scala, scheme, scilab, scss, smali, smalltalk, sml, sqf, sql, stan, stata, step21, stylus, subunit, swift, taggerscript, tap, tcl, tex, thrift, tp, twig, typescript, vala, vbnet, vbscript, vbscript-html, verilog, vhdl, vim, x86asm, xl, xml, xquery, yaml, zephir

也可以使用 4 空格縮進(jìn)卿樱,再貼上代碼僚害,實(shí)現(xiàn)相同的的效果

.App {
    text-align: center;
    max-height: 100%;
}

標(biāo)題

標(biāo)題能顯示出文章的結(jié)構(gòu)。行首插入 1-6 個(gè) # 繁调,每增加一個(gè) # 表示更深入層次的內(nèi)容萨蚕,對(duì)應(yīng)到標(biāo)題的深度由 1-6 階靶草。

# Header 1  

Header 1

## Header 2 

Header 2

### Header 3  

Header 3

#### Header 4  

Header 4

##### Header 5  
Header 5
###### Header 6  
Header 6

粗斜體

*斜體文本*    
_斜體文本_  
**粗體文本**    
__粗體文本__  
***粗斜體文本***    
___粗斜體文本___  

斜體文本
斜體文本
粗體文本
粗體文本
粗斜體文本
粗斜體文本

鏈接

文字鏈接 [鏈接名稱](http://鏈接網(wǎng)址)  
網(wǎng)址鏈接 <http://鏈接網(wǎng)址>

文字鏈接 鏈接名稱
網(wǎng)址鏈接 http://鏈接網(wǎng)址

列表

普通無(wú)序列表

- 列表文本前使用 [減號(hào)+空格]
+ 列表文本前使用 [加號(hào)+空格]
* 列表文本前使用 [星號(hào)+空格]
  • 列表文本前使用 [減號(hào)+空格]
  • 列表文本前使用 [加號(hào)+空格]
  • 列表文本前使用 [星號(hào)+空格]

普通有序列表

1. 列表前使用 [數(shù)字+空格]
2. 我們會(huì)自動(dòng)幫你添加數(shù)字
7. 不用擔(dān)心數(shù)字不對(duì),顯示的時(shí)候我們會(huì)自動(dòng)把這行的 7 糾正為 3
  1. 列表前使用 [數(shù)字+空格]
  2. 我們會(huì)自動(dòng)幫你添加數(shù)字
  3. 不用擔(dān)心數(shù)字不對(duì)岳遥,顯示的時(shí)候我們會(huì)自動(dòng)把這行的 7 糾正為 3

列表嵌套

1. 列出所有元素:
    - 無(wú)序列表元素 A
        1. 元素 A 的有序子列表
    - 前面加四個(gè)空格
2. 列表里的多段換行:
    前面必須加四個(gè)空格爱致,
    這樣換行,整體的格式不會(huì)亂
3. 列表里引用:

> 前面空一行

> 仍然需要在 >  前面加四個(gè)空格
  1. 列出所有元素:
    • 無(wú)序列表元素 A
      1. 元素 A 的有序子列表
    • 前面加四個(gè)空格
  2. 列表里的多段換行:
    前面必須加四個(gè)空格寒随,
    這樣換行糠悯,整體的格式不會(huì)亂
  3. 列表里引用:

前面空一行

仍然需要在 > 前面加四個(gè)空格

  1. 列表里代碼段:
前面四個(gè)空格,之后按代碼語(yǔ)法 ``` 書寫

或者直接空八個(gè)妻往,引入代碼塊

    $(document).ready(function () {
        alert('hello world');
    });

引用

普通引用

> 引用文本前使用 [大于號(hào)+空格]  
> 折行可以不加互艾,新起一行都要加上哦

引用文本前使用 [大于號(hào)+空格]
折行可以不加,新起一行都要加上哦

引用里嵌套引用

最外層引用

多一個(gè) > 嵌套一層引用

可以嵌套很多層

引用里嵌套列表

> - 這是引用里嵌套的一個(gè)列表
> - 還可以有子列表
>     * 子列表需要從 - 之后延后四個(gè)空格開始
  • 這是引用里嵌套的一個(gè)列表
  • 還可以有子列表
    • 子列表需要從 - 之后延后四個(gè)空格開始
      引用里嵌套代碼塊
>      同樣的讯泣,在前面加四個(gè)空格形成代碼塊
>  
> ```
> 或者使用 ``` 形成代碼塊
> ```
同樣的纫普,在前面加四個(gè)空格形成代碼塊
或者使用 ``` 形成代碼塊

圖片

跟鏈接的方法區(qū)別在于前面加了個(gè)感嘆號(hào) !,這樣是不是覺得好記多了呢好渠?

![圖片名稱](http://upload-images.jianshu.io/upload_images/8772908-ecfdbe42b2b6d048.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
當(dāng)然昨稼,你也可以像網(wǎng)址那樣對(duì)圖片網(wǎng)址使用變量

這個(gè)鏈接用 1 作為網(wǎng)址變量 [圖片][1].
然后在文檔的結(jié)尾位變量賦值(網(wǎng)址)

換行

如果另起一行,只需在當(dāng)前行結(jié)尾加 2 個(gè)空格  
在當(dāng)前行的結(jié)尾加 2 個(gè)空格  
這行就會(huì)新起一行

如果是要起一個(gè)新段落拳锚,只需要空出一行即可假栓。

分隔符

如果你有寫分割線的習(xí)慣,可以新起一行輸入三個(gè)減號(hào)-霍掺。當(dāng)前后都有段落時(shí)匾荆,請(qǐng)空出一行:

前面的段落

---

后面的段落

高級(jí)技巧

行內(nèi)html元素

目前只支持部分段內(nèi) HTML 元素效果,包括 <kdb> <b> <i> <em> <sup> <sub> <br> 杆烁,如
鍵位顯示
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦
代碼塊
使用 <pre></pre> 元素同樣可以形成代碼塊
粗斜體
<b> Markdown 在此處同樣適用牙丽,如 *加粗* </b>

符號(hào)轉(zhuǎn)義

如果你的描述中需要用到 markdown 的符號(hào),比如 _ # * 等兔魂,但又不想它被轉(zhuǎn)義烤芦,這時(shí)候可以在              這些符號(hào)前加反斜杠,如 \_ \# \* 進(jìn)行避免析校。

\_不想這里的文本變斜體\_
\*\*不想這里的文本被加粗\*\*

參考:
[1]: http://upload-images.jianshu.io/upload_images/8772908-ecfdbe42b2b6d048.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

MarkDown編輯器中目錄可以跳轉(zhuǎn)构罗,簡(jiǎn)書中目錄還沒搞懂。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末勺良,一起剝皮案震驚了整個(gè)濱河市绰播,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌尚困,老刑警劉巖蠢箩,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡谬泌,警方通過(guò)查閱死者的電腦和手機(jī)滔韵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)掌实,“玉大人陪蜻,你說(shuō)我怎么就攤上這事〖牵” “怎么了宴卖?”我有些...
    開封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)邻悬。 經(jīng)常有香客問(wèn)我症昏,道長(zhǎng),這世上最難降的妖魔是什么父丰? 我笑而不...
    開封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任肝谭,我火速辦了婚禮,結(jié)果婚禮上蛾扇,老公的妹妹穿的比我還像新娘攘烛。我一直安慰自己,他們只是感情好镀首,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開白布坟漱。 她就那樣靜靜地躺著,像睡著了一般蘑斧。 火紅的嫁衣襯著肌膚如雪靖秩。 梳的紋絲不亂的頭發(fā)上须眷,一...
    開封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天竖瘾,我揣著相機(jī)與錄音,去河邊找鬼花颗。 笑死捕传,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的扩劝。 我是一名探鬼主播庸论,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼棒呛!你這毒婦竟也來(lái)了聂示?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤簇秒,失蹤者是張志新(化名)和其女友劉穎鱼喉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡扛禽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年锋边,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片编曼。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡豆巨,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出掐场,到底是詐尸還是另有隱情往扔,我是刑警寧澤,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布熊户,位于F島的核電站瓤球,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏敏弃。R本人自食惡果不足惜卦羡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望麦到。 院中可真熱鬧绿饵,春花似錦、人聲如沸瓶颠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)粹淋。三九已至吸祟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間桃移,已是汗流浹背屋匕。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留借杰,地道東北人过吻。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蔗衡,于是被迫代替她去往敵國(guó)和親纤虽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容

  • 文/懶小峰 簡(jiǎn)書圖片與文本對(duì)其绞惦,寬為620px逼纸。文章封面圖展示要求:像素大于300x300就可以。 本文目錄 基本...
    懶小峰閱讀 467評(píng)論 0 2
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,527評(píng)論 32 459
  • 姓名:顏萍 公司:上海晉名實(shí)業(yè)有限公司 六項(xiàng)精進(jìn)361期學(xué)員【日精進(jìn)打卡第5天】 【知~學(xué)習(xí)】 《六項(xiàng)精進(jìn)》大綱1...
    顏兒有幸閱讀 137評(píng)論 0 0
  • 做設(shè)計(jì)的朋友們都知道济蝉,我們?cè)谠O(shè)計(jì)工作中需要大量的素材圖片來(lái)作為參考杰刽,提高設(shè)計(jì)的工作效率呻纹,但是網(wǎng)上的素材網(wǎng)站參差不齊...
    格式化丶孤單_8aa8閱讀 479評(píng)論 0 1
  • 我買菜從來(lái)不講價(jià),樓下的大姐說(shuō)我傻专缠,聽了她的話雷酪,我也覺得自己有些吃虧,也學(xué)著討價(jià)還價(jià)涝婉,卻發(fā)現(xiàn)為了一兩塊錢費(fèi)半天口舌...
    若水_eae8閱讀 224評(píng)論 2 0