點擊上方「AI有道」,選擇「星標」公眾號
重磅乾貨,第一時間送達
作者:JackTian
微信公眾號:傑哥的IT之旅(ID:Jake_Internet)
聽說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編輯器編寫好後,然後複製粘貼到公眾號,所有的樣式渲染地很完美,包括圖片加載等等,且格式也不會變的很亂。