一区二区三区三上|欧美在线视频五区|国产午夜无码在线观看视频|亚洲国产裸体网站|无码成年人影视|亚洲AV亚洲AV|成人开心激情五月|欧美性爱内射视频|超碰人人干人人上|一区二区无码三区亚洲人区久久精品

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

基于Picgo+GitHub+ jsDelivr搭建CDN加速免費圖床

電子設(shè)計 ? 來源:電子設(shè)計 ? 作者:電子設(shè)計 ? 2020-12-24 18:02 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

前言

經(jīng)常寫Markdown或者博客的同學(xué),肯定都要用到圖床。圖床是什么呢?其實相當(dāng)于一個存儲圖片的網(wǎng)站,類似百度云這樣,不過上傳圖片到圖床后可以直接通過外鏈進行訪問。

比如把本地一張a.jpg上傳到圖床后,便可以拿到一個鏈接:

https://www.xxx.com/img/a.jpg

然后點擊這個鏈接就可以訪問圖片a了。今天來聊聊怎么搭建可靠的圖床吧~

為什么會產(chǎn)生這個需求呢?因為小編經(jīng)常寫博文什么的,現(xiàn)在的做法是在簡書上上傳圖片,然后把生成的圖片鏈接放到Markdown文檔上面,寫好文檔以后就可以批量復(fù)制到各大博客平臺投稿了。

但是這樣有個隱患:萬一簡書哪天掛掉了,那么我放到csdn、cnbolgs等這些平臺的文章圖片都會掛掉。即使簡書一直維持現(xiàn)狀,但萬一哪天它不高興了,做了個外鏈防盜(圖片外鏈只能在本站顯示),那同樣會遇到上面的問題。

比如小編之前放在簡書上的文章,復(fù)制到csdn上后。不知道怎么回事:

說多了都是淚。因此,趁早做好準備,免得以后出現(xiàn)問題就麻煩了。畢竟有些博客的圖片只是隨手一截,還真找不到備份……

前期準備平臺選擇

現(xiàn)在也有蠻多的圖床平臺可以選擇,常見的有SM.MS圖床、騰訊云COS、微博圖床、GitHub圖床、七牛圖床、Imgur圖床、阿里云OSS、又拍云圖床等。

而這里邊,SM.MS和Imgur有免費版也有收費版,騰訊云、七牛、阿里云、又拍云都是收費的,微博圖床據(jù)說已經(jīng)掛了。其他小站的就不推薦了,因為指不定哪天就掛了。

那么,也就剩下GitHub安全、免費又可靠了(微軟爸爸護著呢!)?,F(xiàn)在微軟接管了GitHub以后,貌似公有倉庫已經(jīng)不限個數(shù)了,而且單個倉庫容量已經(jīng)放寬至2GB。這絕對夠用了,不夠就再建一個共有倉唄。最重要的還是免費,配合CDN加速,訪問也不成問題。嗯,就微軟爸爸了!

工具選擇

選擇一個本地的上傳工具是為了方便我們快速上傳圖片,獲得圖片外鏈。這里首選picgo。

這款小工具非常強大,其中最贊的就是那個剪切板圖片上傳功能,在QQ或者微信截圖截好圖片后,可以點擊剪切板圖片上傳或者通過快捷鍵,它就會把當(dāng)前剪切板中的圖片上傳到配置到圖床中??梢钥吹缴蟼魉袌D片,點擊即可復(fù)制需要的圖片外鏈格式:

配置

準備完畢就可以著手配置了。先去GitHub,沒有賬號的先注冊一個賬號。

GitHub配置

1. 創(chuàng)建Repository

鼠標(biāo)移動到右上角,點擊"New repository"按鈕:

填寫相關(guān)信息,創(chuàng)建一個存儲圖片的倉庫:

2. 配置token key

生成一個Token用于操作GitHub repository?;氐街黜摚c擊"Settings"按鈕:

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

點擊"Personal access tokens"按鈕,然后點擊Generate token:

填寫描述,選擇"repo"權(quán)限,然后拉到下面點擊"Generate token"按鈕

注意:創(chuàng)建成功后,會生成一串token,這串token之后不會再顯示,所以第一次看到的時候,可以用個小本本保存起來哦,忘記了只有重新生成,每次都不一樣。

Picgo配置

拿到了剛剛記錄了GitHub token后,打開picgo,按照如下設(shè)置即可:

