為什么我要使用Markdown？
markdown在排版方面具有巨大的優(yōu)勢，與寫word相比你在寫markdown時(shí)是可以邊寫邊排版的，這樣的話就會潛移默化地訓(xùn)練你的思維邏輯的條理性讓你對你自己的文檔的邏輯線清楚明了。
各級標(biāo)題
在標(biāo)題前面加不同數(shù)量的#就形成了不同層級的標(biāo)題。
我是一級標(biāo)題
我是二級標(biāo)題
我是三級標(biāo)題
我是四級標(biāo)題
我是五級標(biāo)題
我是六級標(biāo)題
字體
斜體
內(nèi)容兩邊加*內(nèi)容即變?yōu)樾斌w顯示 我變成斜體了
粗體
內(nèi)容兩邊加兩個(gè)*內(nèi)容即變?yōu)榇煮w顯示 我變成粗體了
粗斜體
內(nèi)容兩邊加三個(gè)內(nèi)容即變?yōu)榇中斌w 我變成粗斜體了
高亮顯示
需要高亮的內(nèi)容前面分別加兩個(gè)
==我不是==
<mark style="box-sizing: border-box; background: rgb(255, 255, 0); color: rgb(0, 0, 0);">高亮顯示</mark>
以上三項(xiàng)注意內(nèi)容和*之間不帶空格
圖片和鏈接的插入
鏈接的插入
一對中括號緊接著一對小括號(英文狀態(tài)下) 中括號的內(nèi)容即需要鏈接顯示的內(nèi)容，小括號的內(nèi)容即為具體的url，小括號內(nèi)加引號可以在鼠標(biāo)經(jīng)過時(shí)顯示引號內(nèi)容 嗶哩嗶哩 另一種可以在尖括號中間直接插入鏈接的url http://www.bilibili.com 還有一種通過賦值的方法插入網(wǎng)址(賦值內(nèi)容可以放在文檔的任何一個(gè)位置) bilibili
[網(wǎng)址1] http://www.bilibili.com
圖片的插入
使用鏈接插入圖片
使用一個(gè)!加一個(gè)[]再加一())就可以通過鏈接插入一張圖片,也可以通過加引號加title
使用本地文件插入圖片
兩種方法對應(yīng)的就是絕對位置和相對位置
相對位置
顧名思義，相對位置中的相對的意思就是相對于md文件本身的位置所言的。 [圖片上傳失敗...(image-230b92-1594115436693)]
絕對位置
絕對位置更好理解就是把圖片在你本地的完整路徑直接懟上去
腳注
待解釋1yi 待解釋2er 注意腳注的id也就是中括號里面的內(nèi)容是唯一的用來唯一標(biāo)識某個(gè)腳注 最后就會在文末顯示對應(yīng)的腳注
[yi] 我是待解釋1的腳注
[er] 我是待解釋2的腳注
引用
使用不同數(shù)量的大于號標(biāo)識不同層級的引用(有點(diǎn)hltv評論區(qū)的那味了)
第一層引用
第二層引用
第三層引用
代碼塊(程序員必備)
代碼塊兩邊加一個(gè)或者三個(gè)票號的鍵位就可實(shí)現(xiàn)代碼塊 Hello World
加三個(gè)飄號的效果
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="java" cid="n803" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); --select-text-bg-color: #36284e; --select-text-font-color: #fff; font-size: 0.9rem; line-height: 1.71429em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(218, 218, 218); position: relative !important; margin-bottom: 3em; margin-left: 2em; padding-left: 1ch; padding-right: 1ch; width: inherit; color: rgb(31, 9, 9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">//代碼塊的語法
?
```shell</pre>
## java代碼
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="java" cid="n814" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); --select-text-bg-color: #36284e; --select-text-font-color: #fff; font-size: 0.9rem; line-height: 1.71429em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(218, 218, 218); position: relative !important; margin-bottom: 3em; margin-left: 2em; padding-left: 1ch; padding-right: 1ch; width: inherit; color: rgb(31, 9, 9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">package com.common.file;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.text.DateFormat;
import java.util.Date;
import java.util.Iterator;
import javax.swing.text.html.HTMLDocument.HTMLReader.FormAction; </pre>
## shell腳本
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n817" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); --select-text-bg-color: #36284e; --select-text-font-color: #fff; font-size: 0.9rem; line-height: 1.71429em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(218, 218, 218); position: relative !important; margin-bottom: 3em; margin-left: 2em; padding-left: 1ch; padding-right: 1ch; width: inherit; color: rgb(31, 9, 9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">//linux下spring項(xiàng)目的啟動命令
# java -jar blog start</pre>
還有另一種占據(jù)整個(gè)版心的代碼長塊方法是兩邊連打四個(gè)空格鍵(或者四個(gè)空格) Hello world
# 各種的線
## 分割線
使用三個(gè)連續(xù)的*或-或_都可以生成一條分割線
我是*生成的分割線
* * *
我是_生成的分割線
* * *
## 刪除線
內(nèi)容兩邊加兩個(gè)波浪線 ~~我不想寫代碼~~
# 列表
## 無序列表
使用一個(gè)+后面接一個(gè)空格就可以自動生成一個(gè)無序列表
* 我是一個(gè)無序列表的表項(xiàng)
* 我是一個(gè)無序列表的表項(xiàng)
* 我是一個(gè)無序列表的表項(xiàng)
* 我是一個(gè)無序列表的表項(xiàng)
* 我是一個(gè)無序列表的表項(xiàng)
## 有序列表
不同的數(shù)字后面接一個(gè)空格就可以自動生成一個(gè)有序列表 1 我是有序列表的第一項(xiàng) 2 我是有序列表的第二項(xiàng) 3 我是有序列表的第三項(xiàng) 4 我是有序列表的第四項(xiàng) 5 我是有序列表的第五項(xiàng)
## 多級列表
多級列表就是在無序列表的每一級前面加一個(gè)Tab的縮進(jìn)
* 第一層
* 第二層
* 第三層
* 第四層
* 第五層
# 表格
| 政治 | 英語 | 數(shù)學(xué) | 專業(yè)課 |
| --- | --- | --- | --- |
| 72 | 74 | 76 | 108 |
| | | | |
| | | | |
# 空格
一個(gè)and符號加上emsp再加分號就是一個(gè)中文空格加上ensp再加分號就是一個(gè)西文空格加上nbsp再加分號就是半個(gè)西文空格
?我需要一個(gè)中文的段前縮進(jìn)。 ?I need an empty before the paragraphy. I need a half empty before the paragraphy.
# 排版
## 居中
直接使用html就行
?
我居中了嗎？
<center style="box-sizing: border-box;">我也可以居中</center>
?
Tpora的各種快捷鍵
打開/關(guān)閉大綱視圖
Ctrl+Shfit+1
打開/關(guān)閉源代碼模式
Ctrl+/
