博客圖牀最佳解決方案

前言

目前我的個人博客使用是hexo,通過markdown來編寫文章,但是圖片一直是個麻煩的問題,以前取巧使用簡書那邊來編寫文章,圖片也上傳到簡書,再複製到個人博客網站,不過最近發現簡書上的圖片鏈接在我個人博客上不可見,所以又要找可用的解決方案。

經過一番尋找,找到一個相對完美的方案,就是 七牛雲存儲+Typora+iPic

七牛雲存儲

七牛云云存儲有免費的10G/月的下載流量,博客訪問量不是很大足夠支持。

iPic

Ipic是個圖牀工具,能讓我們快速的上傳圖片到圖牀(我這裏是上傳到七牛雲存儲上),然後直接返回我們圖片外鏈地址。

Typora

Typora是一款免費的markdown工具,極致簡潔的設計理念、所見即所得的編輯方式,讓你更專注於內容輸入。

七牛雲存儲

七牛雲默認免費的10G,這裏介紹如何開啓,使用七牛雲存儲,需要綁定你的域名,所以你必須要有一個域名纔行。

首先,當然是先註冊一個七牛雲賬號,然後添加對象存儲功能。
在這裏插入圖片描述
然後,進入對象存儲,新建存儲空間,我這裏就創建了2個,我博客使用的是tengjimg這個存儲空間。
在這裏插入圖片描述
然後點擊到內容管理,我們圖片就是上傳到這邊的,但是默認情況你沒有綁定一個自定義域名,就無法預覽、下載、複製外鏈。
在這裏插入圖片描述
上面提到了,你需要有一個自己的域名,我這裏就直接使用我的博客網站tengj.top作爲自定義域名,自定義域名用二級域名即可,我這裏使用image.tengj.top來使用。
在這裏插入圖片描述
在這裏插入圖片描述
配置成功後,我們需要到域名解析那邊配置一條CNAME規則,指向這個七牛雲的CNAME,我是在阿里雲上買的域名,所以我要到阿里雲那邊解析,添加一條記錄類型爲CNAME的記錄,二級域名用image,記錄值粘貼上一步在七牛雲那邊配置的自定義域名的CNAME,如下。
在這裏插入圖片描述
到此,大功告成,我們就可以使用七牛雲存儲來當我們博客的圖牀了,上傳的圖片在這裏就可以複製外鏈,不過對於經常寫博客的我來說,還是有點小瑕疵,就是我每次都要先把博客文章的圖片保存好,在一次次的上傳到七牛雲存儲這邊,圖片多的話就有點費勁了。所以就引入了一會說道的iPic。
在這裏插入圖片描述
對了,七牛雲免費的是10G/月下載流量,如果嫌少的話,可以通過邀請好友註冊,每邀請一個可以獲得5 GB/月 CDN 免費下載流量(邀請多人最高累計40 GB/月)。嘟嘟目前已經35GB/月了,還差一個,如果你還沒註冊過七牛雲,可以通過下面邀請鏈接註冊,幫我助攻得到最後的5G(博客流量大了怕不夠用)
在這裏插入圖片描述

iPic- Markdown 圖牀、文件上傳工具

iPic是一個朋友介紹的,瞭解後感覺可以完美的解決我的痛點。

寫博客、論壇發帖、 Markdown 等場景下插入圖片總是一件麻煩事,iPic 就是這樣一個神器,支持一鍵上傳圖片並獲取地址,它支持:

拖拽圖片批量上傳

截圖後自動上傳

支持自定義配置七牛、又拍等第三方服務作爲存儲空間

安裝地址:你可以通過apple store商店安裝,也可以在github上安裝。
在這裏插入圖片描述
更多教程可以參考官網:https://toolinbox.net/iPic/

我在安裝使用的時候發現目前 iPic 支持下列圖牀:微博(即默認圖牀)、七牛 、又拍、阿里雲 OSS 、騰訊雲 COS、Imgur 、Flickr 、Amazon S3。
在這裏插入圖片描述
但是默認情況下就只支持微博,想用其他的還需要開通訂閱,6/月, 60/年。我思考了幾分鐘還是決定買個一年試試,畢竟功能用起來真的蠻爽的。於是就開通了包年訂閱。

因爲我上面使用的是七牛雲,所以這裏就舉個七牛的配置例子,截圖如下。
在這裏插入圖片描述
Bucket

這個就之前新建的存儲空間,我命名成tengjimg的這個

Access Key 、Secret Key

密鑰獲取(Access Key、Secret Key)可以在七牛雲的個人中心獲取
在這裏插入圖片描述
網址前綴
網址前綴就是我們之前配置的自定義域名,http://image.tengj.top

配置完以上幾個後點擊驗證,提示通過就說明成功連上七牛雲了。講真的用起來真的很爽。最後推薦mac下的markdown工具Typora,因爲結合iPic真的很舒服。

Typora

mac上的Markdown編輯器軟件蠻多的,之前我使用MWeb,最近發現Typora這個更精簡,而且可以很好的配置iPic,讓我的效率提高不會一個檔次,用行雲流水來說不過分。

Typora 是相當好用的 Markdown 編輯神器, 極致簡潔的設計理念、所見即所得的編輯方式,讓你更專注於內容輸入。

我平時寫文章的時候,通常步驟是先本地寫好Markdown文章,然後再一個個把文章中的圖片右鍵保存到桌面,然後統一上次到七牛雲,獲得外鏈後再一個個替換文章中的圖片地址。

現在使用Typora +iPic後呢,我直接複製或者截圖,然後黏貼到Typora的文章中,直接右鍵選擇上次到Ipic,文章中就把本地的圖片鏈接替換成七牛雲上的外鏈了,簡直爽透了有木有。

比如下面就是我截圖的一個圖片直接粘貼到文章中,就會直接提示我通過iPic上傳圖片。

在這裏插入圖片描述
我點擊後,就會直接替換成七牛雲外鏈了,如下

在這裏插入圖片描述
如果你想插入圖片時自動上傳至圖牀,只要開啓下面即可。
在這裏插入圖片描述
這就是我說的行雲流水般的體驗,真的很爽。終於又有理由更新博客了。

總結

到此,就是我這次關於圖牀的個人體檢,確實比我之前寫文章舒服多了,以前分享google插件的那篇,整整60多張圖片簡直要崩潰。以後如何遇到更好的再分享給大家。

參考

uPic下載地址及官網https://github.com/gee1k/uPic

uPic 圖牀配置教程 - 七牛雲https://blog.svend.cc/upic/tutorials/qiniu_kodo

聽說可以免費試用的PicGohttps://github.com/Molunerfinn/PicGo/releases

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