MarkDown基礎語法的學習

代碼

如果你只想高亮語句中的某個函數名或關鍵字,可以使用 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語法主要考慮的是英文,所以對于中文的首行縮進并不太友好,兩種方法都可以完美解決這個問題。

  • 把輸入法由半角改為全角。 兩次空格之后就能夠有兩個漢字的縮進。
  • 在開頭的時候,先輸入下面的代碼,然后緊跟著輸入文本即可。分號也不要掉直接寫。
半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不斷行的空白格&nbsp;或&#160;

鏈接

常用鏈接方法

文字鏈接 [鏈接名稱](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 支持以下這些符號前面加上反斜杠來幫助插入普通的符號:
\   反斜線
`   反引號
*   星號
_   底線
{}  花括號
[]  方括號
()  括弧
#   井字號
+   加號
-   減號
.   英文句點
!   驚嘆號

引用

普通引用

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

引用里嵌套引用

> 最外層引用
> > 多一個 > 嵌套一層引用
> > > 可以嵌套很多層

引用里嵌套列表

> - 這是引用里嵌套的一個列表
> - 還可以有子列表
>     * 子列表需要從 - 之后延后四個空格開始

引用里嵌套代碼塊

>     同樣的,在前面加四個空格形成代碼塊
>     或者使用 ``` 形成代碼塊

圖片

跟鏈接的方法區別在于前面加了個感嘆號 !,這樣是不是覺得好記多了呢?

![圖片名稱](http://圖片網址)

當然,你也可以像網址那樣對圖片網址使用變量

這個鏈接用 1 作為網址變量 [Google][1].
然后在文檔的結尾位變量賦值(網址)

 [1]: http://www.google.com/logo.png

也可以使用 HTML 的圖片語法來自定義圖片的寬高大小

![](htt://example.com/sample.png)

換行

如果另起一行,只需在當前行結尾加 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.
  1. Red
  2. Green
  3. Blue
  1. Bird
  2. McHale
  3. Parish

代碼片段

不指定語言

java code

指定語言

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

鏈接

baidu

http://www.baidu.com/

常用鏈接方法

文字鏈接 [鏈接名稱](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

聲明:內容來源于網絡,如有侵權請作者聯系,謝謝~

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

推薦閱讀更多精彩內容

  • 為什么學習Markdown 自從搭建了 Hexo 博客之后,發現還有 Markdown 這種寫文章的方法,想到以后...
    lifeColder閱讀 20,189評論 10 216
  • 一、多色 1、找到系統配置文件 路徑: 2、添加以下代碼 注:詳細講解代碼中的涵義: 二、自動補全,不區分大小寫 ...
    蠻小刀閱讀 1,408評論 0 1
  • 電商這種銷售模式,對于低價值的小訂單產品的銷售模式影響巨大,對于高價值產品的銷售模式則影響較小了。 我們先來看看第...
    Up大訂單銷訓營_張毛地閱讀 478評論 0 0
  • 上一次畫的民國老課本里的插圖作書簽 一位德馨滿譽的老師表示非常喜愛 特意畫了八枚簡潔風格的書簽 圖來自兒童繪本《北...
    老圃有余閱讀 258評論 0 2
  • 畢淑敏老師在做環球旅行之前,曾告訴自己的家人,如果自己因為意外離開,請家人一定不要自責。 作為一名心理醫生,她懂得...
    丟丟媽咪閱讀 229評論 2 0