設(shè)定倉庫名按照“賬戶名/倉庫名的格式填寫”,比如我的是:dengfaheng/image01。

分支名統(tǒng)一填寫“master”。

設(shè)定Token將之前的Token粘貼在這里。

指定存儲路徑留空。

自定義域名的作用是在上傳圖片后成功后,PicGo會將“自定義域名+上傳的圖片名”生成的訪問鏈接,放到剪切板上。默認留空也可以正常使用。這里為了使用CDN加快圖片的訪問速度,自定義域名我們按照這樣去填寫:

https://cdn.jsdelivr.net/gh/GitHub用戶名/倉庫名

比如我的是:

https://cdn.jsdelivr.net/gh/dengfaheng/image01

點擊確定后就配置完成了,我們截圖后點擊剪切板圖片上傳,如果上傳成功,拿到的外鏈放到Markdown中正常訪問,就OK啦。

當(dāng)然快捷上傳的快捷鍵也可以到設(shè)置中進行配置。可以看到GitHub倉庫中多了很多我們上傳的圖片。

也可以在picgo中對上傳的圖片進行相關(guān)操作,不過這里的刪除只是刪除picgo中的圖片而言,GitHub上的不會刪除哦。

至于如何刪除GitHub上的圖片,emmm……那說來就話長了。。就不說了。大家還是不要刪了,空間不夠了再開個倉庫即可。

