首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Picgo+GitHub+jsDelivr搭建CDN加速免费图床

Picgo+GitHub+jsDelivr搭建CDN加速免费图床

名词解释:

  1. CDN(Content Delivery Network):内容分发网络,可以在全球范围内提供静态资源加速传输,减轻源服务器的负载并提高访问速度。
  2. Picgo:一款支持同步本地文件夹和图片的工具,便于将图片上传到GitHub仓库,生成静态资源服务链接。
  3. jsDelivr:一个免费的公共CDN服务,支持快速在GitHub上托管静态资源,如图片、JS、CSS等。

前端开发

图片上传流程:

  1. 使用Picgo在本地搭建一个服务器,将图片同步到GitHub仓库。
  2. 创建一个仓库并编写Markdown文件,将图片的链接插入到代码中。
  3. 使用npm install -g @git/git-extras 包添加命令行功能。

后端开发

将图片上传到GitHub仓库的过程如下:

  1. 构建一个服务器,读取所有图片的存储位置。
  2. 检查代码中图片链接路径是否正确。
  3. 从GitHub仓库中获取所有图像并将其复制到本地文件夹中。
  4. 上传本地文件夹至GitHub仓库。

软件测试

在测试中,需要保证以下几点:

  • 检查静态资源服务链接是否正确。
  • 检查上传的静态资源是否已经被正确存储。
  • 检查静态资源的访问是否成功。

数据库

无需使用专门数据库存储图片信息,可以直接将图片的静态服务链接放在Markdown文件中。

服务器运维

在搭建服务器时,可考虑优化以下方面:

  • 考虑使用负载均衡来提高服务器性能。
  • 检查服务器资源使用情况并优化配置。

云原生

由于服务器、数据库等资源均可部署在腾讯云等厂商的云服务器上,无需考虑云原生,使用标准托管服务即可。

网络通信

使用Picgo+GitHub+jsDelivr搭建CDN加速免费图床不需要搭建网络通信设施。

网络安全

在搭建服务器和使用jsDelivr时,可以遵循以下原则:

  • 选择安全可靠的CDN服务。
  • 确保使用HTTPS协议将传输数据加密。

音视频、多媒体处理

无需使用额外工具进行处理,直接使用图片代替即可。

人工智能、物联网、移动开发、存储、区块链、元宇宙等领域的专业知识、软件测试、数据库、服务器运维、云原生、网络通信、网络安全、音视频、多媒体处理、人工智能、物联网、移动开发、存储、区块链、元宇宙等专业知识、精通各类编程语言、熟悉各类开发过程中的BUG、知道云计算,IT互联网领域的名词词汇。

这个答案中并没有过多涉及其他云计算服务商的内容,所以可以放心使用:)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用Picgo+GitHub+ jsDelivr搭建CDN加速免费

今天来聊聊怎么搭建可靠的吧~ 为什么会产生这个需求呢?...毕竟有些博客的图片只是随手一截,还真找不到备份…… 前期准备 平台选择 现在也有蛮多的平台可以选择,常见的有SM.MS、腾讯云COS、微博、GitHub、七牛、Imgur、阿里云...而这里边,SM.MS和Imgur有免费版也有收费版,腾讯云、七牛、阿里云、又拍云都是收费的,微博据说已经挂了。其他小站的就不推荐了,因为指不定哪天就挂了。...最重要的还是免费,配合CDN加速,访问也不成问题。嗯,就微软爸爸了! ? 工具选择 选择一个本地的上传工具是为了方便我们快速上传图片,获得图片外链。这里首选picgo。 ?...这里为了使用CDN加快图片的访问速度,自定义域名我们按照这样去填写: https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名 比如我的是: https://cdn.jsdelivr.net

5.7K10

利用又拍云搭建免费CDN

特点:免费CDN加速 缺点:需要使用备案域名   本教程其实分享的是一个typecho插件使用教程,其实也就是如标题所说的啦~既然都说是教白嫖党的,当然就不能太复杂的啦~OK,教程开始 第一步...:创建云存储服务   登入又拍云控制台,(没有账号的自行注册,并不复杂),选择创建云存储服务   填写相关信息,并创建操作员,一定要保存好操作员密码,下面我们会使用到“服务名称、操作员账号和密码”...第二步:绑定域名   进入你创建云存储的配置页面,按照基本信息的提示解析一个二级域名(域名必须已备案)   记录类型:CNAME;主机记录:自行填写;记录值:云存储基本信息页面的提示   ..."又拍云"免费CDN搭建完工

2.8K20

