互聯網時代如何更優雅的寫文章（博客）

寫做方式的演變

原始寫做

  曾經，在上世紀90年代與21世紀初，PC（我的電腦）尚未普及，那時候寫文章還用的紙和筆，字體與排版全靠咱們本身的書法功力與審美能力。

單機寫做

  21世紀以來，受益於計算機技術的發展與半導體行業的日新月異，計算機的價格逐年下降，被愈來愈多的人所接受，我的電腦逐漸進入了千家萬戶。在電腦上寫文章逐漸成爲一種潮流，由於它高效、便捷、易修改與低成本，所以Microsoft Word/WPS成爲了此時最經常使用的文字處理軟件。

在線寫做

  21世紀發展至今，互聯網高速發展，從最初的64Kbps電話線網絡（峯值下載速度8KB/S）發展至後來的1 - 4M ADSL寬帶（峯值128KB/S - 512KB/S），再到今天的100-200M光纖寬帶（峯值12.5MB/S - 25MB/S）。人們已經不侷限於在單機上面寫文章，而但願文章被更多的人看到。因而人們選擇了在線寫做平臺：微信公衆號、知乎、簡書、WordPress、cnBlog、CSDN...等各類博客平臺。

多平臺發佈的不便

  爲了得到更多的閱讀量，讓本身的文章可以被更多的讀者看到，極可能會選擇將同一篇文章在多個平臺上，那麼此時就會遇到一個很棘手的問題：排版。

  咱們知道，各大寫做平臺都有本身的文本編輯器。當你在編輯器中將文本編輯好以後，須要利用編輯器中的排版功能來調整文字大小、格式、顏色等等。若是文章中有插圖，還須要將圖片先上傳，而後在文章中插入。上述操做雖然不復雜，但若是隻操做一次還好，若是想要在多個平臺同時發佈，那麼須要在多個平臺的編輯器上進行重複的操做（每一個平臺的編輯器都不同，操做可能還有差別），那麼做者必定會崩潰。

其餘的一些問題

• Word到在線平臺的文章遷移

  可能有些人由於習慣使用Word來寫做，或者不喜歡某個在線平臺的編輯器，他但願先在Word中將文章寫好，而後再複製進在線平臺。此時就會遇到問題：

1. 文中的圖片全沒了（目前尚未看到有在線平臺能夠自動識別並上傳粘貼進去的圖片）
2. 排版格式可能會錯亂（這個跟平臺編輯器有關，若是編輯器對word支持得比較好那排版就基本還在）

• 草稿未自動保存

  可能你也被坑過，當在某個在線平臺中編寫了數個小時，可能由於電腦網頁未響應或斷電等意外的緣由，致使以前編寫的內容未保存而只能重頭寫過，此時的心裏是有多麼絕望。

• 圖片被禁止外鏈

  上文中有提到，若是想在多個平臺發佈文章，須要將文中的圖片分別上傳，那麼有沒有辦法只上傳一次呢？你可能想到，將圖片上傳到平臺A那麼就能夠得到該圖片在平臺A上的URL地址，那麼在平臺B上發佈文章的時候，直接插入平臺A的圖片地址不就能夠了嗎？

  很是不幸的是，如今不少在線平臺對圖片作了外鏈限制，在平臺B中是打不開平臺A中的圖片連接的。

• 圖片被自動加水印

  一樣是多平臺發佈，例如你將文章中的圖片發佈到了CSDN博客，CSDN會自動加上其水印。若是某天你想將該文章發佈到某某平臺，而又丟失了圖片原文件的話，就只能先將CSDN的文中圖片保存下來再上傳，但由於圖片上有水印，就會顯得文章很是不專業。

推薦的寫做方式：MarkDown

MarkDown介紹

  那麼什麼是MarkDown呢？使用過Git倉庫的同窗應該不會陌生，建立好Git倉庫後，會推薦你寫一個Readme.md來介紹你的倉庫，而這個文件就是MarkDown格式（從後綴就能看出來）。

  這裏引用一段百度百科的介紹：

Markdown是一種可使用普通文本編輯器編寫的標記語言，經過簡單的標記語法，它可使普通文本內容具備必定的格式。

  通俗來說，就是可讓你在「記事本」這種普通文本處理軟件中，寫出具備文字格式、段落編排、數學公式、圖片、視頻的文件。聽起來是否是頗有趣？更好的消息是，目前主流的在線平臺都已經支持MarkDown。

  這就意味着，你能夠在「記事本」中寫出像在Word裏面同樣漂亮的文章，還能夠經過Ctrl-C + Ctrl-V將該文章拷貝到諸如微信公衆號、知乎、簡書、WordPress、cnBlog、CSDN等在線平臺中（包括公司的Confluence平臺），而無需再次編輯格式、排版等問題，由於他們都有相同的格式，而且已經在MarkDown中定義好了。

MarkDown基本語法

  MarkDown的語法介紹的文章很是多，隨便一搜就會有不少。

  這裏一篇比較完整的教程：

https://www.runoob.com/markdown/md-tutorial.html

  我曾經也整理過一篇：

https://juzii.gitee.io/2017/07/20/markdown-study-note/

  若是你想看最官方的MarkDown語法介紹，能夠在這裏找到。

編輯器推薦

  上文中提到過，只要是能寫普通文本的軟件如「記事本」均可以拿來寫MarkDown。可是若是有一款軟件能讓你「所見即所得」，可以實時將你寫的MarkDown語法轉換爲排版（渲染）後的效果，那豈不是更好。

  如上圖所示，我推薦用的編輯器是Typora，這是我在Windows上是我見過體驗最好、界面最美的，並且是免費的一款所見即所得的MarkDown編輯器。它同時支持Windows、OS X、Linux平臺。若是你是Mac用戶，那選擇就挺多，據說MWeb、Ulysses、MacDown都挺好用。爲何是據說？由於我沒有Mac設備。

