代碼
如果你只想高亮語句中的某個函數名或關鍵字,可以使用 function_name()
實現
通常編輯器根據代碼片段適配合適的高亮方法,但你也可以用 ``` 包裹一段代碼,并指定一種語言
```javascript
$(document).ready(function () {
alert('hello world');
});
```
支持的語言:actionscript, apache, bash, clojure, cmake, coffeescript, cpp, cs, css, d, delphi, django, erlang, go, haskell, html, http, ini, java, javascript, json, lisp, lua, markdown, matlab, nginx, objectivec, perl, php, python, r, ruby, scala, smalltalk, sql, tex, vbscript, xml
也可以使用 4 空格縮進,再貼上代碼,實現相同的的效果
def g(x):
yield from range(x, 0, -1)
yield from range(x)
行內代碼塊
使用 `代碼` 表示行內代碼塊。
行內代碼塊html
標題
文章內容較多時,可以用標題分段:
標題1
======
標題2
-----
# 標題
## 大標題
### 小標題
# 標題 #
## 大標題 ##
### 小標題 ###
粗斜體
*斜體文本* _斜體文本_
**粗體文本** __粗體文本__
***粗斜體文本*** ___粗斜體文本___
字體大小、顏色
<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩云</font>
<font color=#0099ff size=7 face="黑體">color=#0099ff size=72 face="黑體"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>
<small>字體變小</small>
<big>字體變大</big>
首行縮進
由于markdown語法主要考慮的是英文,所以對于中文的首行縮進并不太友好,兩種方法都可以完美解決這個問題。
- 把輸入法由半角改為全角。 兩次空格之后就能夠有兩個漢字的縮進。
- 在開頭的時候,先輸入下面的代碼,然后緊跟著輸入文本即可。分號也不要掉直接寫。
半方大的空白 或 
全方大的空白 或 
不斷行的空白格 或 
鏈接
常用鏈接方法
文字鏈接 [鏈接名稱](http://鏈接網址)
網址鏈接 <http://鏈接網址>
高級鏈接技巧
這個鏈接用 1 作為網址變量 [Google][1].
這個鏈接用 yahoo 作為網址變量 [Yahoo!][yahoo].
然后在文檔的結尾為變量賦值(網址)
[1]: http://www.google.com/
[yahoo]: http://www.yahoo.com/
列表
普通無序列表
- 列表文本前使用 [減號+空格]
+ 列表文本前使用 [加號+空格]
* 列表文本前使用 [星號+空格]
普通有序列表
1. 列表前使用 [數字+空格]
2. 我們會自動幫你添加數字
7. 不用擔心數字不對,顯示的時候我們會自動把這行的 7 糾正為 3
列表嵌套
1. 列出所有元素:
- 無序列表元素 A
1. 元素 A 的有序子列表
- 前面加四個空格
2. 列表里的多段換行:
前面必須加四個空格,
這樣換行,整體的格式不會亂
3. 列表里引用:
> 前面空一行
> 仍然需要在 > 前面加四個空格
4. 列表里代碼段:
前面四個空格,之后按代碼語法 ``` 書寫
或者直接空八個,引入代碼塊
分割線
使用 --- 或者 *** 或者 * * * 表示水平分割線。
次常用標記
使用 標簽: 或者 Tags: 表示標簽標記。
刪除線
使用 ~~ 表示刪除線。
~~這是一條刪除線~~
1.注意 ~~ 和 要添加刪除線的文字之間不能有空格。
2.我常使用在顯示的告訴自己這行文字是要刪除的。
注腳
使用 [^footer] 表示注腳。
這是一個注腳測試[^footer1]。
[^footer1]: 這是一個測試,用來闡釋注腳。
不常用標記
實現頁內跳轉
使用html代碼實現頁內跳轉。在要跳轉到的位置定義個錨 <span id = "jump">hehe</span> ,然后使用 你好 將 你好 設置為一單擊即跳轉到 hehe 所在位置的效果。
[你好](#jump)
<span id = "jump">hehe</span>
表格
具體使用方式請看示例。
------: 為右對齊。
:------ 為左對齊。
:------: 為居中對齊。
------- 為使用默認居中對齊。
示例
| 序號 | 交易名 | 交易說明 | 備注 |
|--------:|:------:|:---------------|-----------|
| 1 | prfcfg | 菜單配置 | 無 |
| 2 | gentmo | 編譯所有交易 | 無 |
| 100000 | sysdba | 數據庫表模型匯總 | 無 |
注意
每個Markdown解析器都不一樣,可能左右居中對齊方式的表示方式不一樣。
反斜杠轉義
*literal asterisks*
Markdown 支持以下這些符號前面加上反斜杠來幫助插入普通的符號:
\ 反斜線
` 反引號
* 星號
_ 底線
{} 花括號
[] 方括號
() 括弧
# 井字號
+ 加號
- 減號
. 英文句點
! 驚嘆號
引用
普通引用
> 引用文本前使用 [大于號+空格]
> 折行可以不加,新起一行都要加上哦
引用里嵌套引用
> 最外層引用
> > 多一個 > 嵌套一層引用
> > > 可以嵌套很多層
引用里嵌套列表
> - 這是引用里嵌套的一個列表
> - 還可以有子列表
> * 子列表需要從 - 之后延后四個空格開始
引用里嵌套代碼塊
> 同樣的,在前面加四個空格形成代碼塊
> 或者使用 ``` 形成代碼塊
圖片
跟鏈接的方法區別在于前面加了個感嘆號 !,這樣是不是覺得好記多了呢?

當然,你也可以像網址那樣對圖片網址使用變量
這個鏈接用 1 作為網址變量 [Google][1].
然后在文檔的結尾位變量賦值(網址)
[1]: http://www.google.com/logo.png
也可以使用 HTML 的圖片語法來自定義圖片的寬高大小

換行
如果另起一行,只需在當前行結尾加 2 個空格
在當前行的結尾加 2 個空格
這行就會新起一行
如果是要起一個新段落,只需要空出一行即可。
分隔符
如果你有寫分割線的習慣,可以新起一行輸入三個減號-。當前后都有段落時,請空出一行:
前面的段落
---
后面的段落
高級技巧
行內 HTML 元素
目前只支持部分段內 HTML 元素效果,包括:
<kdb> <b> <i> <em> <sup> <sub> <br>
如 : 鍵位顯示
使用 <kbd>Ctrl<kbd>+<kbd>Alt<kbd>+<kbd>Del<kbd> 重啟電腦
代碼塊
使用 <pre></pre> 元素同樣可以形成代碼塊
粗斜體
<b> Markdown 在此處同樣適用,如 *加粗* </b>
符號轉義
如果你的描述中需要用到 markdown 的符號,比如 _ # * 等,但又不想它被轉義,這時候可以在這些符號前加反斜杠,如 _ # * 進行避免。
\_不想這里的文本變斜體\_
\*\*不想這里的文本被加粗\*\*
擴展
支持 jsfiddle、gist、runjs、優酷視頻,直接填寫 url,在其之后會自動添加預覽點擊會展開相關內容。
http://{url_of_the_fiddle}/embedded/[{tabs}/[{style}]]/
https://gist.github.com/{gist_id}
http://runjs.cn/detail/{id}
http://v.youku.com/v_show/id_{video_id}.html
公式
當你需要在編輯器中插入數學公式時,可以使用兩個美元符 $$ 包裹 TeX 或 LaTeX 格式的數學公式來實現。提交后,問答和文章頁會根據需要加載 Mathjax 對數學公式進行渲染。如:
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$
$$
x \href{why-equal.html}{=} y^2 + 1
$$
同時也支持 HTML 屬性,如:
$$ (x+1)^2 = \class{hidden}{(x+1)(x+1)} $$
$$
(x+1)^2 = \cssId{step1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$
行內公式
這是行內公式`!$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $`
塊公式
```
$$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$$
```
目錄結構
在段落中填寫 [TOC]
或[toc]
以顯示全文內容的目錄結構。
或者使用:
[1.一級目錄](#1)
[1.1二級目錄](#1.1)
[1.1.1三級目錄](#1.1.1)
<h2 id='1'> 一級目錄 </h2>
<h4 id='1.1'> 二級目錄 </h4>
<h5 id='1.1.1'> 三級目錄 </h5>
定義型列表
名詞 1
: 定義 1(左側有一個可見的冒號和四個不可見的空格)
代碼塊 2
: 這是代碼塊的定義(左側有一個可見的冒號和四個不可見的空格)
代碼塊(左側有八個不可見的空格)
Html 標簽
本站支持在 Markdown 語法中嵌套 Html 標簽,譬如,你可以用 Html 寫一個縱跨兩行的表格:
<table>
<tr>
<th rowspan="2">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李強</td>
<td>張明</td>
<td>王平</td>
</tr>
</table>
<table>
<tr>
<th rowspan="2">值班人員</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李強</td>
<td>張明</td>
<td>王平</td>
</tr>
</table>
內嵌圖標
本站的圖標系統對外開放,在文檔中輸入
<i class="icon-weibo"></i>
即顯示微博的圖標: <i class="icon-weibo icon-2x"></i>
替換 上述 i 標簽
內的 icon-weibo
以顯示不同的圖標,例如:
<i class="icon-renren"></i>
即顯示人人的圖標: <i class="icon-renren icon-2x"></i>
待辦事宜 Todo 列表
使用帶有 [ ] 或 [x] (未完成或已完成)項的列表語法撰寫一個待辦事宜列表,并且支持子列表嵌套以及混用Markdown語法,例如:
- [ ] **1111**
- [ ] 1111
- [ ] 2222
- [x] 3333
- [x] 4444
- [x] 1111
- [x] 2222
- [ ] **2222**
- [ ] 1111
- [ ] 2222
- [x] 3333
對應顯示如下待辦事宜 Todo 列表:
- [ ] 1111
- [ ] 1111
- [ ] 2222
- [x] 3333
- [x] 4444
- [x] 1111
- [x] 2222
- [ ] 2222
- [ ] 1111
- [ ] 2222
- [x] 3333
流程圖
```flow
st=>start: 開始
e=>end: 結束
op=>operation: 操作步驟
cond=>condition: 是 或者 否?
st->op->cond
cond(yes)->e
cond(no)->op
```
示例
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
序列圖
```sequence
小明->小李: 你好 小李, 最近怎么樣?
Note right of 小李: 想了想
小李-->小明: 還是老樣子
```
示例
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
MarkDown練習
頭部
頭部
列表
- Candy.
- Gum.
- Booze.
- Candy.
- Gum.
- Booze
- Candy.
- Gum.
- Booze.
- Red
- Green
- Blue
- Bird
- McHale
- Parish
代碼片段
不指定語言
java code
指定語言
$(document).ready(function () {
alert('hello world');
});
鏈接
常用鏈接方法
文字鏈接 [鏈接名稱](http://鏈接網址)
網址鏈接 <http://鏈接網址>
高級鏈接技巧
這個鏈接用 1 作為網址變量 [Google][1].
這個鏈接用 yahoo 作為網址變量 [Yahoo!][yahoo].
然后在文檔的結尾為變量賦值(網址)
[1]: http://www.google.com/
[yahoo]: http://www.yahoo.com/
引用
字體
斜體文本 斜體文本
粗體文本 粗體文本
粗斜體文本 粗斜體文本
表格
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
dog | bird | cat |
---|---|---|
foo | foo | foo |
bar | bar | bar |
baz | baz | baz |
聲明:內容來源于網絡,如有侵權請作者聯系,謝謝~