iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
1
Modern Web

試著學 Hexo系列 第 9

(9) 試著學 Hexo - 圖片空間的挑選

前言

接下來講講圖片空間的挑選。

圖片空間的挑選

先解釋一下為什麼要挑選圖片空間,主要原因是 Hexo 本身是沒有圖片上傳的功能,所以我們部落格文章中的圖片就必須找地方放置,否則你的部落格就無法放圖片,但是如果你只是純粹文字紀錄的話,那麼就沒有差別。

首先下面稍微列一下幾個圖片空間(以下簡稱圖空)

這邊我列出的圖空數量非常的少,最主要原因是我使用的圖空數量並不多,主要還是以 imgur 為主,但是在使用這些免費圖空必須注意以下事項

  • 圖空的圖片是否有限制時間?
    • 有些圖空會限制圖片只存活幾天,例如 30 天或是 90 天不等。
  • 圖空的圖片是否可以外連?
    • 有些圖空是無法直接獲取到圖片連結。
  • 圖空的圖片是否有限制流出數量
    • 部分圖空是會限制圖片的讀取數量與流出量。

基本上免費的圖空在使用上難免會有一些不方便的地方,並且可能會有一些限制,畢竟免費的最貴。

https://ithelp.ithome.com.tw/upload/images/20200922/20119486LojwHPgI5Y.png

除此之外,滿多免費圖空在上傳之後其實沒有辦法做分類,所以相對上就會很不方便,因此如果你只是寫寫筆記做紀錄的話,其實不妨可以考慮使用 imgur,因為 imgur 雖然免費,但它沒有限制流出的量與限制圖片保存空間並且也支援外連,因此拿來貼一些部落格圖片是可以的,最棒的是它還可以做相簿分類,還能夠選擇是否公開,就算你隱藏也是一樣可以取得圖片連結並正常顯示

https://ithelp.ithome.com.tw/upload/images/20200922/20119486UCDrLDF4L8.png

雖然 imgur 很好用,但是如果你是寫一些比較重要的教學文章,這種通常會需要紀錄大量的圖片,那麼我還是會建議你使用付費空間,雖然 imgur 在規章上說只要你不是放置一些暴力、違法等問題,基本上是不會刪除你的圖片,但是其中 imgur 的規章有一條是寫著,他們不允許你使用「熱連結」的方式外連,也就是直接複製圖片連結,因此他們會希望你採用 Embed Unit,也就是以下這個形式

https://ithelp.ithome.com.tw/upload/images/20200922/20119486nJlLEppIQR.png

而這一段程式碼通常會像下面這樣

<blockquote class="imgur-embed-pub" lang="en" data-id="HRaPmbj"><a href="//imgur.com/HRaPmbj">Cartoon Physics</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>

而通常我們在寫一個 MD 中寫一個顯示圖片只會這樣

![img](xxx.jpg)

因此相對會複雜很多,而這邊可以透過 imgur 的官方教學了解如何使用 Embed Unit

偷偷說我一直以來都是使用熱連結的方式

所以如果你要寫的文章中的圖片很重要的話,我會建議你使用付費空間,而我自己是使用 firebase 的 storage 來上傳圖片,基本上 firebase 的 storage 每天有 1 GB 的流出並且可以放置約 15,000 張圖片(以每張 2MB 計算),所以以一個小部落格來講是相當足夠的,所以不妨也提供給你參考一下。

如果你的部落格流量每天可以破 1GB 那麼我想你付錢也沒差,畢竟光流量都可以這麼XD?

那麼這邊就先介紹這邊囉~
圖空的選擇很多,而我這邊只是說一下我自己曾經使用過以及我目前正在使用的而已。


上一篇
(8) 試著學 Hexo - 你應該懂基本的 npm 指令
下一篇
(10) 試著學 Hexo - 新增頁面
系列文
試著學 Hexo33

1 則留言

1
MaxLeeBK
iT邦新手 5 級 ‧ 2020-09-24 20:45:53

好像開一個跟文章 markdown 檔名一樣的資料夾,把圖片丟進去就可以直接使用圖片了?
因為我自己的部落格就是這樣處理的,有錯還請指正~

Ray iT邦新手 4 級 ‧ 2020-09-24 21:15:56 檢舉

這我倒是沒使用過,因為我是直接把圖片丟到 imgur 與 firebase 混著用

其中部分身邊的朋友是將 GitHub 當作圖床來使用,之前我也有這樣嘗試過,但是那段時間就有發生不穩定狀況(圖片連太慢等等),所以我就還是以 imgur 與 firebase 為主哩~

我要留言

立即登入留言