最近報名了拉勾數(shù)據(jù)分析訓(xùn)練營，由于課程內(nèi)容比較豐富并且每一階段的作業(yè)需要提交到Gitee（碼云）镰惦，因此在學(xué)習(xí)過程中需要用Markdown軟件Typora記課程筆記稠诲。但是會碰到一個問題：將寫好的文檔提交到gitee后，圖片無法顯示因妙。
備注: 由于markdwon語法插入圖片用的是圖片鏈接门怪，而不是像word一樣將整個圖片嵌入到文檔骡澈。因此，插入的圖片雖然在本地能顯示掷空，但是卻不方便移植到其他網(wǎng)站肋殴。
此時需要將圖片上傳到碼云，再重新在md文檔中更改每一張圖片鏈接坦弟，或者每次需要轉(zhuǎn)換為PDF上傳护锤，過程較為麻煩。后來了解到可以用Typora+圖床(即存儲圖片的服務(wù)器）可以方便地解決這一問題：
在Typora中插入圖片時酿傍，軟件會自動將圖片上傳到服務(wù)器烙懦，并返回鏈接。由于圖片存儲在云服務(wù)器上赤炒，即圖片的鏈接一直保持不變氯析，我們無論將文章移植到何處，圖片都可以正常顯示可霎。
作為一個純小白魄鸦，將自己搭建圖床的過程記錄一下。
Typora是一款支持實時預(yù)覽的Markdown文本編輯器癣朗，它有OSX拾因、Windows、Linux三個平臺的版本，并且完全免費绢记。界面十分簡潔：
想象一下要實現(xiàn)圖片上傳功能扁达，計算機完成了哪些事情：
- 在Typora中插入圖片時，將圖片上傳到服務(wù)器 （我們需要建立一個服務(wù)器存儲圖片蠢熄，需要一個軟件將其上傳服務(wù)器）
- 此時服務(wù)器中圖片的地址為www.xxxx跪解，需要將服務(wù)器中的地址轉(zhuǎn)為markdown格式（需要一個軟件將圖片格式轉(zhuǎn)為markdown格式，再傳回到Typora中）
因此签孔，為了實現(xiàn)圖片插入功能叉讥，我們還需要兩個東西：存儲圖片的服務(wù)器、上傳及轉(zhuǎn)化圖片為markdown格式的軟件（即圖床客戶端）饥追。
這兩個東西可以選擇的有很多：
- 服務(wù)器： 阿里云图仓、騰訊云、七牛云但绕、Github救崔、gitee（碼云）等
- 軟件： Upic、ipic捏顺、picgo等
Window平臺和Mac平臺可以根據(jù)自己的需要來選擇六孵。我這里使用的是阿里云（主要考慮到阿里云可能會比較穩(wěn)定，并且費用也不貴幅骄，9元錢搞定）和Upic軟件（開源免費）來搭建圖床劫窒，其他圖床的設(shè)置可以參考Typora的官方說明教程。搭建過程具體如下拆座。
1 下載Typora
在Typora官網(wǎng)下載Typora
如無法下載烛亦，可以關(guān)注公眾號“和黑黑”，回復(fù)“圖床”獲取百度網(wǎng)盤鏈接
2 用阿里云搭建圖床
2.1 注冊賬號
進入阿里云官網(wǎng)懂拾，注冊阿里云賬號，并在賬號管理處完成實名認證铐达。
2.2 建立服務(wù)器
1）進入主頁岖赋，在左側(cè)選擇存儲與網(wǎng)絡(luò)，再選擇對象存儲0ss
2）進入頁面后點擊折扣套餐
選個一個合適的套餐（我用了默認的瓮孙，時間換了1年唐断，共9元。即一年內(nèi)可以往OSS中存儲40G的東西）
購買然后支付杭抠，支付成功后點擊管理控制臺脸甘。
會出現(xiàn)下面這個警告（原因是我們雖然買了空間，但是流入流出的流量還沒買）：
點擊“立即開通”偏灿。進入頁面后勾選協(xié)議丹诀，選擇開通。
點擊管理控制臺，進入頁面后點擊右側(cè)的“創(chuàng)建Bucket”：
進入bucket創(chuàng)建頁面铆遭，名字可以隨便起一個硝桩，區(qū)域選一個離自己近的。將名字和區(qū)域記一下枚荣，后面配置要用碗脊。還有就是讀寫權(quán)限這里要把私有改為公共讀，這樣別人才能訪問博文中的圖片橄妆，其他設(shè)置為默認衙伶。
2.3 記錄圖床客戶端Upic需要用到的參數(shù)
2.2中的Bucket創(chuàng)建好了之后點擊左下角“確定”進入bucket的概覽頁面，我們要在訪問域名這里將bucket域名記錄下（目前為止記錄的數(shù)據(jù)有：bucket名稱害碾、區(qū)域矢劲，域名）：
接下來需要繼續(xù)記錄兩個參數(shù) Accesskey ID 和 Secrity ID。點擊頁面右上角的個人頭像蛮原，選擇AccessKey管理：
點擊繼續(xù)使用Accesskey （使用開始使用子用戶AccessKey會更安全卧须，這里我沒有啟用。感興趣的可以參考這篇如何使用阿里云OSS搭建圖床 )
點擊創(chuàng)建 Accesskey 儒陨，并進行手機驗證：
創(chuàng)建成功后如下圖：
創(chuàng)建成功后獲得Accesskey ID 和Acesskey Secret 花嘶。把這兩個資料記錄下（目前有五個資料： bucket名字，區(qū)域（例如華東1）蹦漠，域名椭员、Accesskey ID，Acesskey Secret）
3 下載安裝Upic
3.1 安裝Upic
方法一： 用Homebrew安裝
brew cask install upic
方法二： 從Github下載
方法三: 從Gitee下載（國內(nèi)用戶更為適合）
如無法下載或下載速度過慢笛园，可以關(guān)注公眾號“和黑黑”隘击，回復(fù)“圖床”獲取百度網(wǎng)盤鏈接
3.2 配置設(shè)置
安裝完成后檢查系統(tǒng)中Finder擴展權(quán)限。打開Mac系統(tǒng)的偏好設(shè)置-擴展：
勾選Upic訪達擴展 ：
上面都是Mac系統(tǒng)的設(shè)置研铆，接下來需要在Upic客戶端進行設(shè)置埋同。 打開Upic客戶端，點擊右上角Upic圖標(biāo)棵红，選擇偏好設(shè)置：
在偏好設(shè)置中選擇圖床凶赁，點擊左下角+號，選擇阿里云OSS逆甜。
把剛才在阿里云中記錄的五個數(shù)據(jù)依次填入：
區(qū)域就是剛才阿里云bucket的區(qū)域虱肄。需要注意的是，復(fù)制出來的域名需要加上"Https://"交煞。名字就是buget名字咏窿，Access key 就是 Accesskey ID，Secret key就是 Accesskey Secret素征。
填好后如圖所示：
好了之后點擊保存集嵌。
為了以后方便使用萝挤，可以在偏好設(shè)置中為文件上傳設(shè)置快捷鍵。點擊偏好設(shè)置——選擇高級：
最后纸淮，在Upic中將圖床改為阿里云(默認的是SMMS,免費平斩，一小時限上傳20張圖片；個人推薦阿里云咽块，比較穩(wěn)定）:
至此绘面，圖床和圖床客戶端已經(jīng)設(shè)置完畢。接下里需要在Typora中進行設(shè)置侈沪，這樣每次拖入圖片時可以實現(xiàn)自動上傳到服務(wù)器并在Typora中顯示相應(yīng)的鏈接揭璃。
4 Typora偏好設(shè)置
打開typora，點擊偏好設(shè)置：
找到“圖像”亭罪，在插入圖像處選擇“上傳圖片”瘦馍，并在“對本地位置的圖片應(yīng)用上述規(guī)則”、“對網(wǎng)絡(luò)位置的圖片應(yīng)用上述規(guī)則”前面打鉤应役。最后點擊驗證圖片上傳選項情组，等待完成之后選擇OK。
如果驗證成功箩祥，則表明圖床設(shè)置好了院崇。如果驗證失敗，檢查下Upic中的圖床設(shè)置是否出錯袍祖。
至此我們的圖床已經(jīng)配置成功底瓣，以后在typora插入圖片時，只需將圖片或者截圖拖進typora蕉陋，它會自動將圖片上傳阿里云服務(wù)器捐凭，并在文檔中返回一個markdown的圖片鏈接。這樣凳鬓，當(dāng)我們要將文章分享到其他支持markdown寫作的網(wǎng)站茁肠，如github，gitee(碼云）缩举，簡書官套，就不需要另外上傳圖片，圖片會自動顯示蚁孔。
5 其他
如果以往有.md（markdown文件后綴）文件，或者本地文件已經(jīng)插入Typora文檔惋嚎，在配置好圖床之后想要將這些圖片上傳到阿里云杠氢，可以在Typora中點擊：
格式--->圖像 --->上傳所有本地圖片。
5.1 Mac截圖快捷鍵
附上Mac電腦截圖快捷鍵：
| 說明 | 按鍵 |
|---|---|
| 任意位置截圖 | Cmd+shift+4 |
| 全屏截圖 | Cmd+shift+3 |
| 使用QQ截圖（在QQ開啟的情況下） | Cmd+control+A |
5.2 Markdown常用語法
| 標(biāo)記 | 語法 | 備注 |
|---|---|---|
| 標(biāo)題 | # | / |
| 傾斜 | * 文字 * | 使用時符號與文字間無空格 |
| 加粗 | ** 文字 ** | 使用時符號與文字間無空格 |
| 超鏈接 | [鏈接名稱] (鏈接地址) | 使用時 ”]“ 與” (“ 間無空格 |
| 無序列表 | - 列表內(nèi)容 | -可替換為*另伍，+ |
| 有序列表 | 1. 列表內(nèi)容 | / |
| 圖片 | ! [圖片標(biāo)題] (圖片路徑) | 使用時各符號間無空格 |
| 代碼 | ` `` 代碼 ``` | 使用時鼻百、绞旅、、之間沒有空格 |
更多語法可以參考這篇文章：《Markdown基本語法》
有問題也可以在評論區(qū)提出 ：）
6 參考資料
《Markdown基本語法》
————
公眾號: 爾冬禾(PsyHeheihei)温艇，文章更新速度比這里稍微快一點因悲，主要跟數(shù)據(jù)分析相關(guān)內(nèi)容和一些個人思考。歡迎交流