圖片的處理

  若是你已經看過了MarkDown的語法，那你應該已經知道，要在MarkDown中添加圖片，能夠用以下的語法：

![圖片名稱](圖片連接) 例如：![RUNOOB 圖標](http://static.runoob.com/images/runoob-logo.png)

  那麼我如何才能得到個人圖片連接呢？你就須要將你的圖片上傳至某個在線存儲服務提供商才行？業內將該存儲圖片的地方稱爲「圖牀」，那麼有什麼圖牀能夠選擇呢？

雲服務對象存儲

七牛雲

  七牛雲的對象存儲服務的基礎計費項包括：存儲空間容量，流量，請求次數，這裏有具體的價格詳情。簡單來講，就是每個月有10G的免費容量，10萬次免費請求，可是流量費用有0.29 元/GB。

騰訊雲

  騰訊雲的對象存儲 COS 的計費項包括：存儲容量費用、請求費用、數據取回費用 和 流量費用，具體的訂價在這裏。簡單來講，就是前6個月有50G的免費容量，超期後是0.099元/G/月，請求費用是0.01元/萬次，流量費用是0.5元/GB。(數據取回費用可忽略，通常用不上)

阿里雲

  阿里雲的對象存儲計費方式也是包括：存儲容量，流量，請求次數，具體的訂價在這裏。簡單來講，就是存儲費用0.12/G/月，請求費用一樣是0.01元/萬次，流量費用閒時是0.25元/GB，忙時是0.5元/GB。

自有（雲）服務器

  若是你有本身的（雲）服務器，那麼還能夠在服務器上自行搭建一個Web服務器來用做圖片下載使用。可是不推薦這麼作，由於圖片下載特別佔用服務器帶寬，可能會影響服務器上的其餘應用。

對比

  從價格來看，費用大體是七牛雲<騰訊雲<阿里雲，所以若是要選擇雲服務商，七牛雲是比較好的選擇，而且根據用戶反饋，下載效果是不錯的。價格估算：若是1篇文章有10個圖片，每一個圖片是100K，那麼該篇文章大體佔用1M的存儲空間，若是該篇文章有1萬的閱讀量，那麼會消耗10G的流量，大體會產生2.9元的費用。

免費的方案：Git倉庫

  上面的方案都是收費的，有免費的方案嗎？若是有這樣一個網站，你能夠將本身的文件上傳上去，其餘全部用戶能夠自由的點擊訪問，這不就實現了咱們存儲圖片的需求了嗎？那麼現實中有這樣的網站嗎？

  答案是有的！若是你是程序員，你應該據說過Github，是的，就是全球最著名的代碼託管倉庫。可是國內的訪問速度較慢，國內有同類的網站嗎？有的！它就是碼雲（不是馬雲），是中國最有名的代碼託管倉庫，其服務器目前部署在阿里雲，國內的訪問速度很快。使用步驟以下：

註冊碼雲賬號

https://gitee.com/signup

---

新建倉庫

點擊右上角「加號」-「新建倉庫」

---

填寫倉庫名稱，選擇「公開」，勾選「使用Readme文件初始化這個倉庫」，點擊建立

---

建立文件夾

最好建立一個文件夾來區分不一樣的圖片，例如article1

---

上傳圖片

進入剛新建的文件夾，點擊上傳文件

---

拖拽文件或點擊上傳，填寫提交信息（可隨意填寫），點擊提交

---

獲取圖片地址

點擊剛剛上傳的圖片，點擊「原始數據」便可得到圖片的地址，就能夠在MarkDown中使用了。

例如：https://gitee.com/juzii/res/raw/master/pic/2019/08/markdown/2.png

若是你使用的是Typora這樣的實時渲染的編輯器，那麼就能夠看到該圖片了。

MarkDown的其餘應用

  MarkDown的可擴展性很是強，除了其自身定義的標籤外，MarkDown還兼容絕大多數html元素標籤，這就意味着你能夠利用html元素標籤實現MarkDown自己未實現的功能，例如視頻、字體顏色、刪除線、分割線...等等，作web前端的同窗在這裏就能夠自由發揮了。

  可是，該項擴展跟平臺MarkDown的具體實現有關，並非全部平臺都支持。例如公司的Confluence就不支持，若是你想了解該部份內容，請乘坐專機抵達支持的平臺，不然下方內容沒法正常顯示。

視頻

  通常各大視頻網站（愛奇藝、騰訊視頻、優酷、Bilibili等）在視頻的下方都有分享的按鈕，在分享中通常會有「通用代碼」或「嵌入代碼」的內容，咱們僅須要將代碼拷貝進入咱們的Markdown文中便可。

例如，以下的視頻代碼爲：

<iframe src="//player.bilibili.com/player.html?aid=64860674&cid=112590017&page=1" scrolling="no" 
border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

爲了更好的適應頁面與視頻內容，咱們最好給視頻加上高度與寬度：width="600" height="580"

文字顏色與字體

  文字顏色與字體使用<font>標籤便可，分別設置color屬性與face屬性

格式：<font color="red">紅色</font>

效果：紅色

---

格式：<font face="STCAIYUN">我是華文彩雲</font>

效果：我是華文彩雲

刪除線

刪除線使用<s>標籤便可

格式：<s>寫的很差，請多指教</s>

效果：寫的很差，請多指教

以上。