用簡書作 Markdown 圖床

作者：連玉君 ( 知乎 | 簡書 | 碼雲 | github )

Stata現場研討班即將開班（2018年1月中旬，北京）

Stata現場班-初級｜Stata現場班-高級

用 Markdown 寫東西時，圖片不能像 Word 那樣直接粘貼進去，需要使用 ![](圖片鏈接) 標記語句插入，其中圖片鏈接 就是一個圖片的網址 (url)。

如何獲取這個地址呢？

有三種情況：

1. 獲取網路圖片的 url；

2. 獲取屏幕截圖的 url（QQ 快捷鍵為Ctrl+Alt+A，微信快捷鍵為 Alt+A）

3. 上傳本地圖片生成 url

第一種情況相當於是使用網路圖片，雖然簡便，但如果圖片所在網站關閉，則無法正常顯示圖片。後兩種情況下，圖片是我們自己的，但我們需要把圖片存在一個可靠的地方，這個地方稱為圖床。雖然有些人推薦七牛等圖床，但我發現其實簡書就是一個很好的圖床。

1. 獲取網路圖片的 url 地址

以我們的碼雲項目 Stata007 為例，如果我們想獲得「碼雲」的 Logo 圖片，則可以採用如下步驟：

• Step 1：打開項目頁面，https://gitee.com/Stata002；
• Step 2：右擊需要保留的圖片，然後單擊【複製圖片地址】，即可把圖片鏈接地址 (url) 保存到剪切板。操作過程如下圖：

• Step 3：在 Markdown 編輯器（比如有道雲筆記，或碼雲的 readme.md頁面或 wiki.md 頁面）輸入用以插入圖片的命令 ![]()；
• Step 4：把游標放置於 () 中，右擊 → 粘貼(或者直接用快捷鍵Ctrl+V)，然後在 [] 中填入圖形標題。如果不想附加圖形標題，可以保持 [] 留空。完成後的語句為：

![圖2：碼雲 Logo](https://gitee.com/logo.svg?201702241900)

輸出圖片為：

2. 獲取屏幕截圖的 url

整體的思路是使用【簡書】編輯器作為圖床。因為簡書支持直接在編輯器中粘貼或拖拽圖片，並自動生成圖片鏈接。背後的原理是：簡書把你貼入編輯器的圖片自動保存在簡書的雲端，繼而自動生成這個圖片的鏈接（相當於這個圖片的 ID）。

步驟如下：

• Step 1： 登陸你的簡書賬號，點擊右上角【寫文章】旁邊的 Logo 的下拉菜單，選擇【設置】；然後在【常用編輯器】一欄選擇【Markdown】。亦可同時完成其他設置，最終選擇【保存】。
• Step 2： 重回你的【簡書】頁面，點擊右上角【寫文章】按鈕，打開一個新的編輯器頁面。
• Step 3： 採用 QQ 或微信截圖後（QQ 快捷鍵為Ctrl+Alt+A，微信快捷鍵為 Alt+A），直接貼入簡書編輯器中，就會自動生成圖片鏈接。
  圖 1 就是我採用微信截圖獲得的。自動生成的代碼如下（我自己添加了圖片標題圖1：獲取碼雲Logo圖片的步驟）：

![圖1：獲取碼雲Logo圖片的步驟](http://upload-images.jianshu.io/upload_images/7692714-675aaa79f38c44ab.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)n

3. 上傳本地圖片生成 url

操作步驟與第二種情況相似。你可以想像差別在哪裡？如果我們把 QQ 或微信截圖得到的圖片保存到本地硬碟中，接下來的操作就相當於為本地圖片生成一個 url。

假設你已經按照第二小節的方法把簡書的默認編輯器設定為 Markdown，那麼只需如下步驟就可以在家書中插入圖片：

• Step 1： 打開你的【簡書】，點擊右上角【寫文章】按鈕，打開一個新的編輯器頁面。
• Step 2： 從你的硬碟中 複製 擬插入的圖片 (右擊圖片 → 複製，快捷鍵 Ctrl+C)，直接貼入簡書編輯器中即可自動生成圖片鏈接。

結語

無論採用上述何種方式得到形如 ![圖片名稱](http://xxxx/xxx) 這樣的標記語句，都可以將其直接複製到其他 Markdown 編輯器中(如碼雲自帶的 Markdown 編輯器，有道雲筆記編輯器)，直接生成圖片。

只要簡書的伺服器還在，我們的圖片就永遠寄存在她那裡。

簡書就是我們的圖床。

http://weixin.qq.com/r/7Ujm-tfEHIpjrZOd9x3- (二維碼自動識別)

Stata現場培訓班即將開班（2018年1月中旬，北京）

簡書版本：用簡書作 Markdown 圖床