應該知道的一些Markdown語法

時間 2019-12-14

原文原文鏈接

目錄php

快速輸入標題

# H1(一級標題)
## H2(二級標題)
### H3(三級標題)
#### H4(四級標題)
##### H5(五級標題)
###### H6(六級標題)

渲染出的效果以下:
css

斜體和粗體，刪除線

*斜體*
**粗體**
~~刪除線~~

渲染出的效果以下:
斜體
粗體
~~刪除線~~html

分隔線

下面三種方式均可以實現分隔線,當遇到分隔線不起做用時候，上下加上空行便可java

* * *
    
    - - -
    
    ---

外連接

[個人博客](http://www.cnblogs.com/xwwin/, "進入博客")

渲染出的效果以下:編程

個人博客小程序

無序列表

使用 *，+，- 表示無序列表。後端

* 無序列表項1
* 無序列表項1
* 無序列表項1

+ 無序列表項2
+ 無序列表項2
+ 無序列表項2

- 無序列表項3
- 無序列表項3
- 無序列表項3

渲染出的效果以下:markdown

無序列表項1
無序列表項1
無序列表項1編程語言
無序列表項2
無序列表項2
無序列表項2工具
無序列表項3
無序列表項3
無序列表項3

有序列表

使用數字和點號表示無序列表。

1. 無序列表項1
2. 無序列表項2
3. 無序列表項3

渲染出的效果以下:

無序列表項1
無序列表項2
無序列表項3

定義型列表

定義型列表由名詞和解釋組成。一行寫上定義，緊跟一行寫上解釋。解釋的寫法:緊跟一個縮進(Tab)

Markdown
:   輕量級文本標記語言，能夠轉換成html，pdf等格式（左側有一個可見的冒號和四個不可見的空格）

渲染出的效果以下:

插入圖片

使用 ![描述](圖片連接地址) 插入圖像。

![博客園logo](https://www.cnblogs.com/images/logo_small.gif)

渲染出的效果以下:

文字引用

> 野火燒不盡，春風吹又生。
> >講的是野草的頑強不息

渲染出的效果以下:

標籤分類

用在文章首行才起做用

標籤： js css html
Tags： java php .net

表格

冒號的位置決定對齊方式

冒號在製表頭的左端，就是左對齊；
冒號在在製表頭的右端，就是右對齊；
冒號在在製表符兩端都有，就是居中對齊；

|姓名|性別|年齡|分數|
|---|:---:|:---|---:|
|張三|男|8|60|
|李四|女|20|90|

渲染出的效果以下:

姓名	性別	年齡	分數
張三	男	8	60
李四	女	20	90

行內代碼塊

`<div>Hello markdown</div>`

渲染出的效果以下:
<div>Hello markdown</div>

代碼段

支持四十一種編程語言的語法高亮的顯示，支持行號顯示

``` html
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <title>Document</title>
        </head>
        <body>
            <div>Hello markdown</div>
        </body>
        </html>
    ```

渲染出的效果以下:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <div>Hello markdown</div>
    </body>
    </html>

註腳

使用[^keyword]表示註腳,切記定義與使用之間須要有空行。

[^1]:這是註腳1的解釋
這是一個註腳[^1]的樣例
[^2]:這是註腳2的解釋
這是一個註腳[^2]的樣例

渲染出的效果以下,點擊腳註可跳轉到頁尾說明頁:

這是一個註腳¹ 的樣例

這是一個註腳² 的樣例

待辦事宜 Todo 列表

使用帶有- [ ]或 - [x] （未完成或已完成）項的列表語法撰寫一個待辦事宜列表

- [ ] 答題小程序開發
    - [x] 靜態佈局
    - [x] 頁面交互效果
    - [ ] 數據連調
    - [ ] 再先後端交互
    - [ ] 上線事宜

渲染出的效果以下：

顯示當前文章的目錄

在段落中填寫``以顯示全文內容的目錄結構

[TOC]

渲染出的效果見最前面的目錄

注:本文是基於cmd markdown工具編寫，部分語法在博客下顯示異常,用圖片代替,推薦你們用cmd markdown書寫
cmd markdown在線版
 cmd markdown下載

這是註腳1的解釋↩
這是註腳2的解釋↩

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。