5步搭建免费图床(CDN图床)再也不用担心网站网速与内存了

news/2024/5/12 0:58:19/文章来源:https://blog.csdn.net/q906270629/article/details/106189848

利用GitHub+jsDelivr+PicGo搭建免费图床,CDN图床就是这么朴实无华,是基于免费CDN与免费开源网站制作的免费CDN图床。

一、前言

​ 1.用 markdown 写博客,想插入一些图片,如果采用本地存储方式,上传博客时插入的图片路径就找不到了,需要手动再把图片上传上去,并且修改路径,很麻烦,可以考虑将图片上传至图床生成 URL,直接在markdown 引入url。

​ 2.现在国内用的各种图床,例如,微博图床、SM.MS、Imgur、七牛云、又拍云、腾讯云COS、阿里云OSS等都有各种限制,或者需要收费。

​ 3.使用GitHub仓库创建一个图床,存在的问题是国内访问github的速度不是很快,可以利用jsDelivr CDN加速访问(jsDelivr 是一个免费开源的 CDN 解决方案)国内该平台是首个「打通中国大陆与海外的免费CDN服务」,网页开发者无须担心中国防火墙问题而影响使用。

二、克隆jsDelivr的Github仓库

使用免费的CDN平台jsDelivr搭建个人cdn资源网盘

https://blog.csdn.net/q906270629/article/details/106145109

​可单独专门创建一个img文件夹存放上传的图片。

GitHub上如何创建文件夹 超简单

https://blog.csdn.net/q906270629/article/details/106189247

三、生成Access token

按照下列步骤依次生成token,生成的token只显示一次,页面关闭后就看不了了,需要先将它复制下来。

四、配置PicGo,使用jsDelivr的CDN

下载PicGo软件,安装。下载路径:PicGo

打开PicGo进行配置

注:配置一定要和图片显示中的一样,“ / ”不需要的要删除,需要的一定要有,不然会出错。

将刚才在Github上创建的仓库名和分支名填入设置中,生成的Token复制到配置中。

指定存储文件夹的路径,PicGo上传文件的时候,将自动在github仓库中创建此文件夹。

自定义域名:这个很有用,如果设置了自定义域名,PicGo生成的访问链接,将是【自定义域名+文件名】的拼接方式。因为我们需要使用jsDelivr加速访问,所以将自定义域名设置为【https://cdn.jsdelivr.net/gh/用户名/图床仓库名 】。

当然PicGo还有许多配置,不懂可以看看PicGo提供的文档,PicGo

五、使用免费图床

下面就可以愉快的图床了,选择需要的图片和格式,复制链接,粘贴到markdown中,就能显示了。

免费图床就是这么的朴实、无华、且有内涵!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_769873.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AI合成技术,在线网站随机生成不同真人照片(虚拟人物)

目前能想到的用途是不侵犯他人肖像权的情况下做些假数据,展示性的数据。每次刷新ai都会随机生成一张头像。 真人头像,欧美偏多,亚洲面孔少:https://thispersondoesnotexist.com/ 二次元女生头像:https://www.thiswaif…

2020年企业网站SEO优化推广注意事项

搜索引擎优化是一个长期而漫长的工作,一般形成获客的关键排名会在3~6个月期间,重要的是企业在进行搜索引擎优化时需要对网站的质量尤为的关注,现如今排名好的网站均为高质量站点。 在于飞seo看来,如果企业在2019年想要做好SEO优化…

新建网站如何优化?如何快速实现收录?

新站网站优化和收录的提升方法:提升新站收录的方法,SEO临门一脚大多数都会遇到这个问题,网站上线,发现网站不收录,这对于优化来说,不收录就等于不能参与排名,在这个问题上,SEO新手都…

如何测试某个网站的图片是否可外链使用

想分享图片,但苦于找到支持外链的空间?或者找到了空间相册,无法确认是否支持外链?来,教你一招管用的图片外链测试方法! 工具/原料 百度识图工具 图片地址搜索方法 由头 问题的根源来自于图片能否外链。…

简单快速的视频上传分享网站,可做外链

网站简介 我们有时候需要分享一些视频,比如MP4后缀之类的,当然其实的方法是有很多的,比如上传到自己的服务器、OSS、COS之类的,但这样费用就非常大,不值得,要么就是上传到快手抖音,让别人搜&am…

github创建网站的方法

前提 创建仓库,上传HTML静态源码。 第一步 点击settings 选择options 重命名为访问的域名形式,比如:yfi6.github.io 点击Rename保存 第二步 选择pages 选择main 选择root 点击save保存 访问【https://你的用户名.github.io/】即可…

宝塔面板如何直接用IP、IP+端口号来建站实现直接用ip访问的目的

