簡(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
- 列表前使用 [數(shù)字+空格]
- 我們會(huì)自動(dòng)幫你添加數(shù)字
- 不用擔(dān)心數(shù)字不對(duì)岳遥,顯示的時(shí)候我們會(huì)自動(dòng)把這行的 7 糾正為 3
列表嵌套
1. 列出所有元素:
- 無(wú)序列表元素 A
1. 元素 A 的有序子列表
- 前面加四個(gè)空格
2. 列表里的多段換行:
前面必須加四個(gè)空格爱致,
這樣換行,整體的格式不會(huì)亂
3. 列表里引用:
> 前面空一行
> 仍然需要在 > 前面加四個(gè)空格
- 列出所有元素:
- 無(wú)序列表元素 A
- 元素 A 的有序子列表
- 前面加四個(gè)空格
- 無(wú)序列表元素 A
- 列表里的多段換行:
前面必須加四個(gè)空格寒随,
這樣換行糠悯,整體的格式不會(huì)亂 - 列表里引用:
前面空一行
仍然需要在 > 前面加四個(gè)空格
- 列表里代碼段:
前面四個(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)行避免析校。
\_不想這里的文本變斜體\_
\*\*不想這里的文本被加粗\*\*
MarkDown編輯器中目錄可以跳轉(zhuǎn)构罗,簡(jiǎn)書中目錄還沒搞懂。