使用 PicGo + Gitee 搭建免费

前面我写了一篇 「使用 Hexo + Gitee 快速搭建属于自己的博客」,很多人问起如果使用 md 写文章,图片如何快速地插入 md 文件中,我们都知道,md 格式与富文本格式不一样,md 的需要插入图片的访问地址...,如果图片在本地,那么可以使用图片的本地存放地址,但如果你将 md 文件发给别人之后,图片的链接就失效了,这时我们就需要将图片存放在一个大家都能访问的地方,将这个地方的链接插入 md 文件即可,这就是...但问题又来了,每次插入一张图片,我们总是要先将图片上传到,获取链接之后再将链接插入到 md 文件中,这个过程过于繁琐,且每次插入都在做重复的工作,今天我就跟大家分享一下,我是如何使用 PicGo 工具高效地解决上面的问题...,但这些都需要钱,使用 GitHub 虽然免费但是访问速度太慢。...设置好之后保存,并且设置为默认。这时我们就可以使用 PicGo 将图片上传到 Gitee 仓库中并且返回图片链接了: ?

1.1K20

【开源使用Typora+PicGo+Github+CDN搭建个人博客

一、什么是是一种在线存储图片的服务,通常用于在网页、博客等互联网平台上存储和分享图片。服务允许用户将图片上传到服务器,并生成一个唯一的URL链接用于访问这些图片。...服务的优势在于可以减轻网站或博客的服务器负担,提高页面加载速度,同时也方便了用户管理和分享图片资源。...常见的服务提供商包括七牛云、腾讯云、阿里云等,此外,也有一些开源的工具可供用户自行搭建使用。...二、Typora+PicGo+Github+CDN搭建个人 ☀️2.1 PicGo 打开PicGo,可以看到PicGo默认显示Github的 点击设置->github(将其设置成默认)...设置自定义域名我们使用免费CDN,其中UserName和RepoName分别修改成自己的GitHub的用户名和仓库名(很简单的查看方式就是去刚刚创建的仓库项目地址下查看) 设定自定义域名: https

17810

如何使用免费

