chinese直男口爆体育生外卖, 99久久er热在这里只有精品99, 又色又爽又黄18禁美女裸身无遮挡, gogogo高清免费观看日本电视,私密按摩师高清版在线,人妻视频毛茸茸,91论坛 兴趣闲谈,欧美 亚洲 精品 8区,国产精品久久久久精品免费

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

完善資料讓更多小伙伴認(rèn)識你,還能領(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)站,類似百度云這樣,不過上傳圖片到圖床后可以直接通過外鏈進(jìn)行訪問。

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

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

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

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

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

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

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

前期準(zhǔn)備平臺選擇

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

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

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

工具選擇

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

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

配置

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

GitHub配置

1. 創(chuàng)建Repository

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

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

2. 配置token key

生成一個Token用于操作GitHub repository。回到主頁,點擊"Settings"按鈕:

進(jìn)入頁面后,點擊"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會將“自定義域名+上傳的圖片名”生成的訪問鏈接,放到剪切板上。默認(rèn)留空也可以正常使用。這里為了使用CDN加快圖片的訪問速度,自定義域名我們按照這樣去填寫:

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

比如我的是:

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

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

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

也可以在picgo中對上傳的圖片進(jìn)行相關(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

    文章

    330

    瀏覽量

    30501
  • GitHub
    +關(guān)注

    關(guān)注

    3

    文章

    486

    瀏覽量

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

掃碼添加小助手

加入工程師交流群

    評論

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

    【瑞薩RA6E2】+開發(fā)環(huán)境搭建過程

    目前,我看到關(guān)于開發(fā)環(huán)境搭建的文章有2篇: https://blog.csdn.net/qq_36654593/article/details/149246851 這篇基于studio
    發(fā)表于 12-04 15:00

    微軟開源GitHub Copilot Chat,AI編程迎來新突破

    GitHub Copilot + vscode的組合我已經(jīng)用了很久,我的代碼開發(fā)效率完全提升了一個level。幫我代碼提示,代碼不全,注釋理解生成代碼等等,這些我是我經(jīng)常用到的功能。 在今天凌晨4點
    的頭像 發(fā)表于 07-02 09:34 ?1021次閱讀
    微軟開源<b class='flag-5'>GitHub</b> Copilot Chat,AI編程迎來新突破

    【Milk-V Duo S 開發(fā)板免費體驗】應(yīng)用開發(fā)環(huán)境搭建

    Milk-V DuoS之應(yīng)用開發(fā)環(huán)境搭建 前言 前面已經(jīng)燒錄好了鏡像(V2 版本的RISC-V鏡像),默認(rèn)已啟用 USB-NCM 網(wǎng)絡(luò)和ssh。 所以可以通過ssh調(diào)試程序,通過網(wǎng)絡(luò)傳輸東西。 注
    發(fā)表于 07-01 21:22

    每周推薦!大佬收藏的電機精選資料免費分享

    基于LABVIEW電機資料 21份LabVIEW電機測控開發(fā)資料包 ,含仿真、控制、監(jiān)測等實戰(zhàn)案例!助力工程師快速搭建系統(tǒng),提升開發(fā)效率~ 5、免費下載!66份基于DSP電機資料 免費下載!66份DSP電機控制
    發(fā)表于 06-04 16:19

    openstack搭建詳細(xì)步驟

    openstack搭建詳細(xì)步驟
    的頭像 發(fā)表于 05-07 14:05 ?1803次閱讀

    Windows Arm64托管運行器正式支持GitHub Actions

    的面向 GitHub Copilot 的 Arm 擴(kuò)展程序,更是進(jìn)一步簡化并加速了向 Arm 架構(gòu)服務(wù)器的遷移過程。雙方的共同努力正在賦能開發(fā)者,使其能夠在 Arm 平臺上進(jìn)行更快、更智能和更高效的開發(fā)工作。
    的頭像 發(fā)表于 04-28 14:23 ?1024次閱讀

    如何監(jiān)控RAKsmart CDN的性能?

     RAKsmart CDN擁有遍布全球的多個數(shù)據(jù)中心節(jié)點,通過將網(wǎng)站的靜態(tài)資源緩存到這些節(jié)點上,使用戶能夠從距離他們最近的服務(wù)器獲取內(nèi)容,從而大大減少了頁面加載時間,提高了網(wǎng)站的訪問速度,以下是一些監(jiān)控RAKsmart CDN性能的方法。主機推薦小編為您整理發(fā)布。
    的頭像 發(fā)表于 03-31 11:06 ?515次閱讀

    愛普生壓控晶振 VG7050CDN(X1G004861)在 5G 通信基站中的應(yīng)用

    隨著5G通信技術(shù)的迅猛發(fā)展,全球范圍內(nèi)的5G網(wǎng)絡(luò)部署正在加速推進(jìn)。壓控晶體振蕩器(VCXO)作為核心時鐘源器件,其性能優(yōu)劣直接決定了5G基站的信號質(zhì)量和網(wǎng)絡(luò)穩(wěn)定性。VG7050CDN
    的頭像 發(fā)表于 03-25 16:03 ?754次閱讀

    永磁同步電機矢量控制——simulink仿真搭建

    免費下載下方資料,我們按照這個框圖來一步一步的搭建
    發(fā)表于 03-05 18:21

    Arm推出GitHub Copilot新擴(kuò)展程序

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

    DeepSeek GitHub星數(shù)超OpenAI

    近日,在全球最大的代碼托管平臺GitHub上,DeepSeek項目取得了一項顯著成就——其Star數(shù)量成功超越了OpenAI。這一變化標(biāo)志著開源人工智能領(lǐng)域的競爭格局正在發(fā)生微妙的變化。
    的頭像 發(fā)表于 02-10 18:28 ?1143次閱讀

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

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

    靠譜的高防cdn費用高嗎?

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

    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 ?2271次閱讀

    華為云 Flexus 云服務(wù)器 X 實例——部署 EduSoho 網(wǎng)校系統(tǒng)、二次開發(fā)對接華為云視頻點播實現(xiàn) CDN 加速播放

    CDN 加速播放。 edusoho 本地存儲的視頻播放存在諸多弊端。一方面,本地存儲受限于服務(wù)器的性能和帶寬,當(dāng)大量用戶同時訪問時,很容易出現(xiàn)加載慢的情況。尤其是在高峰時段,視頻的加載可能會變得極為緩慢,甚至出現(xiàn)卡頓、無法播放的現(xiàn)象,極大地影響了用戶
    的頭像 發(fā)表于 01-23 18:05 ?902次閱讀
    華為云 Flexus 云服務(wù)器 X 實例——部署 EduSoho 網(wǎng)校系統(tǒng)、二次開發(fā)對接華為云視頻點播實現(xiàn) <b class='flag-5'>CDN</b> <b class='flag-5'>加速</b>播放