為什麼要學習 Markdown?究竟有什麼用?

2021-02-23 AI有道

點擊上方「AI有道」,選擇「星標」公眾號

重磅乾貨,第一時間送達

作者:JackTian
微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

一、什麼是 Markdown?
Markdown 是一種輕量級標記語言,創始人是約翰·格魯伯(John Gruber)。允許人們使用易讀易寫的純文本格式編寫文檔,可以導出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔,文檔後綴為.md,.markdown。

聽說Markdown是目前網際網路上最流行的寫作語言,它使用一些簡單的符號# * / > [] ()\來標記文本格式,語法非常簡單。除此之外,還有很多非常好看的格式可自行選擇。

二、為什麼學習 Markdown?

自從運營公眾號起,剛開始那會,我都是通過公眾號後臺編輯的文章。這裡肯定有不少讀者,不知道公眾號後臺是如何編輯文章的,給大家看下,具體見下圖。

公眾號後臺編輯文章時,不僅輸出的同時,還要調整字體大小、加粗、對齊、縮進等一系列的操作,剛開始推送出去的文章,排版整體覺得不是很美觀,後來,慢慢接觸了業界的大佬們吸取了他們的經驗,慢慢改善,逐步轉向了markdown編輯器,排版格式也得到了讀者們的認可。

經過一段時間的研究後,Markdown 編輯器不僅可以幫助公眾號排版之外,還可以給其他文檔進行排版,使其文章更有結構感,整體布局也更加好看。我相信大家,只要你喜歡記錄和輸出,Markdown 是一個非常值得學習和掌握的技能,良好的平臺擴展性,專注於寫作本身而不是格式。

三、Markdown 編輯器工具四、Markdown 有哪些特點?

一鍵創建

支持主流的語法

支持插入圖片

支持多種模式切換

跨平臺同步

演示模式

五、Markdown 的基本語法

使用#號可表示1-6級標題,一級標題對應一個#號,二級標題對應兩個#號,以此類推。

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

字體

斜體文本:可以在需要標註為斜體文本前及斜體文本結尾,輸入一個星號*或者一個下劃線_

粗體文本:可以在需要標註為粗體文本前及粗體文本結尾,輸入兩個星號**或者兩個下劃線__

粗斜體文本:可以在需要標註為粗斜體文本前及粗斜體文本結尾,輸入三個星號***或者三個下劃線_

*斜體文本*
_斜體文本_
**粗體文本**
__粗體文本__
***粗斜體文本***
___粗斜體文本___

分隔線

在一行中用三個(以上)的星號、減號、底線來建立一個分隔線,該分隔線行內不能輸出任何其他文本,也可以在星號或是減號中間插入空格。

***
* * *
*****
- - - 

刪除線

如果段落上的文字需添加刪除線,在需要添加刪除線的文字首部和尾部加上兩個波浪線~~即可

~~這行文字已被刪除~~

下劃線

如果段落上的文字需添加下劃線,在需要添加下劃線的文字首部和尾部加上<u>文本</u>即可

<u>這行文字已被添加下劃線</u>

腳註

腳註是對文本的備註說明。

print ^Hello World

[^Hello World]:你好,世界

列表

Markdown 支持有序列表和無序列表。

無序列表使用星號(*)、加號(+)或是減號(-)作為列表標記;

有序列表使用數字並加上 . 號標記;

* 第一
+ 第二
- 第三
1.第四
2.第五
3.第六

列表嵌套

列表嵌套需在子列表中的選項中添加四個空格

1. 第一
    - 第一個列表嵌套
2. 第二
    - 第二個列表嵌套

引用

Markdown 引用需在段落開頭使用>符號,後面緊跟一個空格符號,不加也可。

> 這是一個引用
> 作者:JackTian
> 微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

這是一個引用
作者:JackTian
微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

除上述引用外,還可以嵌套,一個>符號在第一層,兩個>符號是第一層的嵌套,以此類推。

> 這是一個引用
> > 作者:JackTian
> > > 微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

這是一個引用

作者:JackTian

微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

引用中使用列表

> 引用列表
> * 這是一個引用
> - 作者:JackTian
> 1. 微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