前言 一款基于 GitHub API 的免费、稳定且高效的管理神器 你是否曾经因为问题而烦恼过么? ⒈ 当你在使用静态博客网站写文章时,发愁图片不知怎么保存,难道全部放到仓库当中去?...⒉ 使用一些第三方免费,网上复制的心仪图片链接,用着用着,发现某一天就失效了 ⒊ 特意花钱租个云服务器托管图片,单纯只是为了存储图片,真的划不来,而且上传操作真的好繁琐 ⒋ 曾经用过某某公司的免费...免费,基于 GitHub API 搭建管理神器,免费、稳定、极速、高效,免下载,免安装,打开免费(https://img.itclan.cn) 网站 即可使用 你只需注册 GitHub 账号...[√] 一键复制 GitHub 和 CDN 图片外链。 [√] 自动目录(可自动生成存储图片的目录)。 [√] 管理(仓库图片的增删改查)。...04-manage-imgs 结语 当所有上传的图片都是上传到自己的 github 仓库当中的,也有 jsdelivr 作为 cdn 加速,无论是 md 中直接插入图片还是链接都是可以的 快试一试吧~

1.7K20

Gitee + PicGo 免费个人搭建

您诸位好啊,今天就不分享Go技术文了,搞一个免费~ 平时我们写博客或者 markdown 时候会用到图片,markdown 文件一旦脱离本地观看,里面的图片便很难维护显示,这时候就需要用到,...给图片使用网络地址。...对比: 阿里云 OSS,腾讯云 COS,七牛等付费服务 GitHub 有免费空间,但访问速度太慢,纯看运气访问。...存储问题解决之后,接下来就需要一个工具能够快速上传并转换成链接的工具,这里推荐 PicGo 工具。所谓工具,就是自动把本地图片转换成链接的一款工具。...填写完毕后,点击「确定」,并「设置为默认」。 markdown使用配置 平时会用Typora来编写Markdown,为方便存储图片下载「新版Typora」设置一键上传即可。

1.3K30

使用PicGo+Gitee(码云)搭建免费

之前讲到过使用PicGo+Github来搭建免费,今天来讲讲使用PicGo+Gitee来搭建,但有一点需要注意,就是码云仓库容量的限制。...有社区版和企业版分别,如下表: 功能特性 社区版 企业版 使用场景 开源项目 个人私有仓库 免费版 协作开发 总计协作人数 不限 ≦ 5 人...新建仓库 打开码云官方网站,进入你的个人仓库界面,新建仓库,如何新建仓库的详细步骤我就不说了,相信搭建都会,直接上一张,图中有文字说明: [20200310213302.png] 然后点击创建即可...[20200310212058.png] 安装完成后,重启PicGo应用,设置选项就会出现一个Gitee,然后进行点击,进入下面的页面: [20200310212504.png] 属性选项说明:...,就上传速度而言,Gitee与Github相比,Gitee略胜一筹。

7.6K32

CDN+COS搭建超详细步骤

七、总结 一、前言 作为一名经常写博客的博主,图片的上传十分头疼,经常需要手动上传到指定的服务器里面,十分的麻烦,能不能有一种方案支持一次写完,永久部署呢,当然有的,这就是我们今天的主角,我们采用...三、原理解析 首先图片源是存在于COS对象中的,CDN用于加速图片的加载速度,将图片分发到全国各地CDN节点,这个原因主要是目前腾讯的COS对象存储的节点较少的缘故,故这里利用CDN加速,自己的自定义域名起到一种代理的作用...五、CDN部署 1.基础配置 加速域名:即自定义的备案域名,如果符合要求会进行一次dns解析验证归属权 加速区域:这里选择国内加速,这个根据自身购买的资源包决定的 加速类型:选择CDN网页小文件,适用于图片等形式...shift+p即可完成图片的上传,同时如果有开启重命名的设置也可以直接重命名,操作结束,在markdown文件中ctrl+shift+i即可完成刚刚复制的图片的显示,十分方便有没有,至此我们已经完成了的部署...,价格方面不是很贵,如果是个人使用的博客,大概50左右一年的金额,期待大家早日拥有属于自己的

2.7K11

CDN+COS搭建超详细步骤

markdown格式写博客的博主,图片的上传十分头疼,本地的图片插入不利于复用,经常需要手动上传到指定的服务器里面,十分的麻烦,能不能有一种方案支持一次写完,永久部署呢,当然有的,这就是我们今天的主角...三、原理解析首先源是存在于COS对象中的,CDN用于加快图片的访问速度,将图片分发到全国各地CDN节点,这个原因主要是目前腾讯的COS对象存储的节点较少的缘故,故这里利用CDN加速,自己的自定义域名起到一种代理的作用...图片五、CDN部署1.基础配置图片加速域名:即自定义的备案域名,如果符合要求会进行一次dns解析验证归属权加速区域:这里选择国内加速,这个根据自身购买的资源包决定的加速类型:选择CDN网页小文件,适用于图片等形式...shift+p即可完成图片的上传,同时如果有开启重命名的设置也可以直接重命名,操作结束,在markdown文件中ctrl+shift+i即可完成刚刚复制的图片的显示,十分方便有没有,至此我们已经完成了的部署...,价格方面不是很贵,如果是个人使用的博客,大概50左右一年的金额,期待大家早日拥有属于自己的

4.7K103

GitHub+PicGo+jsDelivr搭建免费

前言 最开始一直是将图片保存在博客项目之中,调用的时候直接写路径,感觉也没啥不方便的,就一直没整。...但有时候想展示一些图片发现有点慢(当然原因是因为图片文件本身较大),就想着压缩以下,想来干脆顺便整个,然后发现真香。...下载完之后打开的界面如图所示: 点击设置下拉按钮,选中GitHub选项,进行配置。.../gh/CNhuazhu/Image) (注:这里使用了jsDelivr进行加速) 点击设置为默认图库,点击确定,这样就完成了所有的操作步骤。...使用 使用方法非常简单,直接将图片拖拽至区域或点击上传,图片就自动上传至刚刚搭建啦(在相册中查看)。

51630

Typora + PicGo + GiteeGitHub 免费搭建个人

目录 前言 搭建准备 Typora PicGo Gitee/GitHub 搭建步骤 Gitee/GitHub 创建仓库 Gitee步骤 1、创建仓库 2、生成私人令牌 Token GitHub步骤...后来,听说还有 这个东西,但是由于懒,就一直没有去玩。最近,出于种种原因,还是尝试搭建了一下,这里分享一下搭建过程。...搭建准备 本次搭建过程需要以下介质:Typora + PicGo + Gitee/GitHub ,免费!...搭建步骤 接下来我们开始搭建,确保已经安装上述软件和注册 Gitee/GitHub 账号。 Gitee/GitHub 创建仓库 在 Gitee/GitHub 创建一个仓库,用来存放你的图片。...写在最后 总的来说,搭建过程不算难,只需要了解这些软件的简单使用即可。 终于拥有自己的了,再也不怕网站挂了图片不显示,最主要的是还去水印!

