如何用 Markdown 寫出一篇優(yōu)質(zhì)的文章？

本文寫給對寫作感興趣的同學(xué)，不少同學(xué)使用筆記或者在線社區(qū)記錄自己的生活、學(xué)習(xí)，然而如何寫好一篇文章、一段總結(jié)不是一件簡單的事，本文介紹一些簡單的技巧，可以快速提高文章質(zhì)量。

尊重版權(quán)，合理引用

這章放在最前面，因?yàn)闊o論文章寫得好與壞，是否原創(chuàng)，是否尊重別人的版權(quán)是最重要的，人品即文品。如何合理、合法地引用別人文章的內(nèi)容而不造成侵權(quán)？

使用免版權(quán)圖片

比如這篇文章的封面圖片，來自這個(gè)網(wǎng)站?unsplash^[1]。上面的圖片都是免費(fèi)、免版權(quán)、可商用的，此外類似的免版權(quán)圖片網(wǎng)站還有很多：

?pixabay^[2]?pexels^[3]?colorhub^[4]

更多的不舉例了，可以自行谷歌百度。

鏈接引用，方便讀者拓展閱讀

好的文章往往有不少參考的外鏈（文章內(nèi)藍(lán)色字體，可點(diǎn)擊跳轉(zhuǎn)的鏈接）。引用別人結(jié)果時(shí)可以插入相關(guān)鏈接，表示對別人成果的尊重。其次由于讀者水平、基礎(chǔ)不同，不能指望內(nèi)容能夠適配所有人群，添加來自維基百科、百度百科、官方文檔的鏈接解釋相關(guān)名詞，可以有效拓展讀者范圍。

如果你使用 markdown，語法也很簡單，如下：

[text](https://markdowner.net)

片段文字引用，指明來源

由于讀者水平、基礎(chǔ)不同，不能指望內(nèi)容能夠適配所有人群，添加來自維基百科、百度百科、官方文檔的鏈接解釋相關(guān)名詞，可以有效拓展讀者范圍......

原文地址：xxxxxx，作者：xxxxxx

如上所示，當(dāng)文章需要引用別人的文字片段，比如總結(jié)或者觀點(diǎn)時(shí)，應(yīng)該使用引用塊，并標(biāo)明文字來源。

如果你使用 markdown，語法也很簡單，一個(gè)?>?符號 + 文字，如下：

> 引用文字

優(yōu)雅排版，邏輯清晰

封面

一個(gè)好的封面能夠吸引讀者，圖文相關(guān)加強(qiáng)讀者印象，增強(qiáng)閱讀體驗(yàn)，由于現(xiàn)今主要的流量都在移動端，封面也要考慮顯示兼容的問題，比如微信公眾號，有長圖也有方圖：

公眾號特尺寸比較特殊，我們常用的比例主要是 1:1 和 16:9 的圖片，一些工具自帶預(yù)覽功能，可以提前查看圖片顯示是否優(yōu)雅，比如本文用了碼道人^[5]的編輯器，自動提取兩種比例的封面，本文主要介紹如何寫作，所以選擇了一張筆記本 + 咖啡的圖片，體現(xiàn)輕松寫作的氛圍。兩種比例的截圖都能體現(xiàn)這種感覺，沒有太大的信息丟失。

封面來源可以使用前面介紹的免版權(quán)圖片網(wǎng)站，也可以使用一些在線封面制作工具。比如我用這個(gè)網(wǎng)站：canva^[6]?隨便做了一個(gè)封面：

類似的在線封面制作網(wǎng)站還有很多，可以谷歌一下，自己做的圖片就沒有侵權(quán)的問題了～

截圖清晰，只留重點(diǎn)

截圖應(yīng)該只保留重要信息，避免圖片尺寸過大。比如下圖，使用 mac 自帶的截圖截取，顯示優(yōu)雅。

下面這張圖就是反面教材：

?圖片過大，導(dǎo)致在小屏幕端字體顯示過小?包含大量無關(guān)信息：任務(wù)欄、標(biāo)簽欄、大量空白、輸入法切換欄

標(biāo)簽欄、任務(wù)欄、收藏夾等不是必要的信息，除了顯示的問題，有時(shí)還會暴露自己的隱私信息。

少量樣式點(diǎn)綴，配色優(yōu)雅

文章應(yīng)該避免過多花里胡哨，避免過多顏色、字體樣式，否則會大大降低閱讀體驗(yàn)、且讓人覺得作者行文邏輯不清晰。

上圖是個(gè)反面教材，來自某 CSDN 網(wǎng)站?？梢钥吹蕉潭桃欢挝淖?，包含了紅色黑色、字體加粗、錯(cuò)誤的標(biāo)題級別，剛打開還沒看內(nèi)容讀者就關(guān)閉了。。。體驗(yàn)太差。如果我來排版，會寫成這樣：

locate(字符,字段名)

作用：如果包含相應(yīng)字符，則返回大于 0 的數(shù)（這個(gè)字符在字符串中的位置），否則返回 0

語法：locate(string substr, string str[, int pos])

hive> select locate('a','abcda',1);OK1Time taken: 0.391 seconds, Fetched: 1 row(s)hive> select locate('a','abcda',2);OK5Time taken: 0.406 seconds, Fetched: 1 row(s)

replace(str,from_str,to_str)

在字符串 str 中所有出現(xiàn)的字符串 from_str 均被 to_str 替換，然后返回這個(gè)字符串...

排版是不是清晰很多？讀者更加容易提取想要的內(nèi)容。這里用到了幾個(gè)技巧：

1.中文、英文、數(shù)字之間添加空格，顯示更加清晰2.避免使用標(biāo)題排版不同大小字體3.拋棄所有 HTML、CSS 語法，只使用簡單 markdown 語法4.避免前后重復(fù)文字說明同一件事情

這里解釋下為什么要避免使用 HTML 語法：可以這么說 90% 以上使用 markdown 的同學(xué)并不清楚如何用好 HTML 和 CSS，而且 markdown 本身的就是為了擺脫復(fù)雜樣式排版，只保留少量樣式，達(dá)到簡潔排版的目的，使用 HTML 與 markdown 初衷背道而馳。

友好的編輯器，關(guān)注點(diǎn)分離

使用一些友好的編輯器也能夠提高寫作效率，分離關(guān)注點(diǎn)，markdown 本身就很簡潔了，但是大多數(shù)編輯器都是左右分屏預(yù)覽模式，長文章很難檢查排版、大綱，視覺的關(guān)注點(diǎn)在 markdown 的語法上面，一些所見即所得的編輯器可以解決這一點(diǎn)，如果是本地使用，推薦?typora^[7]，如果是在線版，可以使用碼道筆記^[8]。

References

[1]?unsplash:?https://unsplash.com/
[2]?pixabay:?https://pixabay.com/
[3]?pexels:?https://www.pexels.com/
[4]?colorhub:?https://colorhub.me/
[5]?碼道人:?https://markdowner.net/
[6]?canva:?https://www.canva.com/
[7]?typora:?https://typora.io/
[8]?碼道筆記:?https://markdowner.net