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


在這里插入圖片描述

作者:JackTian
微信公眾號:傑哥的IT之旅(ID:Jake_Internet)
本篇文章首發於:為什么要學習 Markdown?究竟有什么用?

一、什么是 Markdown?

Markdown 是一種輕量級標記語言,創始人是約翰·格魯伯(John Gruber)。允許人們使用易讀易寫的純文本格式編寫文檔,可以導出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔,文檔后綴為.md.markdown
聽說Markdown是目前互聯網上最流行的寫作語言,它使用一些簡單的符號# * / > [] ()\來標記文本格式,語法非常簡單。除此之外,還有很多非常好看的格式可自行選擇。

二、為什么學習 Markdown?

自從運營公眾號起,剛開始那會,我都是通過公眾號后台編輯的文章。這里肯定有不少讀者,不知道公眾號后台是如何編輯文章的,給大家看下,具體見下圖。
在這里插入圖片描述
公眾號后台編輯文章時,不僅輸出的同時,還要調整字體大小、加粗、對齊、縮進等一系列的操作,剛開始推送出去的文章,排版整體覺得不是很美觀,后來,慢慢接觸了業界的大佬們吸取了他們的經驗,慢慢改善,逐步轉向了markdown編輯器,排版格式也得到了讀者們的認可。
在這里插入圖片描述
經過一段時間的研究后,Markdown 編輯器不僅可以幫助公眾號排版之外,還可以給其他文檔進行排版,使其文章更有結構感,整體布局也更加好看。我相信大家,只要你喜歡記錄和輸出,Markdown 是一個非常值得學習和掌握的技能,良好的平台擴展性,專注於寫作本身而不是格式。

三、Markdown 編輯器工具

平台文章編輯器:簡書、CSDN 等;
本地APP:MarkText、Typora、Notable、vnote 等;
Web APP:md2all、mdeditor 等;

四、Markdown 有哪些特點?

  • 一鍵創建
  • 支持主流的語法
  • 支持插入圖片
  • 支持多種模式切換
  • 跨平台同步
  • 演示模式
  • ......

五、Markdown 的基本語法

Markdown 標題

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

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

在這里插入圖片描述
字體

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

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

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

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

在這里插入圖片描述
分隔線

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

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

在這里插入圖片描述
刪除線

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

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

這行文字已被刪除

下划線

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

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

這行文字已被添加下划線

腳注

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

print ^Hello World

在這里插入圖片描述
列表

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

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

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

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

在這里插入圖片描述
列表嵌套

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

1. 第一
    - 第一個列表嵌套
2. 第二
    - 第二個列表嵌套
  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)

引用列表

  • 這是一個引用
  • 作者:JackTian
  1. 微信公眾號:傑哥的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等等)時,在頭部直接指定。

#!/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>

在這里插入圖片描述
除此之外,鏈接還可以用變量來代替。

這個鏈接用 Rsync 備份工具 作為網址變量 Linux 環境下實戰 Rsync 備份工具及配置 rsync+inotify 實時同步

這個鏈接用 無人值守安裝 作為網址變量 RHEL 6 下 DHCP+TFTP+FTP+PXE+Kickstart 實現無人值守安裝

結尾變量地址如下:

[Linux 環境下實戰 Rsync 備份工具及配置 rsync+inotify 實時同步]: https://mp.weixin.qq.com/s/P8XDrr7ROIXBYOZnLy45zA
[RHEL 6 下 DHCP+TFTP+FTP+PXE+Kickstart 實現無人值守安裝]: https://mp.weixin.qq.com/s/YcPnTT74HfturmINeDvCeA

圖片

圖片語法格式

![圖片描述](圖片地址)
![圖片描述](圖片地址 "可選標題")

在這里插入圖片描述
除此之外,圖片網址使用變量

這個鏈接用 WeChat 作為網址變量 WeChat。

變量賦值:

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

在 Markdown 編輯器是無法調整圖片的高度與寬度的,如需要可使用普通的<img>標簽。
在這里插入圖片描述
表格

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

表格語法格式:

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

注意:表格在公眾號預覽時,可能在 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 編輯器中插入數學公式時,可以使用兩個美元符$$包裹TeXLaTeX格式的數學公式來實現。

$$E=mc^2$$

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

\[E=mc^2 \]

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

多行公式
在這里插入圖片描述
橫向流程圖

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

在這里插入圖片描述
在這里插入圖片描述
豎向流程圖
在這里插入圖片描述
在這里插入圖片描述
標准流程圖
在這里插入圖片描述
在這里插入圖片描述
標准流程圖(橫向)
在這里插入圖片描述
在這里插入圖片描述
UML時序圖
在這里插入圖片描述
在這里插入圖片描述
UML 復雜時序圖
在這里插入圖片描述
在這里插入圖片描述
除了上面舉例的橫向流程圖、豎向流程圖、標准流程圖、標准流程圖(橫向)、UML時序圖、UML復雜時序圖,還有UML標准時序圖甘特圖等等。

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

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

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

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

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

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

復制前的效果圖:
在這里插入圖片描述
復制到公眾號編輯器后的效果圖:
在這里插入圖片描述

來和上萬名讀者一起見證彼此成長!

掃描下方二維碼,添加傑哥微信,備注:地區/城市-職業方向/學校-昵稱,即可加入傑哥的IT之旅讀者群,群內僅供學習交流、日常互動、資源分享、經驗分享等,一定要記得備注,我會盡快通過好友驗證的。
👆長按識別,添加微信

推薦閱讀

1、Linux 環境下實戰 Rsync 備份工具及配置 rsync+inotify 實時同步
2、RHEL 6 下 DHCP+TFTP+FTP+PXE+Kickstart 實現無人值守安裝
3、GitHub 標星 8K+!一款開源替代 ls 的工具你值得擁有!
4、我花了五個小時的時間,將全部文章詳細整理出來了,千萬不要錯過!
5、如何在后台運行Linux命令?
6、如何快速回憶起遺忘的 Linux 命令?


今天的推薦不知道大家喜歡嗎?如果你喜歡,請在文章底部留言點贊,以表示對我的支持,你們的留言點贊是我持續更新的動力哦,感謝大家!

1、點個贊,讓更多的人看到這篇文章,順便激勵下我,嘻嘻。

2、關注我的原創微信公眾號「傑哥的IT之旅」專注於IT技術干貨文章,以及不定期的分享學習資料,實用工具,面試經驗等,當然了還有內推機會哦,期待你的關注!
在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM