Markdown是一種輕量級標記語言,用來撰寫文本檔案,后綴為.md,目前大部分博客文章都是支持Markdown撰寫,
下面介紹一個我常用的撰寫檔案的工具:
Typora是一款輕便簡潔的Markdown編輯器,支持即時渲染技術,這也是與其他Markdown編輯器最顯著的區別,更重要的是它是免費的,
下載地址:Typora(https://www.typora.io/)],支持Mac,Window,Linux
基礎語法
1、目錄
[TOC]會自動為當前的目錄生成目錄,目錄是根據當前檔案的標題來生成
部分網站可能不支持此功能
本文效果如下:
文章目錄
- 基礎語法
- 1、目錄
- 2、標題
- h1
- h2
- h3
- h4
- h5
- h6
- 3、文字修飾
- 4、分割線
- 5、串列
- 5.1、有序串列
- 5.2、無序串列
- 5.3、待辦串列
- 5.4、串列嵌套
- 6、參考
- 7、代碼塊
- 8、表格
- 9、超鏈接
- 9.1、超鏈接
- 9.2、直接顯示鏈接
- 9.3、使用描點
- 10、圖片
- 10.1、插入本地圖片
- 10.2、插入網路圖片
- 10.3、把圖片存入markdown檔案
- 10.4、使用HTML標簽
- 11、文字上下標
- 12、文字縮寫
- 13、腳注
- 14、Markdown思維導圖
2、標題
Markdown支持6中級別的標題,對于html表情h1-h6
# h1
## h2
### h3
#### h4
##### h5
效果如下:
h1
h2
h3
h4
h5
h6
3、文字修飾
在Markdown檔案中,可以為文字添加效果:加粗,斜體,洗掉線,下劃線,效果可疊加
*文字斜體*
**文字加粗**
***文字斜體加粗***
~~文字洗掉~~
~~**文字洗掉加粗**~~
~~*文字斜體洗掉*~~
<u>下劃線</u>
效果如下:
文字斜體
文字加粗
文字斜體加粗
文字洗掉
文字洗掉加粗
文字斜體洗掉
下劃線
4、分割線
分割線使用:
***
---
效果如下
5、串列
5.1、有序串列
有序串列使用 數字 和 點 表示:
1. 有序串列一
2. 有序串列二
3. 有序串列三
效果如下:
- 有序串列一
- 有序串列二
- 有序串列三
5.2、無序串列
無序串列可以使用 +、-、* 表示其中任意一種都可以:
+ 無序串列1
+ 無需串列2
+ 無需串列3
- 無需串列1
- 無序串列2
- 無序串列3
* 無序串列1
* 無序串列2
* 無序串列3
效果如下
- 無序串列1
- 無需串列2
- 無需串列3
- 無需串列1
- 無序串列2
- 無序串列3
- 無序串列1
- 無序串列2
- 無序串列3
5.3、待辦串列
待辦串列可以表示任務處理狀態 -[] 表示 待辦 狀態 , -[X] 表示 已辦 狀態
部分網站不支持待辦串列
- [ ] 待辦任務1
- [ ] 待辦任務2
- [X] 已辦任務 \
效果如下:
- 待辦任務1
- 待辦任務2
- 已辦任務
5.4、串列嵌套
需要嵌套串列時,在子串列之前添加 四個空格 即可:
- 無需串列
- 無序子串列1
- 無序子串列2
1. 有序串列
1. 有序子串列1
2. 有序子串列2
效果如下:
- 無需串列
- 無序子串列1
- 無序子串列2
- 有序串列
- 有序子串列1
- 有序子串列2
6、參考
參考一端文字使用符合 >
> 這是一段參考
參考可以分為多級,一個 > 表示一級:
> 一級
>> 二級
>>> 三級
>>>> 四級
>>>>>五級
效果如下:
一級
二級
三級
四級
五級
7、代碼塊
Markdown支持兩種代碼塊,一種是 行內代碼塊,一種是 多行代碼塊
行內代碼塊 用雙反引號``(Tab鍵上那個鍵)參考,會高亮顯示,
多行代碼塊 支持多種編程語言高亮,用三個反引號```參考
這是行內代碼塊`` System.out.println `` 表示方法
這是多行代碼塊:
```java
//java代碼
```
效果如下:
這是行內代碼塊
System.out.println表示方法這是多行代碼塊:
//java代碼
8、表格
Markdown表格的書寫用豎線 | 來分割不同的單元格,使用 橫線 —— 來分割表頭和其他行
如下表示三行三列的表格
| 表頭1 | 表頭2 | 表頭3 |
| ---- | ---- | ---- |
| 第一行第一列 | 第一行第二列 | 第一行第三列 |
| 第二行第一列 | 第二行第二列 | 第二行第三列 |
| 第三行第一列 | 第三行第二列 | 第三行第三列 |
效果如下:
| 表頭1 | 表頭2 | 表頭3 |
|---|---|---|
| 第一行第一列 | 第一行第二列 | 第一行第三列 |
| 第二行第一列 | 第二行第二列 | 第二行第三列 |
| 第三行第一列 | 第三行第二列 | 第三行第三列 |
使用 冒號:來表示表格中內容的 對齊方式:
冒號在左邊:表示左對齊
冒號在右邊:表示右對齊
兩邊都有冒號:表示居中對齊
| 左對齊 | 右對齊 | 居中對齊 |
| :---- | ----: | :----: |
| 第一行第一列 | 第一行第二列 | 第一行第三列 |
| 第二行第一列 | 第二行第二列 | 第二行第三列 |
| 第三行第一列 | 第三行第二列 | 第三行第三列 |
效果如圖:
左對齊 右對齊 居中對齊 第一行第一列 第一行第二列 第一行第三列 第二行第一列 第二行第二列 第二行第三列 第三行第一列 第三行第二列 第三行第三列
9、超鏈接
9.1、超鏈接
超鏈接表示方式如下:
[超級鏈接文字](網址)
使用中括號和小括號表示,文字描述寫在中括號內,網址 寫在小括號內,例如:
[這是百度網址](https://www.baidu.com)
效果:
這是百度網址
9.2、直接顯示鏈接
如果想要直接顯示鏈接地址,可以使用<>符號將地址包括:
<https:///www.baidu.com>
效果如下:
https:///www.baidu.com
9.3、使用描點
使用 描點,首先是要定義描點,然后再參考描點,
定義描點 是在一個標題后面加上{#描點名稱},如下:
### 這是一個描點{#here}
然后使用如下格式使用描點,中括號內是描點描述,小括號內是描點名稱
跳轉到[描點](#here)
跳轉到描點
10、圖片
插入圖片由四種方式,分別是:
10.1、插入本地圖片
語法如下:

10.2、插入網路圖片
語法如下:

10.3、把圖片存入markdown檔案
這種方式需要首先將圖片轉換成base64編碼格式,然后將圖片內容放入markdown檔案中,然后再參考圖片,語法如下:
![描述圖片的文字][圖片宣告]
[圖片宣告]:圖片base64 編碼內容
例如
![描述][base64str]
【base64str]:data:image/png;base64,..........
10.4、使用HTML標簽
Markdown 中支持HTML中的標簽,來顯示圖片,當然也可以使用HTML屬性,來調節圖片大小等
<image src = "">
11、文字上下標
上標使用 ,下標使用 , 如下:
下標:X<sub>2</sub>
上標:Y<sup>2</sup>
效果如下
下標:X2
上標:Y2
12、文字縮寫
文字縮寫使用HTML 標簽,如下:
<abbr title = "Hyper Text Markup Language">HTML</abbr> 是一種標記語言
效果如下:
HTML 是一種標記語言
13、腳注
使用腳注也是分兩步,一是定義注腳,二是使用注腳,
定義注腳的語法如下:
[^注腳名稱]:注腳內容
中括號內有個上堅號^,后邊緊跟腳注名稱,中括號后邊是一個冒號,在后面是腳注內容,一般腳注定義會被顯示在檔案的最后,多個腳注定義不能寫同一行,
使用腳注時候,只要在需要腳注的文字后邊加上[^腳注名稱]即可,如下:
這是一個腳注實體[^腳注名稱]
示例:
腳注視力[^note]
腳注示例2[^note2]
[^note]:這是腳注示例內容
[^note2]:這是腳注示例內容2
效果:
腳注視力1
腳注示例22
14、Markdown思維導圖
Markmap是一個支持Markdown語法的思維導圖工具,通過Markmap,可以使用markdown語法來生成思維導圖,
Markmap開源免費,簡單易用,你可以在這里將你寫的Markdown檔案轉化為思維導圖
這是腳注示例內容 ??
這是腳注示例內容2 ??
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/332143.html
標籤:其他
上一篇:yum到底是干什么的?
下一篇:面試官:如何實作掃碼登錄功能?
