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

創(chuàng)新互聯(lián)擁有一支富有激情的企業(yè)網(wǎng)站制作團隊，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕10年，專業(yè)且經(jīng)驗豐富。10年網(wǎng)站優(yōu)化營銷經(jīng)驗，我們已為近1000家中小企業(yè)提供了成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計解決方案，定制網(wǎng)站開發(fā)，設(shè)計滿意，售后服務(wù)無憂。所有客戶皆提供一年免費網(wǎng)站維護!

PicGo 介紹

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

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

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

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

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

2. 創(chuàng)建 Repository

點擊"New repository"按鈕

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

3. 生成一個 Token 用于操作 GitHub repository

回到主頁，點擊"Settings"按鈕

進入頁面后，點擊 "Developer settings" 按鈕

點擊 "Personal access tokens" 按鈕

創(chuàng)建新的 Token

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

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

GitHub

Github在圖床里，毫無疑問是扮演一個“倉庫”的角色。

現(xiàn)在復習下步驟：

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

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

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

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

PicGo

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

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

2. 打開VS Code的設(shè)置界面，搜索picGo。

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

4. 把 Github:branch這里改成 master

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

6. 把 Github: Repo改為 github用戶名/倉庫名

7. 把 Github: Token改為剛剛在 Github 記錄下來的 token

配置 PicGo

1. 下載運行 PicGo。

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

AppImage文件如何使用？?? 傳送門

2. 配置圖床

之后按照這個配置格式配置即可！

• 設(shè)定倉庫名的時候，按照 “賬戶名 / 倉庫名“ 的格式填寫

• 分支名統(tǒng)一填寫master

• 將之前的Token黏貼在這里

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

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

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

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

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

注：可以將快捷鍵設(shè)置為 ctrl+shift+c

4. 其他相關(guān)

• vs-picgo：picgo的VSCode版。

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

看完上述內(nèi)容，你們對如何用PicGo+GitHub創(chuàng)建圖床有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享文章：如何用PicGo+GitHub創(chuàng)建圖床
URL鏈接：http://aaarwkj.com/article16/godigg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、虛擬主機、云服務(wù)器、響應(yīng)式網(wǎng)站、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)