引用列表

微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

列表中使用引用

如要在列表中使用引用,需要在>號前添加四個空格的縮進。

- 列表中使用引用 1

    > 這是一個引用
    > 作者:JackTian
    > 微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

- 列表中使用引用 2

列表中使用引用 1

這是一個引用
作者:JackTian
微信公眾號:傑哥的IT之旅(ID:Jake_Internet)

列表中使用引用 2

代碼

markdown對代碼塊的語法是開始和結束行都要添加:```,其中 ` 為windows鍵盤左上角那個,要精確指定語言(如:java、cpp、css、xml、javascript、python、php、go、kotlin、lua、objectivec等等)時,在頭部直接指定,如:```java

#!/bin/bash
. /etc/init.d/functions
for var in {11..59};
do
ip=172.16.1.$var
ping -c2 $ip >/dev/null 2>&1
if [ $? = 0 ];then
action "$ip" /bin/true
else
action "$ip" /bin/false
fi
don

連結

連結語法格式:

[連結名稱](連結地址)

或者

<連結地址>

[Linux 環境下實戰 Rsync 備份工具及配置 rsync+inotify 實時同步](https://mp.weixin.qq.com/s/P8XDrr7ROIXBYOZnLy45zA)

或者

<https://mp.weixin.qq.com/s/P8XDrr7ROIXBYOZnLy45zA>

除此之外,圖片網址使用變量

這個連結用 WeChat 作為網址變量 WeChat。

變量賦值:

[WeChat]:https://mmbiz.qpic.cn/mmbiz_png/nDMNE6lrvW5vhBgOCoUxyvxibYqeibicjWyFzjVIY8fEWVslGUcwPxicOggBCt0Os7ib7KYzqwNLS3sIAmGMxQRlibjg/0?wx_fmt=png

在 Markdown 編輯器是無法調整圖片的高度與寬度的,如需要可使用普通的<img>標籤。

<img src="https://mmbiz.qpic.cn/mmbiz_png/nDMNE6lrvW5vhBgOCoUxyvxibYqeibicjWyFzjVIY8fEWVslGUcwPxicOggBCt0Os7ib7KYzqwNLS3sIAmGMxQRlibjg/0?wx_fmt=png" width="50%">

表格

製作表格使用|來分隔不同的單元格,使用-來分隔表頭和其他行。

表格語法格式:

|  表頭   | 表頭  |  表頭  |
|  ----  | ----  |  |
| 單元格  | 單元格 | 單元格 |
| 單元格  | 單元格 | 單元格 |

注意:表格在公眾號預覽時,可能在 PC 端顯示的不是正確的全屏,但在手機上預覽時會正常顯示為全屏。

如果你想調整表格的左對齊、右對齊、居中對齊,可按下述方式進行調整;

:-:將表頭及單元格的內容左對齊;
-::將表頭及單元格的內容左對齊;
:-::將表頭及單元格的內容居中對齊;

|  表頭1   | 表頭2  |  表頭3  |  表頭4  |
|  :----  | :----: | :: | :|
| 單元格1  | 單元格2 | 單元格3 |  單元格4 |
| 單元格1  | 單元格2 | 單元格3 |  單元格4 |

支持 HTML 元素

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等;

不在 Markdown 涵蓋範圍之內的標籤,可直接在文檔裡面用 HTML 撰寫,通過md2all編輯器是無法顯示使用<kbd>Ctrl</kbd>+<kbd>C</kbd>複製文本 HTML 元素的,這裡大家可以結合mdeditor編輯器平臺來實現。

使用 <kbd>Ctrl</kbd>+<kbd>C</kbd> 複製文本

轉義

在 Markdown 編輯器裡面使用了很多特殊符號來表示特定的意義,該特殊符號將不再顯示。那麼如果需要想讓這些特殊符號顯示出來,則需要使用轉義字符,Markdown 編輯器可使用反斜槓來進行轉義特殊字符即可;

轉義特殊字符格式:

\*\* 轉義特殊符號正常顯示 \*\*

科學公式

當需要在 Markdown 編輯器中插入數學公式時,可以使用兩個美元符$$包裹TeX或LaTeX格式的數學公式來實現。

$$E=mc^2$$

$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

多行公式

橫向流程圖

在md2all編輯器是無法實現流程圖的製作的,可以在有道雲筆記PC端,新建一個md的文件,開啟原始碼模式進行編輯查看效果;

```
graph LR
A(總經理) --> B(技術部)
    B --> C{開發/測試/運維}
    C --> |開發部| D[開發者1]
    C --> |測試部| E[測試者1]
    C --> |運維部| F[運維者1]
    G[橫向流程圖]```

豎向流程圖

```
graph TD
A(總經理) --> B(技術部)
    B --> C{開發/測試/運維}
    C --> D[開發者1]
    C --> E[測試者1]
    C --> F[運維者1]
    G[豎向流程圖]
```

標準流程圖

```flow
st=>start: 用戶登陸
op=>operation: 登陸操作
cond=>condition: 登陸成功 Yes or No?
e=>end: 進入後臺

st->op->cond
cond(yes)->e
cond(no)->op
```

標準流程圖(橫向)

```flow
st=>start: 用戶登陸
op=>operation: 登錄操作
cond=>condition: 登陸成功(Yes or No?)
sub1=>subroutine: 重新登錄
io=>inputoutput: 開始操作後臺
e=>end: 退出系統
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```

UML時序圖

```sequence
好友A->好友C: Hello,好友C!(請求)
Note left of 好友A: 一段有趣的對話
好友C-->好友A: Hi,好友A!(響應)
好友A->好友B: Good night!
好友B-->好友A: Good night!
好友C->好友B:  How are you?
好友B-->好友C: Fine,thank you!
```

UML 複雜時序圖

```sequence
Title: 標題:這是一個複雜的 UML 時序圖
好友A->好友C: Hello,好友C!(請求)
Note right of 好友C: 好友C的描述
Note left of 好友A: 好友A的描述(提示)
好友C-->好友A: Hi,好友A!(響應)
好友B->小三: 小三,你還好嗎?
小三-->>好友A: 好友B,今天找我了,問我還好嗎?
好友A->好友B: 那你怎麼回復小三的呢?
Note over 小三,好友B: 好久不見,我們還是好朋友。
participant 好友D
Note right of 好友D: 居然沒人問我???```

除了上面舉例的橫向流程圖、豎向流程圖、標準流程圖、標準流程圖(橫向)、UML時序圖、UML複雜時序圖,還有UML標準時序圖、甘特圖等等。

六、Markdown 可以在哪個平臺編寫文章?

在上面第三標題內簡單介紹了幾款平臺文章編輯器、本地 APP、Web APP,結合我自身情況,現在用的是md2all編輯器來寫文章,只需簡單的一些特殊字符來完成即可,不會把整體的文章搞的花裡胡哨的。

大家也可以根據自己的需求,選擇適合自己的。這裡也歡迎大家留言說說,你是通過什麼 Markdown 編輯器工具來寫文章的。

七、怎麼將 Markdown 編寫的文章與公眾號平臺相結合?

公眾號編輯器是一個富文本編輯器,樣式都比較基礎,不支持直接用Markdown語法來編輯文本。

我個人是通過md2all編輯器編寫好後,然後複製粘貼到公眾號,所有的樣式渲染地很完美,包括圖片加載等等,且格式也不會變的很亂。

相關焦點

  • 為什麼要學習 Markdown?究竟有什麼用?怎麼用?
    允許人們使用易讀易寫的純文本格式編寫文檔,可以導出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔,文檔後綴為.md,.markdown。聽說Markdown是目前網際網路上最流行的寫作語言,它使用一些簡單的符號# * / > [] ()\來標記文本格式,語法非常簡單。除此之外,還有很多非常好看的格式可自行選擇。二、為什麼學習 Markdown?
  • 讓文檔回歸本質,為什麼應該用Markdown
    本文就介紹下Markdown,以及為什麼應該用Markdown,還有支持Markdown的各種工具。如果您已經非常熟悉Markdown了,可以直接跳到後面查看工具介紹。首先說明下什麼是Markdown,維基百科的定義是:markdown是一種輕量的純文本標記語言。純文本對應的是富文本或者叫做格式化的文本,典型的代表是微軟的word文件。
  • R Markdown 簡介
    作者需要製作圖形,保存為文件,然後copy並粘貼到最終的報告中,這個工作嚴重依賴人力,如果數據有變更,那麼作者需要重複整個過程來更新圖形。現在,再R Markdown的模板中,每個報告都包含製作圖形,表格,數字所需的代碼,作者可通過knit來自動完成更新。convert - convert 文件。
  • 如果你還不會用Markdown
    Markdown使用一、介紹考慮到周圍不少同學不太了解markdown以及從未使用過markdown,這裡對markdown進行一下介紹。我平時寫公眾號文章全部是使用markdown編寫,之後使用相應的格式轉換工具排版,比起word要方便很多(當然如果word用的很熟練的話自然是不比markdown差的,我就屬於word用得不太利索的…)markdown在平時的工作生活中有很多方便的使用場景,例如做筆記,進行項目記錄,寫報告等等。
  • 打造一款基於monaco-editor及markdown-it的Markdown編輯器(上)
    '))實現功能我們要實現什麼功能?除了 markdown 基本的功能之外我們還需要包括拖拽上傳到圖床(此處使用了騰訊云云存儲),自定義 table,複製等功能。同時,我們要左右編輯區域和預覽區域進行同步滾動,能夠實時查看。markdown 拖拽上傳圖片如何在 Markdown 組件上寫拖拽事件?
  • 還在用 Word 做筆記?Markdown 開啟你更高效工作的第一步!
    ❞❝由於 Markdown 的輕量化、易讀易寫特性,並且對於圖片,圖表、數學式都有支持,目前許多網站都廣泛使用 Markdown 來撰寫幫助文檔或是用於論壇上發表消息。Markdown 書寫規範及排版指南儘管 Markdown 語法很簡單,但是想要寫出一份美觀、易維護的 Markdown 文檔,還是要注意其寫作規範。
  • 終於下決心處理了將markdown編寫內容複製到百家號排版亂的問題
    前因:在發文章前,先是通過自己博客用markdown進行編寫;然後生成對應的HTML標籤複製到頭條或公眾號;然後,下決心前的契機昨天發了一篇 GO語言學習系列五——GO的控制語句(補充指針),裡面用了大量的代碼片段(近段時間代碼片段最多的一片文章)在自己博客顯示當然是沒有多大的問題
  • Markdown與LaTeX公式的使用入門指南
    但特別要注意的是圖片存放的位置,一般來說可以有2種:直接使用外鏈圖片地址(不過有時可能被會屏蔽,或者可能面臨過期的情況)4、插入代碼大段代碼:```python# 這是一段python代碼```效果:8、其它其實絕大多數markdown的語法和操作在Typora和mdnice工具中都有對應的圖形操作方式,有這倆工具的加持,入門markdown實際上基本無門檻。遇到特別的問題再去查詢即可。
  • Markdown基礎語法
    markdown是一種輕量級標記語言,在2004年由約翰·格魯伯(英語:John Gruber)創建。markdown編寫的文檔可以導出為多種格式,如:html,word,圖片,pdf,Epub等,後綴為 .md 或者 .markdown。mar
  • 推薦幾款好用的markdown編輯器
    它有免費版和收費版(MarkdownPad Pro),一般情況下免費版就夠用了,想用pro版的可以自行網上下載,強大的國人crack無處不在的~ ~。markdown編輯器,它的設計理念很不一樣,是真正的即時預覽型編輯器,不同於左右兩個窗口的編輯器。
  • 常用的markdown語法
    最近學習了一個文本編輯工具Markdown,簡單了解一下其語法,通過簡單的一些語法也可以使我們的文本具有漂亮的格式顯示。個人覺得對我們筆記的記錄以及文章的發表都會帶來方便和好處。主要從以下幾點進行介紹,大家會發現很方便,加粗的是對這個語法的解釋,請不要寫入到markdown編輯器中。包括鍊表、列表、代碼塊、圖片、字體、標題等。
  • 專為 Gopher 準備的 Markdown 教程
    因此本文不是一篇 Markdown 語法教程,而是希望通過一個 Go 語言 Markdown 解析庫的學習來更深入地了解、掌握 Markdown。如果你對 Markdown 語法了解很少,這裡有一份極簡的教程:https://studygolang.com/markdown。
  • Markdown 新手入門語法
    語言我相信有很多小夥伴都使用過Markdown語言。2.列表學過html的同學一定知道什麼是有序列表和無序列表。在Markdown中非常方便,在文字前面加上*或者+或者-就可將其變成無序列表。實例:ok,那麼你可能會問,我有一個好多代碼的代碼塊,這樣打字會瘋的,其實markdown還提供了一種簡單的嵌入代碼塊的語法。在你的代碼塊的前面和後面都加上```(三個反引號)即可,如圖:
  • 如何用Markdown輕鬆排版知乎專欄文章?
    第一個插件是幫你預覽Markdown用的,它叫做markdown-preview-enhanced。Markdown裡,有圖片、表格和網頁連結,如果沒有預覽功能,那你就得面對許多代碼一樣的東西。對於非技術類寫作者來說,可能就會覺得不舒服了。Atom編輯器安裝插件的方法很簡單。使用Cmd + ,呼叫配置菜單。注意我這裡說的是蘋果系統macOS上的操作。
  • 一種用markdown寫PPT的方法,再也不用費勁排版了
    參考marp 官方文檔可以很快學會用法,但是用的時候去翻比較麻煩,我提煉了常用的語法,最後做了一個 PPT 練手,才算是學會了,現在分享出來以便以後翻閱。marp 是個什麼?正好 markdown 就是解決排版的一種語言,有好心人自發開發了一個做 ppt 的利器,只用關注內容,簡單分隔一下,稍微改一下樣式就可以用了。
  • 如何用Markdown寫論文?
    本文用簡明的樣例,介紹如何使用Markdown和自動化工具幫你處理數學公式、參考文獻引用、圖片交叉索引等學術論文寫作中常見的棘手問題。快來試試吧。(由於微信公眾號外部連結的限制,文中的部分連結可能無法正確打開。如有需要,請點擊文末的「閱讀原文」按鈕,訪問可以正常顯示外鏈的版本。)
  • 5分鐘掌握一項寫作技能,小白也能懂的簡明markdown教程
    什麼是markdownmarkdown是為那些需要經常碼字或者進行文字排版的、對碼字手速和排版順暢度有要求的人群設計的,他們希望用鍵盤把文字內容打出來後就已經排版好了,最好從頭到尾都不要使用滑鼠。這些人包括經常需要寫文檔的碼農、博客寫手、網站小編、出版業人士等等 參考 百度百科markdown簡明語法開始學習markdown就有必要了解一下基本的語法,這裡羅列一些基本的語法,這些語法是非常簡單且常用的,能夠幫助你快速掌握這門輕量的標記語言並且能夠動手寫自己的小博客,動手寫起博客之後一些高級的用法可以邊用邊學
  • Markdown筆記 | 一篇最詳細的Markdown 教程 --> 收好
    Markdown增強版中比較有名的有Markdown Extra、MultiMarkdown、 Maruku等。這些衍生版本要麼基於工具,如Pandoc;要麼基於網站,如GitHub和Wikipedia,在語法上基本兼容,但在一些語法和渲染效果上有改動。Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文本格式編寫文檔。
  • Markdown學習筆記
    Markdown是什麼 ?簡介Markdown 是一種輕量級標記語言,創始人是約翰·格魯伯(John Gruber)。允許人們使用易讀易寫的純文本格式編寫文檔,可以導出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔,文檔後綴為.md,.markdown。
  • 我們為什麼要學習英語?學習英語到底有什麼用?
    為什麼要學習英語?很多人應該都問過這樣的問題!尤其很多被英語折磨過的同學,會發出這樣「靈魂」的拷問:「為什麼要學習英語?」其實不是很簡單嗎?而英語是大語種,世界通行,學習另外一門語言自然要選擇大語種了。掌握了英語的好處大家心知肚明,就不一一列舉了。回到問題的本身,為什麼會有這樣的「靈魂」拷問?