龍雲堯個人博客，轉載請註明出處。
CSDN地址：http://blog.csdn.net/Michael753951/article/details/70307694
個人博客地址：http://yaoyl.cn/li-yong-ghostzuo-wei-tu-chuang/
起源
圖牀一直是一個很讓我頭疼的問題，在去年開始，我就有用markdown寫項目總結的習慣，貼圖的時候，怎麼找一個好用的圖牀這個問題卻一直沒有解決。
目前我是用過的圖牀包括網易LOFTER，github，CSDN以及自己搭建的Ghost博客服務器。
前三種方式中，LOFTER和github直接將圖片拖進去，然後右鍵圖片，複製源地址就行了。但是美中不足的是LOFTER的源在其他網站上顯示並不是很友好，github在雖然圖片顯示很清楚，但是上傳圖片的時候總是會出問題。CSDN和github一樣，上傳文件時總是會出問題。
這迫使我有了再重新尋找一個圖牀的想法。
解決
今晚（2017/4/21）凌晨在寫項目總結的時候，我突然意識到我可以利用自己的博客服務器作爲圖牀。而且服務器ip地址在公網中，地理地質位於華南，作爲圖牀應該會比較穩定。
果然，在稍微折騰一下之後，我在ghost官網中找到一篇【Upload Images】的教程，有告訴我們怎麼向服務器傳文件並且在博客中顯示。
我就可以利用這個原理，將Ghost服務器作爲圖牀啦。
實際操作
操作過程比較簡單。
首先我們進入後臺新建一篇文章(New Post)。然後在正文空白部分輸入![]()，右側就會出現一個提示框。如下圖所示。
點擊Update an image，我們就能從本地文件中選取一張圖片上傳上服務器，同時之前![]()中的括號中出現了一個相對路徑，比如我的就是/content/images/2017/04/temp.png。
注意，相對路徑是不能在其他地方打開的，只能在本服務器才能打開。
但是我們的目的是將該圖片用在其他，將本服務器作爲圖牀。所以我們這是就需要右鍵單擊右側顯示的圖片，選擇“複製圖片地址”，然後將這個地址粘貼到其他地方，這樣這張圖片在其他地方也就能夠正常顯示啦。
本篇博客就是使用這個原理實現的圖像顯示。