Markdown 語法筆記
寫在前面
? 經(jīng)過幾乎一天的查找搜索蟹地,我粗略地整理了一下經(jīng)常會(huì)用到的Markdown語法姑子。其中的大部分內(nèi)容來自網(wǎng)友大佬的博客鸠蚪、教程等等。發(fā)表這個(gè)筆記饥臂,一是為了自己可以有一個(gè)速查的手冊(cè)逊躁,第二是測試目前簡書對(duì)這些語法的支持,以便以后文章發(fā)表隅熙,同時(shí)第三也想拿出來與和我一樣的初學(xué)者分享稽煤,并歡迎大佬斧正與補(bǔ)充。
我線下使用的編輯器是typora囚戚,好用不多介紹酵熙;這文放到簡書上面目全非,有些地方只能用圖片驰坊,有的直接就放棄了匾二,可能簡書就是要“簡”吧,專治各種花里胡哨(?ω?)拳芙。
目錄
(看來這個(gè)不行察藐,上圖)
1.字體
加粗
**加粗**
斜體
*斜體*
斜體加粗
***斜體加粗***
<u>下劃線</u>
<u>下劃線</u>
刪除線
~~刪除線~~
上標(biāo)2
上標(biāo)<sup2</sup>
下標(biāo)2
下標(biāo)<sub>2</sub>
設(shè)置字體、字號(hào)舟扎、顏色
好像不支持html
<font face="STCAIYUN">華文彩云</font>
<font color=gray size=5>color=gray</font>
<font color=#0099ff size=5 face="黑體">color=#0099ff size=5 face="黑體"</font>
背景色
<table><tr><td bgcolor=#D1EEEE>背景色的設(shè)置是按照十六進(jìn)制顏色值:#D1EEEE</td></tr></table>
2.樣式
標(biāo)題
標(biāo)題有6個(gè)等級(jí)分飞,用 # 號(hào)表示
#
為一級(jí)標(biāo)題 ######
為六級(jí)標(biāo)題
另一種形式是使用=(一級(jí))和-(二級(jí))三個(gè)以上
主標(biāo)題
副標(biāo)題
主標(biāo)題
======
副標(biāo)題
-----
引用
引用內(nèi)容1
引用內(nèi)容2子引用內(nèi)容
用>表示引用,多個(gè)>連用分級(jí)
代碼(塊)
``中間放代碼內(nèi)容
System.out.println("Hellow World");
用``````表示下面的是一段代碼
注意每個(gè)```獨(dú)占一行浆竭,第一個(gè)```后給出代碼語言可以實(shí)現(xiàn)代碼高亮
?```c++
#include <iostream>
int main()
{
std::cout << "Hellow World!" << std::endl;
return 0;
}
?```
效果:
#include <iostream>
int main()
{
std::cout << "Hellow World!" << std::endl;
return 0;
}
任務(wù)
- [ ] 任務(wù)1
- [ ] 任務(wù)2
- [×] 子任務(wù)
- [ ] 任務(wù)3
列表
有序列表
使用數(shù)字加小數(shù)點(diǎn)標(biāo)記浸须,可以有子列表。三代可區(qū)分邦泄。
- 有序1
- 有序2
- 子有序1
- 子有序2
無序列表
無序列表使用星號(hào)*删窒,加號(hào)+,減號(hào)-作為標(biāo)記顺囊,加空格加內(nèi)容即可肌索。
- 列表1
- 列表2
- 子列表
注釋
()
(<!--注釋內(nèi)容不會(huì)在瀏覽器中顯示-->)
字符轉(zhuǎn)義
反斜線(\
)用于插入在 Markdown 語法中有特殊作用的字符。
包括:
\
`
*
_
{}
[]
()
#
+
-
.
!
用法:\字符 即可
**演示** (\*\*演示\*\*
)
↓對(duì)比↓
演示(**演示**
)
3.插入
表格
typora有方便的表格插入及格式編輯
項(xiàng)目 | 項(xiàng)目1 | 項(xiàng)目2 |
---|---|---|
內(nèi)容 | 內(nèi)容 | 內(nèi)容 |
內(nèi)容 | 內(nèi)容 | 內(nèi)容 |
表格可以自適應(yīng)內(nèi)容長度
|特碳、-诚亚、:之間的多余空格會(huì)被忽略
對(duì)齊方式:
默認(rèn)標(biāo)題欄居中對(duì)齊,內(nèi)容居左對(duì)齊午乓。
需要自定義時(shí)-:表示內(nèi)容和標(biāo)題欄居右對(duì)齊站宗,:-表示內(nèi)容和標(biāo)題欄居左對(duì)齊,:-:表示內(nèi)容和標(biāo)題欄居中對(duì)齊益愈,-至少有一個(gè)梢灭。
每行第一個(gè)|和最后一個(gè)|可以省略。
圖像
基本支持常見的圖像格式
插入
[圖片上傳失敗...(image-e34290-1550671755184)]
插入三種方式——本地圖片蒸其,網(wǎng)絡(luò)圖片敏释,把圖片編進(jìn)Markdown
簡書自帶上傳圖片功能,因此不多廢話摸袁。
![蘋果](http://upload-images.jianshu.io/upload_images/16367356-bbafb43be3a9b4c4.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
(圖片來源于百度)
以下對(duì)圖片的操作都無法顯示钥顽,不再一一截圖,但是應(yīng)該都可以在編輯器上實(shí)現(xiàn)靠汁。
修改圖片大小
方法一 使用html代碼
<img src ="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" height="500px" width="500px" >
width 與 height 沒有順序要求蜂大,=數(shù)字可加單位(px-像素,cm-厘米蝶怔,mm-毫米)县爬。
width和height只寫其中一個(gè)按原圖比例修改另一個(gè)。
效果:
(此處應(yīng)有圖片)
方法二 使用支持圖片大小更改操作的 Mou 編輯器
使用如下語法
[圖片上傳失敗...(image-b5c184-1550671755184)]
試了試好像不支持添谊,先放上面财喳。
注意: =前有個(gè)空格,可以只寫寬度斩狱。
縮放
<img src ="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width=50%>
這個(gè)好像只能按照width耳高,以原圖比例縮放,不知道其他編輯器怎么樣所踊。
效果:
(此處應(yīng)有圖片)
對(duì)齊方式
一張圖片
<img src ="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width=50% align="right">
(我也沒有成功泌枪。。秕岛。)
圖片組
<div align="center">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width="15%" >
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width="15%" >
</div>
效果:
(此處應(yīng)有圖片)
超鏈接
行內(nèi)式
[**簡書-創(chuàng)作你的創(chuàng)作**](http://www.reibang.com/)
包含'title'的鏈接
[**簡書-創(chuàng)作你的創(chuàng)作**](http://www.reibang.com/ "簡書官網(wǎng)")
也可以用于鏈接本地文件
參考式
分為兩部分
[鏈接文字][識(shí)別符]
[識(shí)別符]:URL "title"
第一行定義鏈接碌燕,第二行定義鏈接內(nèi)容误证。識(shí)別符可以不寫,用鏈接文本代替修壕,URL可以使用<>括起來愈捅,title可以用"" ''()包括。鏈接內(nèi)容的定義可以放在文檔的任意地方慈鸠,因此蓝谨,參考式可以多次引用同一個(gè)鏈接,避免頻繁定義青团。
鏈接的自動(dòng)轉(zhuǎn)換
使用<>括起來的URL或者郵箱地址會(huì)自動(dòng)轉(zhuǎn)換為超鏈接
<http://www.reibang.com/>
<123456789@email.com>
該方式適合行內(nèi)較短的鏈接譬巫,會(huì)使用 URL 作為鏈接文字。郵箱地址會(huì)自動(dòng)編碼督笆,以逃避抓取機(jī)器人芦昔。
水平線
可以在一行中使用三個(gè)或更多的 *
、-
或 _
來添加分隔線(<hr>
)
***
-------
_____
字符之間可以有空格但不能有其他字符娃肿。
腳注[1]
一般用法:
文字[^腳注id]文字
[^腳注id]:腳注內(nèi)容烟零。
注意:
腳注id請(qǐng)保持唯一性,引用和內(nèi)容的id需要一一對(duì)應(yīng)
如果只有底部腳注正文而文章中沒有引用,此條腳注將被隱藏
如果只有文中引用沒有底部對(duì)應(yīng)腳注,一條新的腳注將添加到腳注列表末尾则吟,且以引用標(biāo)記的腳注id為內(nèi)容
引用標(biāo)記的腳注id系馆,支持?jǐn)?shù)字字母和空格
腳注內(nèi)容支持 titile 屬性,但 title 加在引用標(biāo)記上
目錄
[TOC]
效果就是本篇目錄
4.段落
這個(gè)可能因?yàn)榫庉嬈鞑煌胁灰粯拥姆椒ā?/p>
一個(gè)段文本如果前后一行都是空行(沒有字符,或只有空格和制表符),那么它是一個(gè)段落。
換行
有時(shí)后需要另起一行而不是新加一段末早。
typora貌似可以shift+enter換行
后面的內(nèi)容
也可以加<br>
后面的內(nèi)容
可以在前一行的末尾加入至少兩個(gè)空格
然后換行寫其它的文字
縮進(jìn)
使用特殊的占位符
【1】  或  //半角空格
【2】  或  //全角空格
【3】 或  //半角的不斷行的空白格
從&到;一個(gè)字符都不能少
?段落1【1】
?段落2【2】
?段落3【3】
對(duì)照段落
全角的狀態(tài)下雙擊兩次空格
切換到全角模式下輸入兩個(gè)空格就行了。搜狗輸入法需要右鍵打開说庭,或者在屬性設(shè)置->高級(jí)->快捷鍵中開啟全半角切換快捷鍵(shift+空格)
對(duì)齊
Markdown基本不支持排版然磷。
可以使用html語言實(shí)現(xiàn)(可能有不同版本,簡書不支持)
<center>居中</center>
<p align="left">居左</p>
<p align="right">居右</p>
-
腳注不是標(biāo)準(zhǔn)Markdown的內(nèi)容刊驴∽怂眩可能會(huì)有不同的定義方式。 ?