那曲檬骨新材料有限公司

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

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

3天內不再提示

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

電子設計 ? 來源:電子設計 ? 作者:電子設計 ? 2020-12-24 18:02 ? 次閱讀

前言

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

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

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

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

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

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

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

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

前期準備平臺選擇

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

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

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

工具選擇

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

這款小工具非常強大,其中最贊的就是那個剪切板圖片上傳功能,在QQ或者微信截圖截好圖片后,可以點擊剪切板圖片上傳或者通過快捷鍵,它就會把當前剪切板中的圖片上傳到配置到圖床中。可以看到上傳所有圖片,點擊即可復制需要的圖片外鏈格式:

配置

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

GitHub配置

1. 創建Repository

鼠標移動到右上角,點擊"New repository"按鈕:

填寫相關信息,創建一個存儲圖片的倉庫:

2. 配置token key

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

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

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

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

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

Picgo配置

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

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

分支名統一填寫“master”。

設定Token將之前的Token粘貼在這里。

指定存儲路徑留空。

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

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

比如我的是:

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

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

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

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

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

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

    關注

    0

    文章

    323

    瀏覽量

    28910
  • GitHub
    +關注

    關注

    3

    文章

    473

    瀏覽量

    16565
收藏 人收藏

    評論

    相關推薦

    靠譜的高防cdn費用高嗎?

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

    cdn是什么技術 cdn是怎樣提高網站速度的

    一、CDN技術概述 CDN,全稱Content Delivery Network,即內容分發網絡,是一種通過在網絡各處部署節點,將內容緩存至離用戶更近的地方,以減少數據傳輸延遲和提高訪問速度
    的頭像 發表于 01-31 15:41 ?216次閱讀

    cdn的優勢和劣勢

    CDN的優勢 1. 加速內容傳輸 CDN通過在全球范圍內部署邊緣服務器,將內容緩存到離用戶更近的地方,從而減少數據傳輸的延遲,加快內容加載速度。這對于提高用戶體驗至關重要,尤其是在用戶分布在全球各地
    的頭像 發表于 01-19 14:28 ?379次閱讀

    GitHub Copilot 可以免費使用了!

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

    Arm推出GitHub平臺AI工具

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

    Arm推出GitHub平臺AI工具,簡化開發者AI應用開發部署流程

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

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

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

    華納云:如何理解CDN

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

    CDN網站加速

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

    什么情況下的網站要使用CDN加速呢?

    CDN的全稱是Content Delivery Network,即內容分發網絡。 CDN的通俗理解就是網站加速,CPU均衡負載,可以解決跨運營商,跨地區,服務器負載能力過低,帶寬過少等帶來的網站打開
    的頭像 發表于 07-26 16:29 ?331次閱讀

    CDN是什么?了解用CDN服務連到網站加速的原理與優勢

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

    服務器如何選擇配置

    選擇服務器時,應考慮存儲空間、帶寬、安全性和穩定性等因素。建議選擇配置較高的服務器,以滿足需求。 在選擇服務器的配置時,需要考慮以下幾個方面: 1、服務器類型 共享主機:適合初
    的頭像 發表于 07-11 15:36 ?345次閱讀

    融合CDN是什么?為什么需要融合CDN?其應用方法與原理是什么?

    ! 什么是融合CDN? 內容分發網絡(CDN)因為能為企業網站帶來多項優勢而廣為人知。他們能讓企業提供更能接近全球使用者的內容,有助于防止過度使用原點服務器,并提供協助加速網站負載時間的功能。 大多數公司依賴單一
    的頭像 發表于 07-11 14:49 ?388次閱讀

    IP地址與CDN技術

    內容分發網絡(CDN)就是通過內容分配到離用戶最優的服務器來提高訪問速度。而IP地址如何分配與管理就是CND技術的基礎。本文將來探討介紹CDN中的IP地址分配與管理,以及如何通過CDN優化網絡性能
    的頭像 發表于 07-10 11:30 ?424次閱讀

    CDN節點是什么

    的服務器,會將用戶請求自動指向距離最近的 CDN 節點。隨著CDN 服務商在全球各地部署的節點服務器和覆蓋區域的增加,網頁訪問速度和網頁運行的穩定性也將隨之提高,進而滿足更多用戶的就近訪問需求。 CDN
    的頭像 發表于 07-06 13:45 ?1158次閱讀
    <b class='flag-5'>CDN</b>節點是什么
    罗马百家乐的玩法技巧和规则 | 李雷雷百家乐的奥妙| 历史| 艮山坤向 24山| 36棋牌的深海捕鱼| 百家乐官网开户投注| 百家乐官网微笑玩| 大发888 58| 太阳城百家乐官网168| 24山向水法吉凶断| 肯博88网| 皇室百家乐娱乐城| 观塘区| 百家乐视频游戏界面| 顶级赌场371betcwm| 百家乐官网皇室百家乐官网的玩法技巧和规则 | 网络百家乐棋牌| 来博百家乐官网现金网| 百家乐说明| 百家乐官网mediacorp| 百家乐发牌靴8| 网上百家乐官网打牌| 大发888扑克| 百家乐官网百家乐官网技巧| 机率游戏| 百家乐网站东方果博| 博狗博彩网站,| 百家乐对子计算方法| 泰州市| 百家乐真人游戏攻略| 安桌百家乐官网游戏百家乐官网 | 大发888娱乐城xiazai| 百家乐官网开户| 玩百家乐澳门皇宫娱乐城| 百家乐官网半圆桌| 芝加哥百家乐的玩法技巧和规则| 百家乐官网视频下载地址| 网页百家乐游戏下载| 百家乐官网赌博怎么玩| 百家乐赢家| 大世界百家乐官网娱乐平台|