柚子快報(bào)邀請碼778899分享：其他 MD文本編輯器使用

http://yzkb.51969.com/

快捷方式

1、標(biāo)題

1.1、Markdown格式文本

## 標(biāo)題2 ##

### 標(biāo)題3 ###

#### 標(biāo)題4 ####

##### 標(biāo)題5 #####

###### 標(biāo)題6 #######

OR

Ctrl+1

Ctrl+2

Ctrl+3

Ctrl+4

Ctrl+5

Ctrl+6

1.2、顯示效果

2、列表

2.1、 無序列表

2.1.1、Markdown格式文本

+ a

+ b

+ c

- d

- e

- f

* g

* h

* i

2.1.2、顯示效果

abc

def

ghi

2.2 、嵌套列表

2.2.1、Markdown格式文本

無序

+ a

+ a1

+ a2

+ ba

+ c

有序

1. a

1. adac

1. adaw

2. adfsda

2. ad

3. sad

2.2.2、顯示效果

無序

a

a1a2 bac

有序

a

adac

adaw adfsda adsad

3、引用快

3.1、行引用

3.1.1、Markdown格式文本

行引用

> adsadfafadfae aef ae

a ef a fae q3ef

3.1.2、顯示效果

引用

adsadfafadfae aef ae a ef a fae q3ef

3.2、嵌套引用

3.2.1、Markdown格式文本

嵌套引用

> awd aw

>> a

3.2.2、顯示效果

嵌套引用

awd aw

a

4、代碼塊

4.1、Markdown格式文本

代碼塊

`

adaawf

`

多行代碼塊兒

?```

adaawfwrfwr

?```

多行代碼塊設(shè)置語言

?```sql

SELECT current_date;

?```

4.2、顯示效果

代碼塊 adaawf 多行代碼塊兒

adaawfwrfwr

多行代碼塊設(shè)置語言

SELECT current_date;

5、鏈接

5.1、Markdown格式文本

//鏈接

[百度1](www.baidu.com)

5.2、顯示效果

//鏈接 百度1

6、圖片

6.1、Markdown格式文本


