一個(gè)開源的圖床軟件PicGo

項(xiàng)目地址:https://github.com/Molunerfinn/PicGo

本人經(jīng)常使用Markdown來(lái)寫文章,由于語(yǔ)法編輯起來(lái)比較簡(jiǎn)單而且展示效果也很好,所以很多文章都是使用Markdown來(lái)寫文章,但是由于Markdown里面的圖片都是外鏈進(jìn)來(lái)的,導(dǎo)致有時(shí)候服務(wù)器又問題點(diǎn)時(shí)候,你的圖片就是丟失。之前本人使用的是七牛云的圖床,但是七牛云中間由于更換了一次域名導(dǎo)致我的圖片丟失,所以本人想搞一個(gè)比較保險(xiǎn)一點(diǎn)點(diǎn)方式。就想把自己的圖片上傳到Github然后把Github當(dāng)成是圖床來(lái)使用,然后發(fā)現(xiàn)Gtihub上面剛巧有一個(gè)開源軟件能達(dá)到我的需求-PicGo。

當(dāng)然啦,這個(gè)軟件不僅僅提供Github圖床,還有七牛、微博等等圖床這里就不細(xì)說(shuō)了,反正就很牛逼就行了。

PicGo的配置文件在不同系統(tǒng)里是不一樣的。

  • Windows: %APPDATA%\picgo\data.json
  • Linux: $XDG_CONFIG_HOME/picgo/data.json or ~/.config/picgo/data.json
  • macOS: ~/Library/Application\ Support/picgo/data.json

舉例,在windows里你可以在:

C:\Users\你的用戶名\AppData\Roaming\picgo\data.json找到它。

在linux里你可以在:

~/.config/picgo/data.json里找到它。

macOS同理。

#基本操作預(yù)覽

[圖片上傳失敗...(image-d12f90-1547453680144)]

#上傳區(qū)

上傳區(qū)支持拖拽上傳或者點(diǎn)擊區(qū)域打開文件夾上傳

#相冊(cè)區(qū)

支持查看你上傳成功的所有圖片。點(diǎn)擊圖片可以預(yù)覽。點(diǎn)擊圖片下面的圖標(biāo)可以復(fù)制鏈接或者刪除圖片(只是刪除本地?cái)?shù)據(jù),使其不在相冊(cè)區(qū)里出現(xiàn))

#編輯相冊(cè)的圖片信息(v1.5)

有些時(shí)候可能上傳的圖片的url事后需要更改,比如修改http到https,比如加上一些操作后綴(例:七牛圖床支持的?imgslim)等等。PicGo本次的更新也讓你能夠更方便地管理你的圖片庫(kù)。

[圖片上傳失敗...(image-621d9-1547453680144)]

#選擇復(fù)制的鏈接格式(v2.0)

之前的版本只能在上傳區(qū)選擇復(fù)制圖片URL的鏈接格式,這樣在相冊(cè)區(qū)就不能很方便地選擇復(fù)制的鏈接格式。2.0版本之后改進(jìn)了這個(gè)用戶體驗(yàn),可以在相冊(cè)區(qū)直接選擇復(fù)制的連接格式了:

[圖片上傳失敗...(image-92707-1547453680144)]

#圖床區(qū)

#微博圖床

image

上傳的圖片不會(huì)出現(xiàn)在你的微博相冊(cè)里??梢赃x擇鏈接的圖片質(zhì)量,這樣在復(fù)制到剪貼板里的圖片將會(huì)對(duì)應(yīng)修改成對(duì)應(yīng)的鏈接地址。設(shè)置你的微博圖床可以選擇兩種模式:

  1. 只需填寫你的微博用戶名密碼即可。缺點(diǎn):上傳速度會(huì)慢(尤其windows平臺(tái)),因?yàn)橐?jīng)過很多層驗(yàn)證。并且如果出現(xiàn)需要驗(yàn)證碼的情況無(wú)法解決。
  2. 只需Cookie上傳(PicGo v1.3.2及以上版本支持)。切換成cookie模式。然后先登錄微博(必須先登錄),之后打開minipublish頁(yè)面,如果你是mac用戶,使用command+alt+i,如果你是windows用戶,使用F12打開控制臺(tái),選擇Network標(biāo)簽欄。然后刷新一下頁(yè)面,找到Network里的minipublish一項(xiàng),再找到minipublish右側(cè)的Cookie一項(xiàng),把Cookie冒號(hào)后的值全部復(fù)制(不要把Cookie:這個(gè)也復(fù)制了)然后填入PicGo里的Cookie一欄。這樣就行了。
