??大家都知道公眾號(hào)只支持富文本寫作,這就有了很大的限制,尤其對(duì)于程序員來說很不友好,不能插入代碼成了很多人的痛點(diǎn)。
??而往往你看到的很好看的排版,這也是人家經(jīng)過了幾個(gè)小時(shí)的選材排版后的結(jié)果。雖然市面上也有很多排版網(wǎng)站,如:秀米、135 、365,不否認(rèn)它們都很優(yōu)秀,但是要想有一個(gè)不錯(cuò)的排版,也是費(fèi)盡心力。
??而現(xiàn)在有一種只需要關(guān)注語法本身,不需要擔(dān)心排版的 神器 —— Markdown
??Markdown 是一種可以使用普通文本編輯器編寫的標(biāo)記語言,通過簡(jiǎn)單的標(biāo)記語法,它可以使普通文本內(nèi)容具有一定的格式。
??其語法簡(jiǎn)單易用,富文本能做到的它都能做到,同時(shí)又支持 HTML、以及代碼插入,很受程序員喜歡。
??Markdown 編輯器
??Markdown 只是一種語法格式,使用它寫作,只需要記住簡(jiǎn)單的幾個(gè)語法即可。正所謂:工欲善其事必先利其器,你現(xiàn)在還需要一款合適的能夠支持 Markdown 語法的編輯器。
??推薦幾款比較好用的編輯器:
Typora:所見即所得,神器,推薦
VScode:巨硬家族,很棒
Sublime Text:需要安裝插件
Atom:GitHub 推出,轉(zhuǎn)為程序員設(shè)計(jì),很強(qiáng)大
簡(jiǎn)書:一個(gè)寫作平臺(tái)
??上面五種編輯器,除了 Typora 與簡(jiǎn)書以為,其余三種都需要自己配置 Markdown 插件,在這里不在贅述。
??標(biāo)題
# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
...
??文本加粗
**文本加粗**
文本加粗
??斜體
*斜體*
斜體
??下劃線
<u>下劃線</u>
下劃線
??刪除線
~~刪除線~~
刪除線
??分割線
***
---
+++
??文本引用
> 這是一段文本,正在被引用...
這是一段文本,正在被引用…
??鏈接
[描述](鏈接地址)
[百度](https://www.baidu.com)
百度
??文本居中
<center>文本居中</center>
<center><font color=grey>文本居中</font></center> # 指定顏色
??換行
<br/>
換行<br/>換行 # 示例
換行
換行
??首行縮進(jìn)
  # 縮進(jìn)一個(gè)空白(字符)
  首行縮進(jìn)
??首行縮進(jìn)
??無序列表
+ 無序列表 # + 與文本之間有空格
- 無序列表
* 無序列表
無序列表
無序列表
無序列表
??有序列表
1. 有序列表
2. 有序列表
有序列表
有序列表
??復(fù)選框
* [x] 第一只青蛙 # 已勾選,* 與 [ ] 之間有空格
* [ ] 第二只青蛙 # 未勾選
* [ ] 第二只青蛙
√第一只青蛙
x第二只青蛙
x第二只青蛙
??插入圖片


??代碼塊
這是`行內(nèi)代碼`,行內(nèi)代碼。
```
代碼塊
```
這是行內(nèi)代碼
,行內(nèi)代碼。
代碼塊
??表格
|序號(hào)|名稱|類型|
|---|----|---|
|1 |表格 |Table|
序號(hào) | 名稱 | 類型 |
---|---|---|
1 | 表格 | Table |
同樣地使用 Markdown 寫作,你可能最終看到的效果卻不同,這是由于 CSS 樣式不同導(dǎo)致的。下圖就是不同樣式的引用,其表現(xiàn)方式也不同:
??上面這些樣式都是引用了別人已經(jīng)寫好的,第一個(gè)樣式是我在別人的基礎(chǔ)上,對(duì)其稍作修改,目前自己日常使用。
??推薦幾個(gè) CSS 樣式:
李笑來:https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2
MWeb:https://cdn.sspai.com/MWeb.css
陽志平:https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css
王小杰:https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-veganshe.css
聯(lián)系客服