建站
咨詢
售后
建站咨詢
新聞中心
在VSCode中，使用PicGo插件和Github作為圖床，結(jié)合jsdelivr加速，可以方便地在Markdown中插入圖片。只需配置好PicGo，即可一鍵上傳并獲取圖片鏈接。
使用 VScode、PicGo、Github 和 jsdelivr 進(jìn)行圖床上傳及 Markdown 書寫
目前創(chuàng)新互聯(lián)公司已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、泉州網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
在本教程中，我們將介紹如何使用 VScode、PicGo、Github 和 jsdelivr 進(jìn)行圖床上傳以及 Markdown 書寫，下面是詳細(xì)的步驟：
1. 安裝并配置 VScode
確保你已經(jīng)安裝了最新版本的 Visual Studio Code（簡(jiǎn)稱 VScode），你可以在官方網(wǎng)站上下載并安裝它。
2. 安裝并配置 PicGo
PicGo 是一個(gè)開源的圖床上傳工具，可以幫助你快速上傳圖片到各種圖床平臺(tái)，你可以從官方 GitHub 倉(cāng)庫(kù)下載并安裝 PicGo。
在安裝完成后，打開 PicGo 應(yīng)用程序，并進(jìn)行以下配置：
- 在 PicGo 界面上點(diǎn)擊 "插件" 選項(xiàng)卡，搜索并安裝 "github" 插件，這將允許你將圖片上傳到 Github 圖床。
- 在插件設(shè)置中，輸入你的 Github 用戶名和倉(cāng)庫(kù)名，通常，你可以創(chuàng)建一個(gè)專門用于存放圖片的倉(cāng)庫(kù)，以便管理和訪問。
3. 安裝并配置 jsdelivr
jsdelivr 是一個(gè)免費(fèi)的 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）服務(wù)，可以幫助你加速圖片的加載速度，你需要在 jsdelivr 網(wǎng)站上注冊(cè)一個(gè)賬號(hào)，并獲取一個(gè) API 密鑰。
在 PicGo 的設(shè)置中，找到 "圖床設(shè)置" 選項(xiàng)卡，選擇 "自定義上傳"，在 "上傳前綴" 中填寫你的 jsdelivr API 密鑰。
4. 使用 VScode 進(jìn)行 Markdown 書寫
現(xiàn)在，你已經(jīng)完成了圖床上傳的配置，接下來可以使用 VScode 進(jìn)行 Markdown 書寫。
- 打開 VScode，創(chuàng)建一個(gè)新的 Markdown 文件或打開現(xiàn)有的 Markdown 文件。
- 在需要插入圖片的地方，使用以下語(yǔ)法來引用圖片：
"圖片描述" 是圖片的說明文字，"圖片鏈接" 是你通過 PicGo 上傳到 Github 的圖片 URL。
如果你的圖片鏈接是 https://cdn.jsdelivr.net/gh/your_username/your_repo@master/path/to/image.jpg，則可以這樣引用圖片：
!圖片描述
當(dāng)你完成 Markdown 書寫后，保存文件即可。
相關(guān)問題與解答
問題 1: 我是否需要使用 jsdelivr？
答：不一定，使用 jsdelivr 可以加速圖片加載速度，特別是對(duì)于國(guó)外用戶來說，訪問國(guó)外的圖床可能會(huì)受到網(wǎng)絡(luò)限制，如果你的圖片僅在國(guó)內(nèi)使用，并且對(duì)加載速度沒有特別要求，可以不使用 jsdelivr。
問題 2: 我可以使用其他的圖床工具嗎？
答：當(dāng)然可以，本教程中使用了 PicGo 作為圖床上傳工具，但你可以根據(jù)個(gè)人喜好選擇其他工具，只要能夠支持 Github 圖床上傳即可。
網(wǎng)站欄目：VScodePicGoGithubjsdelivr使用圖床書寫Markdown
文章位置：http://www.5511xx.com/article/dpocsoc.html