6.2、顯示效果

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-HQnCSW8u-1675302333647)(null#pic_left)]

6.3 粘貼圖片設(shè)置

3.1 設(shè)置文件夾

3.2 打開偏好設(shè)置

3.3 設(shè)置圖像

保存后文件自動保存到picture文件夾中

7、分割線

7.1、Markdown格式文本

分割線

---

- - -

-------

*****

* * *

____

7.2、顯示效果

分割線

8、表格

8.1、Markdown格式文本

表格

|123|234|345|

|:-|:-:|-:|

|abc|bcd|cde|

|abc|bcd|cde|

|abc|bcd|cde|

|abc|bcd|cde|

|abc|bcd|cde|

//例子二

|123|234|345|

|:---|:---:|---:|

|abc|bcd|cde|

|abc|bcd|cde|

|abc|bcd|cde|

//例子三

123|234|345

:-|:-:|-:

abc|bcd|cde

abc|bcd|cde

abc|bcd|cde

8.2、顯示效果

表格

123234345abcbcdcdeabcbcdcdeabcbcdcdeabcbcdcdeabcbcdcde

//例子二

123234345abcbcdcdeabcbcdcdeabcbcdcde

//例子三

123234345abcbcdcdeabcbcdcdeabcbcdcde

9、復(fù)選框

9.1、Markdown格式文本

- [ ] 復(fù)選框

- [x] 選中狀態(tài)

9.2、顯示效果

復(fù)選框 選中狀態(tài)

10、換行

本行后邊加兩個(gè)空格

11、其他

11.1、Markdown格式文本

//斜體

*md*

//粗體

**md**

//斜體

_md_

//斜體

__md__

//轉(zhuǎn)義

\+

//刪除線

~~刪除~~

11.2、顯示效果

//斜體 md

//粗體 md

//斜體 md

//斜體 md

//轉(zhuǎn)義

+

//刪除線

刪除

文本樣式

Markdown是一種輕量級標(biāo)記語言，排版語法簡潔，讓人們更多地關(guān)注內(nèi)容本身而非排版。它使用易讀易寫的純文本格式編寫文檔，可與HTML混編，可導(dǎo)出 HTML、PDF 以及本身的 .md 格式的文件。因簡潔、高效、易讀、易寫，Markdown被大量使用，如Github、Wikipedia、簡書等。

Markdown語法過于簡潔，因此沒有更改文本字體、字體大小、字體顏色的語法。但支持與HTML混編，使用HTML語法來改變字體、字體大小、字體顏色等。下面詳細(xì)講解一些。

1、Markdown現(xiàn)有的文本樣式。

由表中可以看到 Markdown 僅支持 斜體、加粗、標(biāo)記、刪除、粉色五類文本樣式，下面介紹HTML的 font 標(biāo)簽，使編寫的Markdown格式文本支持修改字體、改字體大小、改字體顏色。

2、HTML的font標(biāo)簽-改字體、字體顏色、字體大小。

講這個(gè)標(biāo)簽前，先看下面的 Markdown 格式文本及顯示效果

2.1、Markdown格式文本

這是宋體

這是楷體

This is courier New

這是紅色宋體

這是藍(lán)色楷體

This is LightSeaGreen courier New

這是默認(rèn)字體

這是紅色4號宋體

這是藍(lán)色5號楷體

This is LightSeaGreen courier New size 6

2.2、顯示效果

這是宋體 這是楷體 This is courier New

這是紅色宋體 這是藍(lán)色楷體 This is LightSeaGreen courier New

這是默認(rèn)字體 這是紅色4號宋體 這是藍(lán)色5號楷體 This is LightSeaGreen courier New size 6

2.3、font標(biāo)簽解釋

從2.1、Markdown格式文本可以看到font標(biāo)簽的基本應(yīng)用及格式，font標(biāo)簽主要有三個(gè)屬性face、color、size分別用來設(shè)置文本的字體、顏色、大小。這三個(gè)屬性可以單個(gè)地使用，如果對使用不清楚的，可以把2.1、Markdown格式文本內(nèi)容復(fù)制到markdown編輯器，然后自己修改著看看。

注意： 選擇的字體，要markdown編輯器支持的，如果太罕見的字體可能會沒有而顯示默認(rèn)的字體 字體顏色可以是英文表示的，也可以是#后面加rgb值表示，顏色和rgb值的可以參考顏色碼對照表 字體大小只有1到7總共7個(gè)字號可以選擇

3、HTML的mark標(biāo)簽-標(biāo)記文本

markdown本身也有標(biāo)記文本的語法，這里再提供一種內(nèi)嵌html的寫法，供讀者對比使用。

3.1、Markdown格式文本

這是正常文本

==這是 markdown 的標(biāo)記文本==

這是 HTML 的標(biāo)記文本

3.2、顯示效果

這是正常文本 這是 markdown 的標(biāo)記文本 這是 HTML 的標(biāo)記文本

4、HTML的strong標(biāo)簽-加粗文本

markdown本身也有加粗文本的語法，這里再提供一種內(nèi)嵌html的寫法，供讀者對比使用。

4.1、Markdown格式文本

這是正常文本

**這是 markdown 的加粗文本**

這是 內(nèi)嵌HTML 的加粗文本

4.2、顯示效果

這是正常文本 這是 markdown 的加粗文本 這是 內(nèi)嵌HTML 的加粗文本

5、HTML的em標(biāo)簽-斜體文本

markdown本身也有斜體文本的語法，這里再提供一種內(nèi)嵌html的寫法，供讀者對比使用。

5.1、Markdown格式文本

這是正常文本

**這是 markdown 的斜體文本**

這是 內(nèi)嵌HTML 的斜體文本

5.2、顯示效果

這是正常文本 這是 markdown 的斜體文本 這是 內(nèi)嵌HTML 的斜體文本

6、HTML的del標(biāo)簽-刪除文本

markdown本身也有刪除文本的語法，這里再提供一種內(nèi)嵌html的寫法，供讀者對比使用。

6.1、Markdown格式文本

這是正常文本

~~這是 markdown 的刪除文本~~

這是 內(nèi)嵌HTML 的刪除文本

6.2、顯示效果

這是正常文本 這是 markdown 的刪除文本 這是 內(nèi)嵌HTML 的刪除文本

7、HTML的big、small標(biāo)簽-加大、減小字號

前面 2.HTML的font標(biāo)簽 介紹了怎樣改字體大小，這里再介紹另一種寫法，供讀者對比使用。使用big標(biāo)簽字號比默認(rèn)的大一號，使用small標(biāo)簽使字號比默認(rèn)小一號

7.1、Markdown格式文本

這是比默認(rèn)字號小一號的文本

這是默認(rèn)字號文本

這是比默認(rèn)字號大一號的文本

7.2、顯示效果

這是比默認(rèn)字號小一號的文本 這是默認(rèn)字號文本 這是比默認(rèn)字號大一號的文本

8、HTML的font、mark、strong、em、del、big、small混合使用

上面介紹的幾個(gè)標(biāo)簽還可以混合使用，主要使用方式是在font標(biāo)簽前面加上其他標(biāo)簽，可以結(jié)合下面文本自己練習(xí)看看。

8.1、Markdown格式文本

這是默認(rèn)字體

這是道奇藍(lán)色courier New字體

這是高亮的道奇藍(lán)色courier New字體

這是高亮加粗的道奇藍(lán)色courier New字體

這是高亮加粗大一號的道奇藍(lán)色courier New字體

這是高亮加粗大一號斜體的道奇藍(lán)色courier New字體

8.2、顯示效果

這是默認(rèn)字體 這是道奇藍(lán)色courier New字體 這是高亮的道奇藍(lán)色courier New字體 這是高亮加粗的道奇藍(lán)色courier New字體 這是高亮加粗大一號的道奇藍(lán)色courier New字體 這是高亮加粗大一號斜體的道奇藍(lán)色courier New字體

實(shí)現(xiàn)頁內(nèi)跳轉(zhuǎn)

Markdown 的基礎(chǔ)語法中并沒有頁內(nèi)跳轉(zhuǎn)的相關(guān)知識點(diǎn)，而Markdown可以與HTML混編，所以可以使用 HTML 的語法來實(shí)現(xiàn)頁內(nèi)跳轉(zhuǎn)?？偣簿蛢蓚€(gè)步驟：①在要跳達(dá)的地方創(chuàng)建錨點(diǎn)；②在文章中引用錨點(diǎn)。

一、創(chuàng)建錨點(diǎn)

錨點(diǎn)：是在文章中的某個(gè)位置做標(biāo)記。如果將一篇文章比作一條有多戶人家的巷子，創(chuàng)建錨點(diǎn)就好比是給其中一戶人家安裝門牌號。

在HTML中，可以用id來定義位置，所以創(chuàng)建錨點(diǎn)就是創(chuàng)建一個(gè)id，語法如下：

這里是創(chuàng)建了一個(gè)id="article_top" 的標(biāo)簽。

二、引用錨點(diǎn)

創(chuàng)建完錨點(diǎn)后，就相當(dāng)于在文章的某個(gè)位置做了個(gè)標(biāo)記，有了這個(gè)標(biāo)記就可以使用 markdown 的語法(創(chuàng)建鏈接)引用這個(gè)位置，從而實(shí)現(xiàn)頁內(nèi)跳轉(zhuǎn)。引用錨點(diǎn)本質(zhì)上就是創(chuàng)建一個(gè)指向錨點(diǎn)的鏈接。語法如下：

[鏈接名稱](#錨點(diǎn)id)

鏈接名稱：是自己想定義的任何名稱或描述，一般根據(jù)文章上下文確定。 錨點(diǎn)id：就是已經(jīng)定義的錨點(diǎn)id。

注意： 錨點(diǎn)id前面還有一個(gè)#號。 錨點(diǎn)可以定義在文章的任意一行，引用錨點(diǎn)的鏈接也可以定義在文章任意位置。

三、實(shí)例講解

下面給出了一份 Markdown 格式的文章，可以直接復(fù)制到Markdown編輯器去看看顯示效果。 同時(shí)在3.2 顯示效果也給出了 3.1 的文章對應(yīng)的顯示效果。

3.1 Markdown 格式文章

文章頂部

標(biāo)題：Markdown 怎么實(shí)現(xiàn)頁內(nèi)跳轉(zhuǎn)的

內(nèi)容：

一、創(chuàng)建錨點(diǎn)

二、引用錨點(diǎn)

三、實(shí)例講解

總結(jié):

一、xxx

二、xxx

三、xxx

[回到頂部](#article_top)

如果不太懂，可以直接看[實(shí)例講解](#example)，把 Markdown 格式文章結(jié)合顯示效果研究一下。

3.2 顯示效果

文章頂部

文章頂部

標(biāo)題：Markdown 怎么實(shí)現(xiàn)頁內(nèi)跳轉(zhuǎn)的

內(nèi)容：

一、創(chuàng)建錨點(diǎn)

二、引用錨點(diǎn)

三、實(shí)例講解

總結(jié):

一、xxx

二、xxx

三、xxx

回到頂部

如果不太懂，可以直接看實(shí)例講解，把 Markdown 格式文章結(jié)合顯示效果研究一下。

3.3 講解

3.1 Markdown 格式文章中定義了2個(gè)錨點(diǎn)：錨點(diǎn)1(id=“article_top”)定義在文章頂部的前面；錨點(diǎn)2(id=“example”)定義在實(shí)例講解的前面。同時(shí)文章也設(shè)置了兩個(gè)引用錨點(diǎn)的鏈接：第一個(gè)鏈接是倒數(shù)第二行的回到頂部，引用了文章頂部的錨點(diǎn)；第二個(gè)鏈接是倒數(shù)最后一行的實(shí)例講解，引用了實(shí)例講解的錨點(diǎn)。在閱讀文章時(shí)點(diǎn)擊這2個(gè)鏈接時(shí)，會跳轉(zhuǎn)到對應(yīng)的錨點(diǎn)位置。

插入圖片對齊方式

一、MD編輯器插入圖片的方式：

不同的markdown編輯器可能有不同的顯示效果，下面介紹的是CSDN的MD編輯器。 它插入圖片語法：

1.1 圖片對齊方式

MD編輯器直接點(diǎn)圖片按鈕插入圖片的方式就是居中對齊的，按圖片的實(shí)際尺寸顯示，這是默認(rèn)的圖片插入方式。它會在圖片鏈接后面加上#pic_center的字樣，由此可以推斷：左對齊對應(yīng)#pic_left，右對齊對應(yīng)#pic_right，下面直接看例子。

1.1.1 markdown格式文本

- 下圖是居中顯示-圖片默認(rèn)插入方式


- 下圖是左對齊顯示


- 下圖是右對齊顯示


1.2 指定圖片尺寸

MD編輯器提供了帶尺寸的圖片的插入方式，就是在圖片鏈接的最后加上空格、等號寬x高，例如添加30x30尺寸就是=30x30,注意等號前面有個(gè)空格。下面用markdown文本舉個(gè)例子。上面那個(gè)圖片原圖是360x360的，下面把它按照180x180地尺寸添加進(jìn)來看看效果。至于左對齊、右對齊的尺寸，自己結(jié)合著使用就行了。

1.2.1 markdown格式文本


二、內(nèi)嵌HTML語法實(shí)現(xiàn)插入圖片

HTML插入圖片的基礎(chǔ)語法： 使用HTML語法插入圖片，默認(rèn)是左對齊的，可以用

標(biāo)簽來改變其對齊方式，

標(biāo)簽定義一個(gè)區(qū)域，使用align屬性可以改變定義的區(qū)域的對齊方式。其他屬性參閱下面的例子，2.1 markdown格式文本可以直接拷貝到markdown編輯器去看效果。

在 HTML 中，

標(biāo)簽用來定義圖片，是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。

src指 “source”。源屬性的值是圖像的 URL 地址

alt屬性用來為圖像定義一串可替換的文本。無法載入圖像時(shí)，替換文本告訴讀者，他們失去的信息。

title屬性描述了元素的額外信息 (作為工具條使用)

height(高度) 與 width(寬度) 屬性用于設(shè)置圖像的高度與寬度。

style屬性規(guī)定元素的行內(nèi)樣式（inline style），定義圖片時(shí)可以用來縮放

標(biāo)簽用來定義文檔中的一個(gè)分隔區(qū)塊或者一個(gè)區(qū)域部分

align屬性用來對齊，它的值有l(wèi)eft、right、center、justify

2.1 markdown格式文本

- ``標(biāo)簽添加圖片

- `alt`屬性 - 這里圖片鏈接錯(cuò)誤，圖片無法載入，所以顯示了`alt`屬性的文本

- `height、width`屬性 - 指定寬高為150

- `

` 標(biāo)簽的`align`屬性 - 使圖片和文本居中，左對齊`left`，右對齊`right`

摩托車圖片

柚子快報(bào)邀請碼778899分享：其他 MD文本編輯器使用

http://yzkb.51969.com/

相關(guān)閱讀

評論可見，查看隱藏內(nèi)容

本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點(diǎn)和立場。

轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。

本文鏈接：http://gantiao.com.cn/post/18824842.html

Shoprite優(yōu)選生活館

發(fā)布評論

取消回復(fù)

•