cookie

#七牛圖床

image

對(duì)應(yīng)的密鑰信息需要到七牛自己的控制臺(tái)里找到。其中需要注意的是,自己的存儲(chǔ)空間的區(qū)域需要確定:

image

在配置文件里,存儲(chǔ)區(qū)域?qū)?yīng)的鍵是area,值是下圖所示(如果你是用PicGo-Core或者其他非electron版本的PicGo請(qǐng)注意此項(xiàng)):

image

在配置文件里,存儲(chǔ)空間需要

設(shè)定上傳地址是指七牛云自動(dòng)分配給你的網(wǎng)址,或者是你自己綁定的域名(注意要加http://或者https://):

image

網(wǎng)址后綴通常是你用到了七牛的圖片處理工具的時(shí)候會(huì)用到的一些處理參數(shù)。

#騰訊云COS

從PicGo v1.5版本開始,支持COSv4和v5版本。

#V4版本說(shuō)明

v4版本是這個(gè):

image

需要登錄騰訊云控制臺(tái)。打開密鑰管理

image

按照對(duì)應(yīng)的提示找到自己的APPID、SecretId、SecretKey

存儲(chǔ)的空間名是你的bucket名字。

存儲(chǔ)的區(qū)域需要額外注意,請(qǐng)到bucket列表里打開需要上傳的bucket空間,然后如圖可以看到對(duì)應(yīng)的區(qū)域以及區(qū)域代碼,比如我的是tj

image

對(duì)應(yīng)的區(qū)域代碼如下:

image

如果你想把圖片上傳到你的bucket空間的某個(gè)文件夾下,則需要在PicGo里的指定存儲(chǔ)路徑里加上你的文件夾路徑。比如temp/(注意一定要加/

#V5版本說(shuō)明

1. 獲取你的APPID、SecretId和SecretKey

訪問:https://console.cloud.tencent.com/cam/capi

image

2. 獲取bucket名以及存儲(chǔ)區(qū)域代號(hào)

訪問:https://console.cloud.tencent.com/cos5/bucket

創(chuàng)建一個(gè)存儲(chǔ)桶。然后找到你的存儲(chǔ)桶名和存儲(chǔ)區(qū)域代號(hào):

image

v5版本的存儲(chǔ)桶名稱格式是bucket-appId,類似于xxxx-12312313。存儲(chǔ)區(qū)域代碼和v4版本的也有所區(qū)別,v5版本的如我的是ap-beijing,別復(fù)制錯(cuò)了。

3. 選擇v5版本并點(diǎn)擊確定

image

然后記得點(diǎn)擊設(shè)為默認(rèn)圖床,這樣上傳才會(huì)默認(rèn)走的是騰訊云COS。

#又拍云

image
image

存儲(chǔ)空間名即為你的服務(wù)名,加速域名即為你又拍云分配給你的域名或者是你自己綁定的域名。請(qǐng)注意,加速域名需要加http://https://。

image

操作員即為你自己為該存儲(chǔ)空間設(shè)定的操作員名,密碼即為對(duì)應(yīng)的密碼。

image

網(wǎng)址后綴為你針對(duì)圖片進(jìn)行的一些處理參數(shù)。

由于又拍云官方?jīng)]有對(duì)云存儲(chǔ)有一個(gè)直觀的控制面板,所以推薦可以采用第三方web面板來(lái)查看和操作:

又拍云存儲(chǔ)Web版操作工具

#GitHub圖床

1. 首先你得有一個(gè)GitHub賬號(hào)。注冊(cè)GitHub就不用我多言。

2. 新建一個(gè)倉(cāng)庫(kù)

image

記下你取的倉(cāng)庫(kù)名。

3. 生成一個(gè)token用于PicGo操作你的倉(cāng)庫(kù):

訪問:https://github.com/settings/tokens

然后點(diǎn)擊Generate new token。

image

把repo的勾打上即可。然后翻到頁(yè)面最底部,點(diǎn)擊Generate token的綠色按鈕生成token。

image

注意:這個(gè)token生成后只會(huì)顯示一次!你要把這個(gè)token復(fù)制一下存到其他地方以備以后要用。

image

4. 配置PicGo

注意:倉(cāng)庫(kù)名的格式是用戶名/倉(cāng)庫(kù),比如我創(chuàng)建了一個(gè)叫做test的倉(cāng)庫(kù),在PicGo里我要設(shè)定的倉(cāng)庫(kù)名就是Molunerfinn/test。一般我們選擇master分支即可。然后記得點(diǎn)擊確定以生效,然后可以點(diǎn)擊設(shè)為默認(rèn)圖床來(lái)確保上傳的圖床是GitHub。

