前段時間松哥發了一篇文章,鼓勵大家寫博客多做積累(如果你沒寫過博客,現在就是你寫博客的最佳時機),有小伙伴告訴松哥他已經開始實踐了,感覺到自己的苦口婆心總算有了一點點作用還是蠻欣慰的。
今天想和大家分享一個寫博客過程中經常遇到的技術性問題,就是博客圖片存到哪里。因為松哥自己最近搞了一個免費的圖床,感覺還是蠻香的,於是和大家伙分享下。
蠻荒時代
先說說我剛開始寫博客的時候,就直接打開博客平台的后台編輯器開始寫,寫好之后保存發布,寫的過程中可能需要上傳圖片,於是就做好圖片上傳,博客寫好之后,本地啥都沒剩下。過了很久,我想把曾經寫的博客整理成一個系列,結果發現只能從網站上重新拷貝文檔下來,down 下來的圖片還都自動加上博客平台的水印,真是讓人又氣又惱。
后來就學乖了,博客一般我在本地用 vscode 寫,需要的圖片,都一一編號,按順序擺放好,然后在 Markdown 中通過相對路徑的方式引入,像下面這樣:

寫好之后,再拷貝到博客網站發表即可。這樣,我本地就有一份存檔,這也是為什么大家可以看到松哥整理的 274 頁離線版 Spring Boot 教程,就是這個原因。這樣有一天,如果我想對文章進行二次整理或者完善就會非常方便。
用 vscode 這樣寫當然沒問題,但是也有很多小伙伴用的是一些筆記軟件,印象筆記,有道筆記等等,如果用筆記軟件的話,圖片的引用就不會這么方便了,此時如果我們有自己的圖床就會方便很多。
對於自己的圖床,我就兩方面的要求:
- 穩定
- 圖片編號有序
穩定就不用多說了,圖片編號有序,這個挺關鍵的,這關系到未來有一天你是否還能夠方便的找到自己的圖片,而免費圖床都是用隨機字符串做圖片名的,這塊不是很方便,所以就想着能不能自己搭建一個圖床。
剛好之前聽說七牛雲有免費的 10G 空間可以用來搭建個人圖床,一直沒有機會嘗試,這次就試了下,沒想到整個過程還是蠻順利的,於是記錄下來和小伙伴們分享下。
搭建圖床
搭建需要大家首先做兩方面的准備工作:
- 有一個自己的已備案域名,早期這個不是必須的,但是現在這個是必須的。當我們在七牛雲上申請好存儲之后,會生成一個臨時的二級域名,這個二級域名有效期 1 個月,所以我們得提前准備好一個自己的域名。
- 准備一個七牛雲賬戶,並且實名認證下,這個就不需要我多說了吧,網站注冊+上傳身份證認證,這算是基本操作了。
好了,這兩樣准備好之后,我們就可以開始搭建我們的圖床了。
首先在七牛雲網站首頁點擊 管理控制台 進入到管理控制台頁面,然后選擇第一個對象存儲,點擊立即添加。

然后給新的存儲空間取一個名字,選擇合適的存儲區域,由於我們是要搭建自己的圖床,所以最后一項訪問控制選擇公開,切勿選錯。

創建完成后,接下來,我們再來配置域名。
首先點擊左邊菜單欄的 CDN,然后再點擊域名管理。

默認情況下,只有一個測試域名,我們點擊上方的 添加域名,添加自己的域名進來,這里如果沒有特殊需求,配置一下域名地址即可,其他都使用默認即可:

其他的選項,大家可以根據實際情況配置,我就不挨個說了,至少配置一個域名,后面就可以用了。配置完成之后,保存。
保存之后,這里會給你一個 CNAME,其實就是一個臨時的二級域名:

把這個 CNAME 復制下來,然后打開自己的域名服務商控制台,添加一條 CNAME 解析記錄,像下面這樣:

這里的配置大家注意:
- 由於一開始添加域名的時候,我們配置的是 img.javaboy.com,所以這里的主機記錄就是 img,不要寫錯了
- 記錄類型就是 CNAME,這個不能改
- 線路類型默認即可
- 記錄值就是你復制的 CNAME
其他都默認,配置完成之后,保存即可。
那么這個域名配置是什么含義呢?我在這里給大家稍為科普一下。我們把圖片上傳到七牛雲之后,肯定會生成一個訪問路徑,例如 http://abc-javaboy.qiniu.com/111.png,這個訪問路徑是有域名的,默認的域名就是七牛雲給我們生成的一個臨時二級域名,這個二級域名有效期 1 個月,1 個月之后就會失效。所以,我們要配置自己的域名,例如 img.javaboy.com,但是當我訪問 http://img.javaboy.com/111.png 時,要讓這個地址指向七牛雲上去,怎么做呢?這個時候就要靠一條 CNAME 解析了,它可以把域名解析到別的域名上。
OK,這些事情全部做完之后,等待一會,十分鍾左右,在 空間管理->空間概覽 里邊,看到 CDN 加速域名的狀態為成功時,我們的所有配置就算都 OK 了。
接下來點到 空間管理->空間概覽 ,點擊文件上傳,就可以上傳文件了。文件上傳成功后,點擊右邊的更多,就可以復制文件鏈接了。

整個操作過程還是比較 Easy 的,沒有什么難度。
PicGo 上傳
每次需要上傳圖片的時候,都要打開七牛雲后台,這顯然有些麻煩,於是有人開發了不少好用的客戶端工具,松哥經過各種踩坑之后,感覺 PicGo 比較好用,在 Mac/Windows 上都支持,挺方便的,所以采用這個來做文件上傳。
PicGo 可以從 GitHub 上下載,根據自己的系統選擇合適的版本下載:https://github.com/Molunerfinn/PicGo/releases。
下載安裝,這個我就不用說了,普通軟件安裝。
安裝好之后,在圖床配置里邊,配置一下七牛圖床:

AccessKey、SecretKey 都可以從你的七牛后台的個人中心頁面看到,直接復制過來即可。存儲空間名就是你一開始創建的存儲空間,訪問地址則是你自己的域名,例如 http://img.javaboy.org。存儲區域根據自己一開始選擇的華南/華東/華北等,根據實際情況填寫,但是這里注意填寫區域簡稱:

配置完成后,以后就可以把圖片拖拽到上傳區上傳了,上傳成功后會返回圖片訪問路徑,這些就比較簡單了,不再贅述。

好了,這就是今天和小伙伴們分享的免費搭建自己的圖床,寫博客的小伙伴,可以試試哦。真香。
