龍雲堯個人博客,轉載請註明出處。
CSDN地址:http://blog.csdn.net/michael753951/article/details/70307704
個人blog地址:http://yaoyl.cn/csdn_ru_he_zhuan_zai/
本來我一直不會在csdn中轉載他人的文章的,知道有一次在網上看到一篇教程(來源已經忘記,但是原理很簡答)。
利用Markdown可以解析html的特點,我們只要在開發者模式中,將需要轉載的人的博客地址的文章部分的div塊整個複製下來就行了。
下面我將演示一下如何操作。
打開瀏覽器的開發者模式(Chrome爲F12,其他的從設置中一般能夠找到),點一下開發者模式左上角的小指針圖標,這個時候,瀏覽器就能夠通過你鼠標點擊的位置定位到相應的html結構中了。
在本次操作中,我發現我的正文都被放在一個class爲“markdown_views”的div塊中了。
我們右鍵單擊這個div塊,然後選擇Copy->copy element
,就能夠將這個塊內的元素全部提取下來啦。接下來的事情就是轉回自己的博客,使用markdown編輯器,將元素複製進來。標明出處和原始博客地址,就可以發表啦。(如果不小心複製了廣告或者“上一篇”之類的元素,刪掉就行了)。
這種方式對轉載其他出處的文章一樣可用。不過,記得無論怎麼轉載,都要註明“轉載”並且說明出處就是咯。
下面是我從我另一篇博客中複製過來的內容,可以看看。
龍雲堯個人博客,轉載請註明出處。
CSDN地址:http://blog.csdn.net/Michael753951/article/details/70307694
個人博客地址:http://123.207.243.115:81/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
。
注意,相對路徑是不能在其他地方打開的,只能在本服務器才能打開。
但是我們的目的是將該圖片用在其他,將本服務器作爲圖牀。所以我們這是就需要右鍵單擊右側顯示的圖片,選擇“複製圖片地址”
,然後將這個地址粘貼到其他地方,這樣這張圖片在其他地方也就能夠正常顯示啦。
本篇博客就是使用這個原理實現的圖像顯示。