image

至此配置完畢,已經(jīng)可以使用了。當(dāng)你上傳的時(shí)候,你會(huì)發(fā)現(xiàn)你的倉(cāng)庫(kù)里也會(huì)增加新的圖片了:

image

#阿里云OSS

image

首先先在阿里云OSS的控制臺(tái)里找到你的accessKeyIdaccessKeySecret

image

創(chuàng)建一個(gè)bucket后,存儲(chǔ)空間名即為bucket:

image

確認(rèn)你的存儲(chǔ)區(qū)域的代碼:

image

也可以在bucket頁(yè)面找到:

image
如上圖,存儲(chǔ)區(qū)域就是oss-cn-beijing

存儲(chǔ)路徑比如img/的話,上傳的圖片會(huì)默認(rèn)放在OSS的img文件夾下。注意存儲(chǔ)路徑一定要以/結(jié)尾!存儲(chǔ)路徑是可選的,如果不需要請(qǐng)留空。

#Imgur圖床

image

登錄Imgur后,在此處生成你的ClientId,記得選第二項(xiàng),不需要callbackurl的。

image

于是你可以拿到你的clientId:

image

注意:imgur貌似對(duì)中國(guó)大陸的IP和請(qǐng)求做出了限制,所以如果clientId沒錯(cuò)的情況下無(wú)法上傳圖片的時(shí)候,可以考慮配置代理設(shè)置。默認(rèn)只支持HTTP代理。如果覺得設(shè)置麻煩的可以考慮使用SM.MS圖床。

#更多其他圖床

本體將不再增加其他圖床支持,如果你有其他圖床的上傳需求,請(qǐng)自行參考PicGo-Core,為PicGo開發(fā)第三方圖床插件吧!


#PicGo設(shè)置

#自定義快捷鍵

PicGo v1.4.0版本開始支持自定義快捷鍵(默認(rèn)快捷鍵是Cmd+Shift+P【Mac】或者Ctrl+Shift+P【W(wǎng)indows】),點(diǎn)擊側(cè)邊欄PicGo設(shè)置選中修改快捷鍵:

image

在打開的dialog里,點(diǎn)擊input框,然后按下你想要的快捷鍵(也可以是組合鍵)。然后點(diǎn)擊確定保存(否則不生效?。?/p>

image

#自定義鏈接格式

PicGo預(yù)置的有四種鏈接格式:Markdown`HTML\URL\UBB。如果你都不喜歡,想要自定義鏈接格式,可以選擇Custom,然后在PicGo設(shè)置里點(diǎn)擊自定義鏈接格式`,然后你可以配置自己想要的復(fù)制的鏈接格式。

image

#開關(guān)更新助手

PicGo每次啟動(dòng)的時(shí)候會(huì)去檢查最新版本。如果當(dāng)前版本低于最新版本會(huì)提示你更新。如果你不想接到這條消息,那么可以在PicGo設(shè)置里把打開更新助手這個(gè)選項(xiàng)關(guān)閉。推薦大家打開這個(gè)開關(guān),新的版本通常會(huì)修復(fù)bug已經(jīng)加入新的功能,讓PicGo更好用~

#開機(jī)自啟

選擇是否開機(jī)自啟動(dòng)。

image

#上傳前重命名

如果你想在圖片上傳前能夠有機(jī)會(huì)改動(dòng)你的圖片名,那么可以選擇開啟圖片上傳前重命名:

image

之后你在上傳的時(shí)候就會(huì)彈出一個(gè)小窗口讓你重命名文件。如果你不想重命名,點(diǎn)擊確定、取消或者直接關(guān)閉這個(gè)窗口都是可以的。如果你想要重命名就在輸入框里輸入想要更改的名字,然后點(diǎn)擊確定即可。另外這個(gè)特性也支持批量上傳,如下:

[圖片上傳失敗...(image-3b93c8-1547453680144)]

#選擇想要顯示的圖床

很多時(shí)候你并不會(huì)使用上PicGo給你提供的全部的圖床。所以為了精簡(jiǎn)顯示你可以只選擇你想要的圖床來(lái)顯示,這樣側(cè)邊欄也就不會(huì)出現(xiàn)滾動(dòng)條了。不過需要注意的是,這個(gè)僅僅是顯示/隱藏而并不是剔除相應(yīng)的功能。假如你隱藏了七牛云,你依然是可以通過七牛云來(lái)上傳圖片的。

[圖片上傳失敗...(image-3bc09-1547453680144)]

#上傳提示

image
打開之后會(huì)在每次上傳圖片的時(shí)候彈出提示框提示正在上傳。 如果你發(fā)現(xiàn)打開之后,沒有效果,請(qǐng)注意看看是不是你關(guān)閉了系統(tǒng)級(jí)別的消息通知選項(xiàng),因?yàn)镻icGo調(diào)用的是系統(tǒng)級(jí)別的消息通知欄。

