原創@飛白
自媒體時代，人人都可以發聲，大家都可以通過互聯網發表自己的言論和觀點。常見的自媒體平臺有微信公衆號，知乎，微博，頭條，以及各個新聞博客平臺等。自媒體寫作與傳統寫作最大的不同，就是突出個性思維，只要找準自己的定位，一直堅持一個方向深耕，且不說會得到什麼樣的收益，但一定會提升自己的綜合能力。我之前也不止一次問過自己，“你又不是大咖，寫什麼文章？質量還不高？”我想，大概是興趣驅動，寫作是一種思考和沉澱的過程，於我而言是收穫。
借用《後浪》裏的一句話：
人與人之間的壁壘被打破，你們只憑相同的愛好，就能結交千萬個值得幹杯的朋友，你們擁有了我們曾經夢寐以求的權利——選擇的權利。
是的，我們有幸生在這個時代，自媒體已經沒有職業之分了，任何職業的個體都可以在網絡上發文分享自己的知識、經驗、見識，也可以通過短視頻這個當紅的渠道快速傳播。對於我們IT技術人來講，一般會選擇從技術知識寫作入手，那麼怎樣才能寫好一篇文章呢？作爲一個粉絲數接近0的作者，我還是有一點乾貨與你分享。
準備工作
準備一篇有品質的文章，除了實打實的文章質量，美觀的排版設計和豐富的素材也會加不少分。那麼要從哪些方面入手呢？不着急，馬上給您安排！
寫作方式
最重要的當然是寫作方式，選擇一些好的編輯器往往讓你事半功倍。一般而言，我們會選擇富文本編輯器和Markdown編輯器兩大類。
富文本編輯器
一般的寫作平臺都標配了富文本編輯器，所見即所得，這種感覺可能跟使用Word文檔差不多。對於大多數人來說，富文本編輯器是一個非常棒的選擇。下面是微信公衆號的一個富文本編輯器界面：
雖然有了富文本編輯器，但是寫作仍然是一個傷腦筋的事情，比如找一些關注引導推薦類的素材還不夠方便，所以我們還需要一個有大量可用素材模板的編輯器。
有流量的地方自然有人去做，微信公衆號這麼一個巨大的流量通道，市面上自然少不了各種微信圖文編輯器。大家可以自行去搜索下，我這裏就不實名推薦了，防止廣告嫌疑。
這些編輯器內的素材都可以方便地複製到微信公衆號的編輯器裏，有的甚至做了一鍵導入到微信公衆號的能力。
當然這裏不可避免會出現一些收費的素材，但是免費的基本上已經滿足大衆需求了，不用過於擔心。
Markdown
作爲程序狗，自然忍不住要提一提Markdown。Markdown是一種標記語言。通過簡單的標記語法，它可以使普通文本內容具有一定的格式，可以代表標題，文本，表格，圖片，鏈接等等。
你完全不用擔心Markdown效果不好，雖然Markdown默認是極簡風格，但是結合現在的表現層語言，它可以做得很漂亮。下面是一個簡單的例子：
你也不用擔心不會使用Markdown，市面上已經有很多非常nice的Markdown編輯器。有了這些編輯器，你可以像寫word文檔一般玩轉Markdown。
typora
這裏必須強力推薦一款編輯器typora了，是因爲它真的很好用。
在typora，你可以選擇各種主題：
利用這些主題，你可以專注於把控文章質量，寫好之後直接複製到微信公衆號，知乎等平臺上的編輯器中，效果非常棒！
mdnice等在線編輯器
如果不想用本地的markdown編輯器，也有在線的備選項，搜索“在線markdown編輯器”就好了。
這裏推薦一個mdeditor[1]，但是一般的在線markdown編輯器都沒有主題功能，如果你需要做出個性化的效果，可能這些還不夠。
所以必須要推薦我現在很喜歡的一款編輯器mdnice[2]了。mdnice可以說是把CSS的威力發揮得淋漓盡致了，支持的主題很多，也可以自行定義主題（如果你會使用CSS語言的話，可以嘗試一下），下面這個主題是我自己定製的，個人覺得效果還行。
mdnice也支持一鍵複製到微信公衆號，掘金，知乎等平臺，可以滿足多數人的需求。
並且mdnice支持緩存你的歷史修改版本，這樣也可以從一定程度上防止寫作內容丟失了！
還有一款類似的編輯器，做得也挺好的，就是主題太少了點。附上鍊接：https://lab.lyric.im/wxformat/#
之前還用過一款md2all，不過好像停更了，鏈接是：http://md.aclickall.com/
語雀
有一次我本地用typora寫作，結果系統崩了，沒保存到，心態有點炸。最近我開始慢慢地在語雀上寫個大概的草稿，然後可以導出markdown格式，轉到typora或者mdnice再細緻改改。有云同步的功能還是保險啊。
我在公司寫文檔也基本上是用語雀的(之前還試過自己搭gitbook，不過沒語雀給力)，這是阿里內部孵化的很好的一款工具，強烈推薦！
說了這麼多編輯器，並不是說選擇哪一款就可以解決所有問題，一般來說，結合起來使用，效果更棒，可以自行體會下！
素材
搞清楚瞭如何選擇編輯器，接下來的重點就是素材的收集和處理了。靈活地運用素材，會讓你的文章顯得很飽滿，生動有趣！
無版權圖
首先要說的就是圖片素材，寫作的過程中，我們大部分時候會希望插入一些優質的圖片，或是風景圖，或是卡通，或是人物圖。找圖片素材自然要上一些靠譜的網站了，我這裏也推薦一些，有些是否能商用要仔細看看，反正個人用途基本上沒問題的。
https://wallhaven.cc/ 這個是我用得最多的，並且支持原圖在線裁剪。
https://www.pexels.com/zh-tw/
https://pixabay.com/zh/photos/
https://stocksnap.io/
圖標
有時候我們可能也不需要找很大的圖片素材，如果只是尋找一個小圖標的話，上iconfont[3]就基本上解決了，支持導出主流的圖片格式，並且可以自定義修改顏色，大小等。對了，iconfont是前端工程師日常開發中一個很重要的工具哦！
動圖
如果需要錄製一些GIF動圖，比如操作引導之類的，就需要一個比較方便的工具了。我這裏使用的是GifCam，如果您有更好的工具，請不吝賜教。
錄屏
如果要錄視頻的話，可以選擇FSCapture，除了錄屏之外，還可以實現截圖，滾動截圖等能力哦，可謂是小而美。
之前還用過一款超級錄屏[4]，也是不錯的。
當然還有一個神器OBS Studio，接觸過直播的應該都知道（別問我爲什麼知道）。
表情包
有時候還是要來點表情包活躍下氣氛的，除了日常蒐集的表情包，我們有時候可能希望製作一些跟我們寫作主題相關的表情，這個時候就要搜一下表情包製作了，這種工具很多，自行篩選即可。這裏也簡單地列舉幾個吧：
https://fabiaoqing.com/diy
https://app.xuty.tk/static/app/index.html
https://www.52doutu.cn/diy/
Emoji
插入emoji也是個基本操作了，但是很多平臺的編輯器還不支持直接識別emoji編碼，直接複製上去是不行的，會被認定爲普通文本。
而typora編輯器是支持emoji的，只要把emoji編碼複製上去，馬上就呈現出來了。
所以我們可以先在typora編輯器裏面把emoji弄好，然後複製到其他平臺上的富文本編輯器，就可以顯示出來了。
據我測試，大部分markdown編輯器是不支持這樣做的，如果想把emoji複製到markdown編輯器上，需要先從typora複製到富文本編輯器，然後就可以把emoji表情從富文本編輯器複製到markdown編輯器上了。
關於emoji的編碼，這裏有比較完整的一個列表。https://www.webfx.com/tools/emoji-cheat-sheet/
流程圖/結構圖/架構圖
畫圖是一個很有用的方法，可以幫助我們把一個複雜的過程簡單而直觀地展示出來，極大提高了我們的效率。
桌面端有強大的visio
在線的繪圖平臺有ProcessOn
思維導圖
ProcessOn也可以畫思維導圖，類似的還有百度腦圖。不過我還是更習慣用桌面端的xmind。
資源壓縮
一般來說，找一些在線的壓縮工具即可。但是有的要收費，要注意避坑。
壓縮圖片
https://tinypng.com/
https://www.tutieshi.com/compress/
https://www.soogif.com/compress
https://docsmall.com/image-compress
壓縮視頻
我幾乎不用視頻素材，如果要壓縮視頻，一般是找桌面端工具了，可以自行搜索下，或者看看這篇知乎如何壓縮視頻大小？[5]
圖牀
我目前只用了七牛雲和路過圖牀。
七牛雲對象存儲，如果不用https的話，存圖片是免費的。
路過圖牀[6]，這個是免費的，但是複製到微信公衆號編輯器上，直接加載失敗，頭疼，估計是做了防盜鏈。
還有一個比較好的工具PicGo[7]，集合了多個圖牀平臺，有興趣的可以試試。
在線作圖
有時候我們要處理下封面，或者公衆號首圖，光有素材可能還不夠的，一般人也不會使用PS，那麼在線作圖還是很重要的，可以節省很多時間。
這裏推薦我用過的兩款：
稿定設計[8]：素材比較豐富，也支持同步到微信公衆號素材庫。
Canva[9] 我早期用的一個在線作圖工具。
騷操作
圖片加陰影
我們經常會截圖作爲素材，但是有時候截圖的輪廓感不是很強，這個時候就要給圖片來加個陰影效果了。我試過直接在mdnice上用css的box-shadow做陰影，但是感覺比較容易受盒子的影響，出現不太好的效果。
所以我覺得還是直接改圖片本身比較好，我現在使用的圖片處理工具是ShareX。如果你會使用PS，那就自然不必多說。
typora主題定製
typora支持主題定製，首先要找到typora的主題目錄。
然後添加一個css文件，例如feibai.css，寫下需要定製的css內容，比如：
h1 {
background: url(http://qncdn.xxx.cn/xxx.svg);
background-size: 48px 48px;
background-position: top center;
background-repeat: no-repeat;
text-align: center;
font-size: 24px;
}
h1 > span {
padding-top: 48px;
display: block;
color: #135ce0;
}
接着在typora選擇你剛纔寫的主題，就可以看到效果了。
如果想要詳細瞭解如何定製typora主題，可以主動聯繫我。
最後
做了這些準備工作，我不敢打包票說能寫出很nice的文章，但至少能過得了自己眼球這一關吧。好了，本次分享結束，如果您覺得這篇文章還不錯，歡迎關注+在看+分享鼓勵一下我，也可以留言加我微信交流，謝謝！
參考
[1]
mdeditor: http://www.mdeditor.com
[2]mdnice: https://mdnice.com/
[3]iconfont: https://www.iconfont.cn/
[4]超級錄屏: https://www.onlinedown.net/soft/518458.htm
[5]如何壓縮視頻大小: https://www.zhihu.com/question/62583598?sort=created
[6]路過圖牀: https://imgchr.com/
[7]PicGo: https://picgo.github.io/PicGo-Doc/zh/guide/#%E5%BA%94%E7%94%A8%E6%A6%82%E8%BF%B0
[8]稿定設計: https://www.gaoding.com/
[9]Canva: https://www.canva.com/zh_cn/
