如何用PicGo+GitHub創(chuàng )建圖床

今天就跟大家聊聊有關(guān)如何用PicGo+GitHub創(chuàng )建圖床，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

PicGo 介紹

這是一款圖片上傳的工具，目前支持 SM.MS 圖床，微博圖床，七牛圖床，騰訊云 COS，阿里云 OSS，Imgur，又拍云，GitHub等圖床，未來(lái)將支持更多圖床。

解決問(wèn)題的思路就是，將本地的文件，或者剪切板上面的截圖發(fā)送圖床，然后生成在線(xiàn)圖片的鏈接，這樣就可以讓Markdown文檔飛起來(lái)了，走到哪就可以用到哪????。

在眾多的圖床中，我選擇的是GitHub圖床，這可拓展定制。

創(chuàng )建自己的 GitHub 圖床

1. 創(chuàng )建 GitHub 圖床之前，需要注冊 / 登陸 GitHub 賬號

2. 創(chuàng )建 Repository

點(diǎn)擊"New repository"按鈕

第 4 步，repository 初始化 README 文件,可選 .gitignore 添加忽略文件夾，可選 選擇開(kāi)源協(xié)議，可選

3. 生成一個(gè) Token 用于操作 GitHub repository

回到主頁(yè)，點(diǎn)擊"Settings"按鈕

進(jìn)入頁(yè)面后，點(diǎn)擊 "Developer settings" 按鈕

點(diǎn)擊 "Personal access tokens" 按鈕

創(chuàng )建新的 Token

填寫(xiě)描述，選擇"repo"權限，然后點(diǎn)擊"Generate token",至少選擇 repo 該項

注：創(chuàng )建成功后，會(huì )生成一串token，這串token之后不會(huì )再顯示，所以第一次看到的時(shí)候，可以建個(gè)文本文件好好保存，忘記了只有重新生成，每次都不一樣。

GitHub

Github在圖床里，毫無(wú)疑問(wèn)是扮演一個(gè)“倉庫”的角色。

現在復習下步驟：

• 在自己的個(gè)人賬戶(hù)的settings里，找到左側最下方的Developer settings。找到Personal access tokens。在右側點(diǎn)擊Generate new token。

• 這里名字可以隨便寫(xiě)，后面的范圍把repo勾選即可。記下來(lái)生成好的token。這一步的目的是生成一個(gè)能代表你身份的token， 然后交給picgo，使得它能替你上傳圖片，不用繁瑣地再通過(guò)git commit 操作。

• 在你的這個(gè)倉庫里，點(diǎn)擊 releases。接著(zhù)點(diǎn)擊旁邊的Draft New Release，最后點(diǎn)Publish release。這一步是發(fā)布一個(gè)版本的意思，我們的 jsDelivr 會(huì )用到它。

jsDelivr 這是一個(gè)用于 加速的服務(wù)，神奇的地方在于，你不需要對它配置任何東西——對照，我們直接進(jìn)入vs picgo

PicGo

這本身是一個(gè)方便圖床上傳的GUI工具，但是我這里推薦使用它的vs code 插件版本。

1. 在VS Code 當中，搜索PicGo插件并安裝。

2. 打開(kāi)VS Code的設置界面，搜索picGo。

3. 只需要把 current 這里的下拉選項改為 github

4. 把 Github:branch 這里改成 master

5. 把 Github: Custom Url 這里改成使用 jsDelivr 分發(fā)的倉庫地址。即https://cdn.jsdelivr.net/gh/你的github用戶(hù)名/剛剛建的倉庫名，這樣子我們以后訪(fǎng)問(wèn)圖片就可以加快啦！

6. 把 Github: Repo 改為 github用戶(hù)名/倉庫名

7. 把 Github: Token 改為剛剛在 Github 記錄下來(lái)的 token

配置 PicGo

1. 下載運行 PicGo。

macOS用戶(hù)請下載最新版本的dmg文件，windows用戶(hù)請下載最新版本的exe文件，linux用戶(hù)請下載AppImage文件。

AppImage文件如何使用？?? 傳送門(mén)

2. 配置圖床

之后按照這個(gè)配置格式配置即可！

• 設定倉庫名的時(shí)候，按照 “賬戶(hù)名 / 倉庫名“ 的格式填寫(xiě)

• 分支名統一填寫(xiě)master

• 將之前的Token黏貼在這里

• 存儲的路徑可以按照我這樣子寫(xiě)，就會(huì )在repository下創(chuàng )建一個(gè)“xxx/xxx/xxxxx/”文件夾，當然你可以自己定義你的文件夾名字。

• 自定義域名的作用是在上傳圖片后成功后，PicGo會(huì )將 “自定義域名 + 上傳的圖片名” 生成的訪(fǎng)問(wèn)鏈接，放到剪切板上 https://cdn.jsdelivr.net/gh/ 用戶(hù)名 / RepositoryName / 分支名，自定義域名需要按照這樣去填寫(xiě)

3. 快捷鍵及相關(guān)配置

支持快捷鍵command+shift+p（macOS）或者control+shift+p（windows\linux）用以支持快捷上傳剪貼板里的圖片（第一張）。

PicGo支持自定義快捷鍵，使用方法見(jiàn)配置手冊。

注：可以將快捷鍵設置為 ctrl+shift+c

4. 其他相關(guān)

• vs-picgo：picgo的VSCode版。

將上面的步驟都設置好之后，就可以讓自己的Markdown文檔飛起來(lái)了，每次截圖之后，都可以按一下ctrl+shift+c，這樣就會(huì )將剪切板上面的截圖轉化為在線(xiàn)網(wǎng)絡(luò )圖片鏈接，簡(jiǎn)直不要太爽！