#自動(dòng)時(shí)間戳命名

image
開啟之后會(huì)自動(dòng)將上傳的文件名替換成時(shí)間戳: ![](https://user-images.githubusercontent.com/12621342/40976264-2de18afe-6900-11e8-8f35-746820632eb8.png

#檢查更新

image

用以主動(dòng)發(fā)起更新檢查。

#代理設(shè)置(v2.0)

2.0版本之后,支持簡(jiǎn)單設(shè)定HTTP代理。在設(shè)置代理一項(xiàng)處點(diǎn)擊即可。 未來(lái)不會(huì)支持復(fù)雜的代理設(shè)置,因?yàn)楦讓佑嘘P(guān),只能支持簡(jiǎn)單HTTP代理。

[圖片上傳失敗...(image-c52a53-1547453680144)]

#打開配置文件(v2.0)

2.0版本之后,你可以簡(jiǎn)單通過點(diǎn)擊打開配置文件來(lái)打開配置文件,查看你上傳的圖片、你的圖床設(shè)置等。

[圖片上傳失敗...(image-c3f7ec-1547453680144)]

#插件設(shè)置(v2.0)

2.0版本之后,你可以簡(jiǎn)單通過插件設(shè)置頁(yè)面,安裝、更新、禁用、卸載、配置、使用插件。

image

#安裝

注意

你必須安裝Node.js之后才能安裝PicGo的插件,因?yàn)镻icGo要使用npm來(lái)安裝插件。

在插件界面的搜索欄搜索插件名。PicGo的插件名以picgo-plugin-為前綴,你只需要搜前綴后的名字即可。比如一個(gè)picgo-plugin-wow的插件你只需要搜索wow即可。

搜到了插件之后只要點(diǎn)擊右下角的安裝即可。如果遇到未對(duì)GUI優(yōu)化的提示,可以詢問一下插件作者,這個(gè)插件適不適合在PicGo軟件上使用,否則它有可能只是個(gè)命令行插件。

#更新、卸載與禁用

皆可點(diǎn)擊插件右下角的齒輪按鈕,在彈出的菜單中選擇。

注意

其中如果你選擇了更新之后,PicGo需要重啟一遍才能使用更新后的插件,PicGo會(huì)在插件頁(yè)面給出重啟按鈕,點(diǎn)擊即可。 只是關(guān)閉主窗口再打開是不行的,必須完全退出PicGo進(jìn)程再打開PicGo。

image

#配置

有的插件擁有配置項(xiàng),可以直接點(diǎn)擊右下角齒輪,點(diǎn)擊配置xxx進(jìn)行配置:

[圖片上傳失敗...(image-556a5b-1547453680144)]

image

#使用

有的插件擁有自有菜單項(xiàng),可以直接點(diǎn)擊右下角齒輪后,找到插件自有菜單區(qū),點(diǎn)擊使用:

[圖片上傳失敗...(image-febabb-1547453680144)]

image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,667評(píng)論 4 61
  • 當(dāng)我們悲傷時(shí),想靜靜,卻又巴不得 全世界的人都知道
    踽踽涼涼jl閱讀 358評(píng)論 0 1
  • 難過時(shí)想起 你的肉體和 你的記憶 你的笑摻滿紅酒 你的眼睛勾人似蜜 難過時(shí)想起 城里的街角有 你的腳印 它踩疼了焦...
    WONKA瓦南閱讀 287評(píng)論 2 1
  • (5) FFmpeg+SDL視頻播放器代碼記錄
    Goning閱讀 442評(píng)論 0 1
  • 女兒馬上就要生了,母親心里算著。 之前說(shuō)好的等女兒快要生的時(shí)候就去幫忙照顧她,照顧女兒的這段時(shí)間,兒子家的房貸由女...
    親愛的自己呀閱讀 434評(píng)論 0 0

友情鏈接更多精彩內(nèi)容