前言
最近時(shí)常在 gitee.io 上寫一些 markdown 格式的文章钳踊，所以亟需獲取免費(fèi)的圖床服務(wù)凿宾。要求是最好還能自定義文件名抠刺。
【排除】自己的服務(wù)器放置圖床
服務(wù)器到期后遷出太麻煩, 不考慮导匣。
【排除】使用阿里云, 騰訊云等其他品牌的云存儲(chǔ)
對(duì)象存儲(chǔ)是一種存儲(chǔ)海量文件的分布式存儲(chǔ)服務(wù)哭尝，用戶可通過網(wǎng)絡(luò)隨時(shí)存儲(chǔ)和查看數(shù)據(jù)。
用法：新建存儲(chǔ)桶依疼，需要把存儲(chǔ)桶的訪問權(quán)限設(shè)置為公有讀私有寫痰腮。
服務(wù)雖好, 付費(fèi)就不考慮。
【排除】七牛圖床
存儲(chǔ)服務(wù)創(chuàng)建完成后涛贯，需要配置一個(gè)融合 CDN 域名诽嘉，融合CDN域名簡(jiǎn)單來說就是指資源對(duì)象的外鏈域名，七牛云提供了融合 CDN 的測(cè)試域名弟翘，官方提示為：七牛融合 CDN 測(cè)試域名虫腋，每個(gè)域名每日限總流量 10GB，每個(gè)測(cè)試域名自創(chuàng)建起 30 個(gè)自然日后系統(tǒng)會(huì)自動(dòng)回收稀余，僅供測(cè)試使用并且不支持 Https 訪問悦冀。
七牛測(cè)試域名 1 個(gè)月失效的問題(網(wǎng)友提供的解決方法)
七牛提供的測(cè)試域名1個(gè)月就失效了，通常是夠用的 睛琳。 如果失效了盒蟆，也不用擔(dān)心踏烙，找到原始的 markdown 文件，用下面的命令對(duì)文件做個(gè)替換即可（new.bkt.clouddn域名需要按照實(shí)際進(jìn)行替換）历等。
sed -i "s#//.*bkt.clouddn#//new.bkt.clouddn#g" file.md
注: 且目前七牛不再提供測(cè)試域名了, 只能揮手告別讨惩。
【其他方案】又拍云存儲(chǔ)空間+流量
又拍云圖床提供了每月 10GB 免費(fèi)存儲(chǔ)空間 + 15GB 免費(fèi) CDN 流量(HTTP/HTTPS 均可用)
要求： 需要在申請(qǐng)的網(wǎng)站 / 應(yīng)用底部添加又拍云 LOGO 及鏈接，然后填寫申請(qǐng)表進(jìn)行申請(qǐng)寒屯。一般而言在提交審核后幾個(gè)工作日就會(huì)完成審核并發(fā)放資源荐捻。這里注意不能篇數(shù)太少。
(最終方案一)嘗試使用 gitee 圖床
oschina 旗下的碼云在國內(nèi)比較靠譜寡夹，速度也能接受处面。
https://gitee.com/kaiLee/html-nav/blob/master/snipaste.png
將 blob 改為 raw 則是圖片的原始地址了：
(最終方案二)使用 Github Page + jsdelivr 的搭配
github 服務(wù)器在國外, 直接訪問肯定太慢. 知道看到了 PicGo, jsdelivr, github 的三劍客組合。
放在 Github 的資源在國內(nèi)加載速度比較慢菩掏，因此需要使用 CDN 加速來優(yōu)化網(wǎng)站打開速度魂角，jsDelivr + Github 便是免費(fèi)且好用的 CDN.
CDN 的全稱是 Content Delivery Network，即內(nèi)容分發(fā)網(wǎng)絡(luò)智绸。CDN 是構(gòu)建在網(wǎng)絡(luò)之上的內(nèi)容分發(fā)網(wǎng)絡(luò)野揪，依靠部署在各地的邊緣服務(wù)器，通過中心平臺(tái)的負(fù)載均衡瞧栗、內(nèi)容分發(fā)囱挑、調(diào)度等功能模塊，使用戶就近獲取所需內(nèi)容沼溜，降低網(wǎng)絡(luò)擁塞，提高用戶訪問響應(yīng)速度和命中率游添。CDN 的關(guān)鍵技術(shù)主要有內(nèi)容存儲(chǔ)和分發(fā)技術(shù)系草。——百度百科
圖片地址示例：
https://cdn.jsdelivr.net/gh/acc8226/JsDelivrCDN/img/20191117180214.jpg
PicGo 配置說明
- 設(shè)定倉庫名：按照【用戶名 / 圖床倉庫名】的格式填寫
- 設(shè)定分支名：【master】
- 設(shè)定Token：粘貼之前生成的【Token】
- 指定存儲(chǔ)路徑：填寫想要儲(chǔ)存的路徑唆涝，如【images/】找都，這樣就會(huì)在倉庫下創(chuàng)建一個(gè)名為 images 的文件夾，圖片將會(huì)儲(chǔ)存在此文件夾中
- 設(shè)定自定義域名：它的的作用是廊酣，在圖片上傳后能耻，PicGo 會(huì)按照【自定義域名+上傳的圖片名】的方式生成訪問鏈接，放到粘貼板上亡驰，因?yàn)槲覀円褂胘sDelivr加速訪問晓猛，所以可以設(shè)置為【https://cdn.jsdelivr.net/gh/用戶名/圖床倉庫名 】
jsDelivr參考格式: The URL structure is /gh/user/repo@version/file.js
PicGo 的自定義配置
CTRL+SHIFT+P (Win / Linux) 或者 Command+SHIFT+P (macOS) 來快速上傳剪貼板里的 (第一張) 圖片凡辱。
PicGo 問題總結(jié)
由于 PicGo release 包總是下載不下來的問題戒职。
目前找到比較好的方式是用 Free Download Manager 直接下載 http://github.com 開頭的原鏈接, 可以自動(dòng)跳轉(zhuǎn)并多線程下載. 如果中途中斷, 可在右鍵菜單里選擇"更改 URL"然后之間點(diǎn)確定就會(huì)重新跳轉(zhuǎn)新的臨時(shí)下載地址并續(xù)傳。
(最終方案三)不使用任何圖床
了解自己為啥使用圖床透乾，就是一種外部鏈接而已洪燥。方便對(duì)方在有網(wǎng)絡(luò)的環(huán)境下完整展示用到的圖片磕秤。
如果是對(duì)外暴露展示自己的本機(jī)項(xiàng)目或者部署到自己的網(wǎng)站，完全可以使用相對(duì)路徑捧韵。這樣就不使用任何圖床市咆。
用法：使用 ./xxx.png，而不是xxx.png這種寫法再来。因?yàn)椴患狱c(diǎn)這種寫法目前在 vue press 中會(huì) 404蒙兰。加點(diǎn)寫法的兼容性好咯。
相關(guān)資源
Github 官網(wǎng)
https://github.com/
jsdelivr 官網(wǎng)
https://www.jsdelivr.com/
PigGo 下載
https://github.com/Molunerfinn/PicGo/releases
參考
活動(dòng)作品關(guān)于博客的最穩(wěn)定的圖床方案
https://www.bilibili.com/video/av65336062?from=search&seid=4753922999762898690
目前最穩(wěn)定的免費(fèi)圖床方案 - 301技術(shù)-HuanHao
https://301technology.cn/2019/08/03/picgojsdelivrgithub/
Github+jsDelivr+PicGo 打造穩(wěn)定快速其弊、高效免費(fèi)圖床
https://blog.csdn.net/qq_36759224/article/details/98058240
PicGo - 免費(fèi)開源的圖片上傳與管理工具 (Markdown寫作貼圖 / 跨平臺(tái)圖床應(yīng)用)
https://www.iplaysoft.com/picgo.html