一:IP建站 必须是本机的IP,才可以访问,和一般的建站是一样的,只是在域名那里写上自己的服务器ip即可,丢一张图即可看懂: 二:设置ip+端口访问 还可以在建站的时候设置ip&#xff0b…

如何查看网站是否是织梦dedecms做的方法

织梦dedecms系统使用的人非常多,那么其危险就更好,漏洞发现的数量也增加了,我们很多人都是有使用过织梦系统的,所以在使用的过程中一定要避免一些常规的织梦标志,这样能够减少网站被入侵的风险。接下来给大家分享织梦标…

宝塔面板怎么给每个网站设置单独的404页面【亲测】

将每个404页面单独放入各站点根目录下后,在配置文件内将#注释去掉保存即可。 Ps:如还不生效,重启服务即可。 error_page 404 /404.html;

仿58上市公司(PC站+手机站)网站源码

该源码是仿58上市公司(PC站手机站)网站源码,2014最新仿58同城上市公司源http://码 多城市分类信息源码带wap,安装文件:.访问 /install.php进行安装,出现数据库连接失败的问题修改;\data\mysql_config.php修改里面的数据…

宝塔面部PHP网站偶尔出现提示500错误的解决办法

宝塔面部PHP网站偶尔出现提示500错误的解决办法 修改php的配置文件 将display_errorson修改为display_errorsoff

***不是已知元素 原因可能是网站中存在编译错误

在用visual studio 2005编辑asp.net页面时,有时会遇到:"***"不是已知元素。错误情况如下图:原因可能是网站中存在编译错误。这有可能是代码中的"***"确实有错,但是有时候你会发现代码根本就没有错&#xff0c…

小红书SEO之关键词排名优化详解【从入门到精通】

首先你要做的关键词被小红书收录(当你搜索关键词时,看到笔记的最新排序,或者热度排序,或者综合能够展现到你的笔记说明此笔记被关键词收录,否则就是没有收录)如果你的小红书笔记没有被收录的话,就是说明你的笔记被屏蔽…

PHP实现iframe跨站替换文字/替换iframe网站文字的方法

简介 可将某个页面 用框架标签放到自己页面中&#xff0c;但其中有些链接&#xff0c;或者文字不想要&#xff0c;即可替换掉他们。 实例代码 <?php $site$_SERVER[QUERY_STRING]; $ch curl_init();curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);curl_setopt($ch, CURLO…

一个强大引擎和一个强大网站(维修)

一个超级强大的维修资料搜索引擎&#xff0c;是&#xff43;&#xff48;&#xff49;&#xff4e;&#xff41;&#xff46;&#xff49;&#xff58;和&#xff47;&#xff4c;&#xff4f;&#xff4f;&#xff47;&#xff45;合作的引擎&#xff0c;资料非常之齐全&#…

网站可以正常打开,但是进不去宝塔面板的解决方法

问题 网站可以正常打开&#xff0c;但是进不去宝塔面板的解决方法 方法 SSH链接服务器输入 bt 命令然后选择 1 重启面板服务就发现面板可以正常打开了

SEO优化网站排名是靠什么支撑的?

SEO优化网站排名是靠什么支撑的? :要弄清楚搜索引擎优化排名的秘密&#xff0c;在我们一开始学习SEO基础知识的时候&#xff0c;我们首先要知道搜索引擎的工作原理。首先&#xff0c;搜索引擎蜘蛛把这个网站上的内容抓取过来&#xff0c;通过判断这些内容的优劣性&#xff0c;…

网站静态化处理—CSI(5)

讲完了SSI&#xff0c;ESI&#xff0c;下面就要讲讲CSI了 &#xff0c;CSI是浏览器端的动静整合方案&#xff0c;当我文章发表后有朋友就问我&#xff0c;CSI技术是不是就是通过ajax来加载数据啊&#xff0c;我当时的回答只是说你的理解有点片面&#xff0c;那么到底什么是CSI技…

从零开始用 Flask 搭建一个网站(二)

从零开始用 Flask 搭建一个网站&#xff08;一&#xff09; 介绍了如何搭建 Python 环境&#xff0c;以及 Flask 应用基本项目结构。我们要搭建的网站是管理第三方集成的控制台&#xff0c;类似于 Slack。 本篇主要讲解数据如何在 Flask 应用中流动&#xff0c;其它的框架基本上…

网站平台架构演变史(三) - 数据库表的查询优化

上篇说道了数据库读写分离&#xff0c;对于大型网站来说这么说是十分有必要的。数据库在整个互联网架构中担当的角色无法有两个&#xff0c;存储和运算&#xff0c;很多时候这两个是并存的&#xff0c;但是在后期&#xff0c;对于上亿条数据来说&#xff0c;让数据库既要存储&a…