1.5K21

Gitee + Typora,搭建自己的免费

搭建过程 4. 上传图片 5. 搭配 Typora 使用 6. 总结 1. 前言 对于写博客的朋友们来讲,这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。...上一篇文章中我们讲了如何 利用 Github 搭建自己的免费,但有人反映 Github 访问有点慢,而且也不太稳定,所以就推荐用国内的 Gitee 来搭建,于是今天就带来新鲜热乎的基于 Gitee...所搭建免费教程,也水一篇文章,希望对大家伙有所帮助。...上传图片 通过上面的步骤,我们的搭建好了,但是通过传统的方法向 Gitee 上传图片太麻烦了,这里我们推荐使用一个开源工具 PicGo[2] 来作为我们的图片上传工具; PicGo 的安装就不说了...总结 至此,我们的搭建免费的教程就到此结束了,总体上来讲和 Github 搭建的方式还是一样的,只是有一些小细节需要注意。

2.9K42

使用腾讯云轻量服务器 + 腾讯云 CDN 搭建 Chevereto 加速分发方案

准备工作 切换轻量应用服务器的应用   登录腾讯云控制台,切换到轻量应用服务器控制台,选中用于搭建的服务器,备份数据(可以使用快照功能或以其他形式备份)后重置应用,镜像选择“宝塔Linux面板(7.5.1...分发 向腾讯云请求创建 CDN 加速域名   回到宝塔面板,打开“腾讯云CDN 1.0”插件,添加 CDN 域名 picbed.itxe.net(上手时请换成自己的 CDN 加速域名)并将 picbed.itxe.net...腾讯云 CDN 控制台设置相关配置   单击宝塔面板腾讯云 CDN 插件内已经创建的 CDN 加速域名,单击“基础信息”右侧的“更多”,进入腾讯云控制台进行更详细的配置。   ...),将“CDN”改为 启用,“CDN URL”填 https://picbed.itxe.net/ (注意替换为自己的 CDN 加速域名)并保存。...结语   现在你应该就能享受高 SLA 的腾讯云轻量应用服务器和节点众多、速度飞快的腾讯云 CDN 为你的提供的支持了。速度虽快,不要大意:源站的存储空间和 CDN 的流量费用哦!

4.5K50

Gitee + Typora,搭建你的免费高速

上一篇文章中我们讲了如何 利用 Github 搭建自己的免费,但有人反映 Github 访问有点慢,而且也不太稳定,所以就推荐用国内的 Gitee 来搭建,于是今天就带来新鲜热乎的基于 Gitee...所搭建免费教程,也水一篇文章,希望对大家伙有所帮助。...上传图片 通过上面的步骤,我们的搭建好了,但是通过传统的方法向 Gitee 上传图片太麻烦了,这里我们推荐使用一个开源工具 PicGo 来作为我们的图片上传工具; PicGo 的安装就不说了,...总结 至此,我们的搭建免费的教程就到此结束了,总体上来讲和 Github 搭建的方式还是一样的,只是有一些小细节需要注意。...好了,总结一下本文,主要有如下几部分: 准备一个 Gitee 账号; 搭建仓库; 上传图片设置; 搭配 Typora 使用; 如果你对上面的部分有疑问,欢迎留言或者私信,我会在看到的第一时间回复你!

59750

如何利用 Github 搭建自己的免费

搭建过程 4. 上传图片 5. 加速访问 6. 推荐 7. 总结 1. 前言 对于写博客的朋友们来讲,这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。...有了,我们在本地写好博客之后,就能够任意复制到其他平台,不用担心图片丢失问题了。 ? 今天的文章就是给大家分享一个搭建免费的教程,既是方便自己后续的复习,也希望对大家也有所帮助。 2....上传图片 通过上面的步骤,我们的搭建好了,但是通过传统的方法向 Github 上传图片太麻烦了,这里我们推荐使用一个开源工具 PicGo[2] 来作为我们的图片上传工具; PicGo 的安装就不说了...这时候我们就可以用 jsDelivr[4] 进行免费加速,而设置的方法也很简单,只需要在我们 PicGo 配置中添加如下自定义域名即可; https://cdn.jsdelivr.net/gh/用户名...总结 至此,我们的搭建免费的教程就到此结束了,总结一下主要有如下几部分: 准备一个 Github 账号; 搭建仓库; 上传图片设置; 加速访问; 免费推荐; 如果你对上面的部分有疑问,欢迎留言或者私信

1.2K10
领券