Markdown語法,看我就夠了

????關于Markdown的基礎語法,網上有很多資源,不過大部分都是一些基礎語法,而且排版和樣式我都不太喜歡,這是我結合了Markdown的基礎語法和一些高級語法而寫的Markdown語法備忘錄。

建議下載到本地保存,語法有點多,要用的時候看看就好,有些語法瀏覽器不支持,如果不顯示的話可以點擊鏈接下載.md文件查看。

基礎語法

轉義字符

我不是\*傾斜文字\*

我不是*傾斜文字*

標題

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

另一種寫法的一級標題
===============
另一種寫法的二級標題
---------------

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

另一種寫法的一級標題

另一種寫法的二級標題

多行段落

第一行

<br>
<br>
第二行

第一行





第二行

單行注釋

[//]: 這是一行注釋信息

多行注釋

<div style='display: none'>
    我是第一行注釋,
    我是第二行注釋,
</div>

<!--
我是第一行注釋,
我是第二行注釋。
-->

<div style='display: none'>
我是第一行注釋,
我是第二行注釋,
</div>

空格

第一個文字 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二個文字

第一個文字 ????????第二個文字

加粗

我是 __加粗文字__
我是**加粗文字**

我是 加粗文字
我是加粗文字

傾斜

我是 _傾斜文字_
我是*傾斜文字*

我是 傾斜文字
我是傾斜文字

加粗傾斜

我是 ___加粗傾斜文字___
我是***加粗傾斜文字***
我是 __*加粗傾斜文字*__

我是 加粗傾斜文字
我是加粗傾斜文字
我是 加粗傾斜文字

塊引用

> #### markdown語法!
>
> - 第一點好處.
> - 第二點好處.
>
> *任何* 一篇文檔都是 **非常不錯的**.
> > 我是嵌套文案
> > > 我是嵌套再嵌套的文案

markdown語法!

  • 第一點好處.
  • 第二點好處.

任何 一篇文檔都是 非常不錯的.

我是嵌套文案

我是嵌套再嵌套的文案

有序列表

1. 第1方案
2. 第2方案
    1. 第2.1方案
    2. 第2.2方案
3. 第3方案
  1. 第1方案
  2. 第2方案
    1. 第2.1方案
    2. 第2.2方案
  3. 第3方案

無序列表

* 無序列表1
+ 無序列表2
- 無序列表3
  • 無序列表1
  • 無序列表2
  • 無序列表3

代碼

`printf("hello world");`

printf("hello world");

代碼塊

    #include<stdio.h>
    int main()
    {
       printf("hello world");
       return 0;
    }


```
#include<stdio.h>
int main()
{
    printf("hello world");
    return 0;
}
```
#include<stdio.h>
int main()
{
   printf("hello world");
   return 0;
}
#include<stdio.h>
int main()
{
    printf("hello world");
    return 0;
}

分割線

下面是分割線1
***
下面是分割線2
---
下面是分割線3
_________________
-----------------

下面是分割線1


下面是分割線2

下面是分割線3



郵箱和URL

這是我的郵箱<internetwei@foxmail.com>
這是百度官網<https://www.baidu.com>

這是我的郵箱internetwei@foxmail.com
這是百度官網https://www.baidu.com

鏈接

[百度官網](https://www.baidu.com)
[百度官網](https://www.baidu.com, '當鼠標懸停在文字上方時,你會看到它')
這是一個**[高亮鏈接](https://www.baidu.com)**

百度官網
百度官網
這是一個高亮鏈接

圖片

![阿西河圖片](https://p.upyun.com/docs/cloud/demo.jpg "當鼠標懸停在文字上方時,你會看到它")
阿西河圖片

擴展語法

列表

左對齊 | 中間對齊 | 右對齊
:--- | :---: | ---:
markdown | 非常 &#124; 棒 | 右對齊
markdown | 專業(yè) &#124; 的 | 右對齊
左對齊 中間對齊 右對齊
markdown 非常 | 棒 右對齊
markdown 專業(yè) | 的 右對齊

代碼高亮

``` Javascript
if (true){ 
    return true;
} 
```
if (true){ 
    return true;
} 
代碼高亮關鍵字

標題ID

* [目錄1](#標題1)
* [目錄2](#標題2)

##### 標題1
文字內容
##### 標題2
文字內容
標題1

文字內容

標題2

文字內容

腳注

腳注1 [^1 ]
腳注2 [^2 ]

[^1 ]: 腳注1內容
[^2 ]: 腳注2內容

腳注1 ^1
腳注2 ^2

任務列表

- [x] 這是完成的任務
- [ ] 這是沒有完成的任務
  • 這是完成的任務
  • 這是沒有完成的任務

刪除線

這是 ~~刪除線~~

這是 刪除線

配合HTML

字體

<font face="黑體" size=5>我是黑體字</font>
<font face="微軟雅黑" size=5>我是微軟雅黑</font>
<font face="STCAIYUN" size=5>我是華文彩云</font>

<font face="黑體" size=5>我是黑體字</font>
<font face="微軟雅黑" size=5>我是微軟雅黑</font>
<font face="STCAIYUN" size=5>我是華文彩云</font>

顏色

<font color=#0099ff size=5>color=#0099ff</font>
<font color=#00ffff size=5>color=#00ffff</font>
<font color=gray size=5>color=gray</font>

<font color=#0099ff size=5>color=#0099ff</font>
<font color=#00ffff size=5>color=#00ffff</font>
<font color=gray size=5>color=gray</font>

上標

n<sup>2</sup>=n+1

n2=n+1

下標

H<sub>2</sub>O

H2O

特殊字符

由于圖片太長,這里就不顯示了,感興趣的朋友可以點擊鏈接查看

背景顏色

<p style="background-color: #b6ffc8;">綠色</p>
<p style="center;background-color: #ffb6d2;">紅色</p>
<p style="right;background-color: #b6d7ff;">藍色</p>

<p style="background-color: #b6ffc8;">綠色</p>
<p style="center;background-color: #ffb6d2;">紅色</p>
<p style="right;background-color: #b6d7ff;">藍色</p>

對齊方式

<p style="text-align: left;background-color: #b6ffc8;">左對齊</p>
<p style="text-align: center;background-color: #ffb6d2;">中間居中</p>
<p style="text-align: right;background-color: #b6d7ff;">右對齊</p>

<p style="text-align: left;background-color: #b6ffc8;">左對齊</p>
<p style="text-align: center;background-color: #ffb6d2;">中間居中</p>
<p style="text-align: right;background-color: #b6d7ff;">右對齊</p>

圖片居中并自定義尺寸

<div style="text-align: center;background-color: #b6ffc8;">
    <img src="https://p.upyun.com/docs/cloud/demo.jpg" 
        alt="阿西河圖片" 
        title="阿西河圖片Title" 
        style="width:300px;height:300px;"
        >
</div>

<div style="text-align: center;background-color: #b6ffc8;">
<img src="https://p.upyun.com/docs/cloud/demo.jpg"
alt="阿西河圖片"
title="阿西河圖片Title"
style="width:300px;height:300px;"
>
</div>

插入音樂

<iframe 
    frameborder="no" 
    border="0" 
    marginwidth="0" 
    marginheight="0" 
    width=100% 
    height=auto 
    src="http://music.163.com/outchain/player?type=2&id=528478901&auto=1&height=66">
</iframe>

<iframe
frameborder="no"
border="0"
marginwidth="0"
marginheight="0"
width=100%
height=auto
src="http://music.163.com/outchain/player?type=2&id=528478901&auto=1&height=66">
</iframe>

插入視頻

<iframe 
    src="http://player.bilibili.com/player.html?aid=10631344&cid=17548810&page=1" 
    scrolling="no" 
    style="border:0;width:100%;height:auto;min-height:790px;"
    allowfullscreen="true"> 
</iframe>

<iframe
src="http://player.bilibili.com/player.html?aid=10631344&cid=17548810&page=1"
scrolling="no"
style="border:0;width:100%;height:auto;min-height:790px;"
allowfullscreen="true">
</iframe>

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容