csdn七牛雲存儲作爲網站的圖片外鏈

使用七牛雲存儲作爲網站的圖片外鏈

最近在把一篇本地的doc更新到CSDN上的時候,由於是使用markdown編寫,其中的圖片又比較多,如果一張張上傳到CSDN後再更新到文章當中比較費勁,所以就考慮使用圖片外鏈,然後批量替換markdown當中的圖片地址爲外鏈地址。網上大致找了找,看到有人使用七牛雲存儲來作圖片外鏈,而我之前恰好以經註冊認證過七牛雲存儲,所以就記錄了一下把七牛雲存儲作爲圖片外鏈網站的使用方法。

註冊並登錄七牛雲存儲

由於註冊登錄步驟比較簡單通用,此處不再贅述。

創建一個存儲空間

創建存儲空間

需要注意的是,方便起見此處最好建立一個公開的空間,否則每次生成的外鏈地址都有一個token,並且會指定一個有效期,過期後將會無法訪問。這對於我們發佈在博客當中的圖片外鏈來說不是一個好消息。所以此處我們選擇直接申請公開空間,以便生成可以永久訪問的外鏈地址。
申請公開空間還有一個好處就是,生產的外鏈地址默認情況下就是外鏈默認域名後面加上我們的圖片名稱,所以比較方便之後對圖片地址的統一處理。

上傳圖片

創建空間以後,就可以上傳圖片了。七牛支持批量上傳。
在剛剛創建的空間(我自己創建的空間叫做ziven)當中, 點擊內容管理, 然後點擊上傳文件
上傳文件
之後會進入上傳文件(圖片)的頁面,(批量)選擇文件後將會自動上傳。
上傳文件界面
上傳完成界面:
上傳文件完成

複製圖片外鏈地址

此時進入空間的內容管理界面當中就可以複製圖片的外鏈地址了。
複製圖片外鏈
圖片的外鏈地址示例如下: http://ohcjo5g7k.bkt.clouddn.com/upload_pictures.png, 也即外鏈默認域名/文件名的方式。所以我們可以直接將本地的文檔做一下處理,然後直接粘貼到博客的markdown編輯器中。

處理本地markdown,使其適用於博客當中

鑑於上面的分析,我們可以直接批量替換本地文檔當中的圖片地址爲七牛雲存儲的外鏈地址,然後就可以將文章發佈到博客當中了。
以本文爲例:
未處理之前,所有的圖片地址都是本地的地址:
本地markdown文檔
使用支持正則表達式的文本編輯器打開進行批量替換(也可以使用命令行工具諸如sedawk之類的,由於我是在windows下面寫的,就直接以編輯器Sublime Text來示例了)
搜索替換正則表達式
全部替換後的文本大致如下:
CSDNmarkdown文檔

發佈

直接在CSDN等支持markdown編輯器的博客編輯器中,導入或者粘貼我們剛剛處理過後的文檔,發佈即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章