審核編輯:符乾江
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • CDN
    CDN
    +關(guān)注

    關(guān)注

    0

    文章

    328

    瀏覽量

    29699
  • GitHub
    +關(guān)注

    關(guān)注

    3

    文章

    483

    瀏覽量

    17691
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關(guān)推薦
    熱點推薦

    Arm推出GitHub Copilot新擴展程序

    Arm 控股有限公司(納斯達克股票代碼:ARM,以下簡稱“Arm”)宣布其已正式推出專為 GitHub Copilot 設(shè)計的新擴展程序。GitHub Copilot 是全球部署最廣泛的人
    的頭像 發(fā)表于 02-24 10:14 ?561次閱讀

    cdn軟件是什么?與PCDN有什么不同

    CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))軟件是一種通過分布式服務(wù)器節(jié)點緩存和分發(fā)內(nèi)容的工具,旨在加速用戶訪問速度并減輕源服務(wù)器壓力。
    的頭像 發(fā)表于 02-07 09:06 ?936次閱讀

    靠譜的高防cdn費用高嗎?

    高防CDN的成本相較于普通CDN確實更高,但費用是否“高”需結(jié)合其防護價值和業(yè)務(wù)需求綜合判斷。高防CDN整合了內(nèi)容分發(fā)加速與DDoS攻擊防御能力,需投入大量資源構(gòu)建分布式節(jié)點、清洗中心
    的頭像 發(fā)表于 02-05 11:06 ?384次閱讀

    cdn是什么技術(shù) cdn是怎樣提高網(wǎng)站速度的

    一、CDN技術(shù)概述 CDN,全稱Content Delivery Network,即內(nèi)容分發(fā)網(wǎng)絡(luò),是一種通過在網(wǎng)絡(luò)各處部署節(jié)點,將內(nèi)容緩存至離用戶更近的地方,以減少數(shù)據(jù)傳輸延遲和提高訪問速度
    的頭像 發(fā)表于 01-31 15:41 ?1617次閱讀

    cdn是云服務(wù)嗎 cdn是干什么用的

    在當(dāng)今這個信息爆炸的時代,互聯(lián)網(wǎng)用戶對于內(nèi)容的加載速度和質(zhì)量有著極高的要求。無論是視頻流、圖片還是網(wǎng)頁,用戶都希望能夠在點擊鏈接的瞬間就能獲得響應(yīng)。為了滿足這種需求,CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))應(yīng)運而生
    的頭像 發(fā)表于 01-19 14:30 ?2357次閱讀

    cdn的優(yōu)勢和劣勢

    CDN的優(yōu)勢 1. 加速內(nèi)容傳輸 CDN通過在全球范圍內(nèi)部署邊緣服務(wù)器,將內(nèi)容緩存到離用戶更近的地方,從而減少數(shù)據(jù)傳輸?shù)难舆t,加快內(nèi)容加載速度。這對于提高用戶體驗至關(guān)重要,尤其是在用戶分布在全球各地
    的頭像 發(fā)表于 01-19 14:28 ?3195次閱讀

    GitHub Copilot 可以免費使用了!

    “ ?這個標(biāo)題有點標(biāo)題黨,雖然 Github Copilot 確實是可以免費使用,但這個免費是有限制的,聊天互動每月限制50次,代碼補全(或者建議)每月2000次。不過這個 Copiot 真的是很好
    的頭像 發(fā)表于 12-22 11:19 ?2989次閱讀
    <b class='flag-5'>GitHub</b> Copilot 可以<b class='flag-5'>免費</b>使用了!

    Arm推出GitHub平臺AI工具

    專為 GitHub Copilot 設(shè)計的 Arm 擴展程序,可加速從云到邊緣側(cè)基于 Arm 平臺的開發(fā)。
    的頭像 發(fā)表于 11-01 13:50 ?706次閱讀

    Arm推出GitHub平臺AI工具,簡化開發(fā)者AI應(yīng)用開發(fā)部署流程

    專為 GitHub Copilot 設(shè)計的 Arm 擴展程序,可加速從云到邊緣側(cè)基于 Arm 平臺的開發(fā)。 Arm 原生運行器為部署云原生、Windows on Arm 以及云到邊緣側(cè)的 AI
    的頭像 發(fā)表于 10-31 18:51 ?3330次閱讀

    Jtti:給網(wǎng)站加加速!下一代CDN(EdgeOne/邊緣安全加速)使用與配置體驗

    隨著訪問量的增加和用戶需求的多樣化,網(wǎng)站的加載速度和穩(wěn)定性逐漸成為影響用戶體驗的關(guān)鍵因素。尤其是服務(wù)器的帶寬有限,面對一些圖片數(shù)據(jù),顯得“力不從心”。CDN技術(shù),就很好的解決了這個問題,但是價格也是
    的頭像 發(fā)表于 10-22 17:00 ?555次閱讀

    使用CDN安全嗎?CDN如何達到基本防護功能呢?

    (ContentDeliveryNetwork,內(nèi)容傳遞網(wǎng)絡(luò))來提升網(wǎng)站效能。然而,隨著網(wǎng)絡(luò)攻擊事件頻傳,網(wǎng)站安全問題日益受到重視。CDN作為加速網(wǎng)站的普遍被采用的服務(wù),如何在提
    的頭像 發(fā)表于 08-30 13:03 ?837次閱讀
    使用<b class='flag-5'>CDN</b>安全嗎?<b class='flag-5'>CDN</b>如何達到基本防護功能呢?

    華納云:如何理解CDN

    內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)是一種網(wǎng)絡(luò)架構(gòu),旨在提高用戶對網(wǎng)站、應(yīng)用程序或其他互聯(lián)網(wǎng)內(nèi)容的訪問速度和性能。CDN 的主要原理是通過在全球范圍內(nèi)部署分布式服務(wù)器,將內(nèi)容緩存并提供給用戶距離Z近的服務(wù)器,從而
    的頭像 發(fā)表于 08-23 15:20 ?507次閱讀

    CDN網(wǎng)站加速

    CDN網(wǎng)站加速是什么呢? CDN,英文全名為Content?Delivery?Network(也有人稱“Content?Distribution?Network”)的縮寫,即是我們中文所指的內(nèi)容傳遞
    的頭像 發(fā)表于 08-08 15:02 ?652次閱讀
    <b class='flag-5'>CDN</b>網(wǎng)站<b class='flag-5'>加速</b>

    什么情況下的網(wǎng)站要使用CDN加速呢?

    CDN的全稱是Content Delivery Network,即內(nèi)容分發(fā)網(wǎng)絡(luò)。 CDN的通俗理解就是網(wǎng)站加速,CPU均衡負載,可以解決跨運營商,跨地區(qū),服務(wù)器負載能力過低,帶寬過少等帶來的網(wǎng)站打開
    的頭像 發(fā)表于 07-26 16:29 ?510次閱讀

    CDN是什么?了解用CDN服務(wù)連到網(wǎng)站加速的原理與優(yōu)勢

    為什么通過CDN能讓網(wǎng)站變得更加快速呢?有想過為什么我們在中國使用網(wǎng)絡(luò),卻能夠快速、穩(wěn)定的連上海外的網(wǎng)站嗎?今天就來與各位聊聊CDN加速的原理,看看CDN是如何幫助網(wǎng)站
    的頭像 發(fā)表于 07-21 10:54 ?1291次閱讀