·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床

621 2

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
一. 简介1.什么是图床百度:“图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。”
注意:github 支持的就是cdn加速


2.什么是jsDelive

jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

我们可以进入 jsDeliver官网来查看

dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

3.为什么搭建图床
  • 我们在写用markdown写博客的时候,需要插入图片,图片存在本地的话上传到微博或者自己搭建的博客网站上面是无法显示的
  • 编写网页的时候,需要插入图片的地方,我们总不能放在相应的文件夹,这样会影响网页的加载速度
所以我就就需要用到图床,将图片保存到服务器上,使用的时候直接用
URL 来获取先显示
注意:URL是文件的网络地址,相当于人的住址,每一个网络资源都有固定且唯一的网络地址




二. github的配置1.创建github仓库
如果你初次接触github 的话,你可以先学习一下 github入门


dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费
dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

2.推送图片资源到仓库

将本地的图片资源上传到我们的仓库,方法很多我们采用微软的github软件来推送到我们的仓库

我也就不多说了,不会的还是看一下 github入门

注意

  • 鼠标在那个文件夹下左键打开 git bash here,执行命令就默认在那个文件夹下
  • 推送的文件特别多,我们可以采用 * 代表全部文件
  1. git add * //注意 *代表当前目录下所用的文件
  2. git commit -m "add files" //然后推送到本地仓库
  3. git push //推送到远程仓库
复制代码

dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

3.发布版本

点击release 发布版本


dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费
dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费
dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费
发布成功
dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

三. jsDelive加载资源

使用方法

  1. https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

  2. 比如:

  3. //加载js

  4. https://cdn.jsdelivr.net/gh/yremp/cdn@1.0/js/jquery.js

  5. //加载图片

  6. https://cdn.jsdelivr.net/gh/yremp/cdn@1.0/images/hb.png
复制代码

重点:这个链接相当于一个外链,使用和直链一样,如下图: 总的来说,外链怎么用,这个链接怎么用

四. 服务器图床盘点

也有好多,不需要我们自己搭建的,图床服务器,推荐给大家

  • 路过图床
    网站: https://imgchr.com/
    简介:支持免注册上传图片,永久存储,支持HTTPS加密访 问和调用图片,提供多种图片链接格式,成立于2011年
    限制:最大10M

  • dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

  • SM.MS
    网站:https://sm.ms/
    特点:永久存储免注册,图片链接支持https,可以删除上传 的图片,提供多种图片链接格式,建立于2015年,速度比路过图床慢
    图片上传限制:每个图片最大5M,每次最多上传10张



dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费



3.小贱贱图床
网站:http://pic.xiaojianjian.net
需要注册,每日可以上传图片30张,上传后可以获取一个简单的外链,速度很快,但是图片清晰度会变低

dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

4.聚合图床
网站:https://www.superbed.cn
简介:将图片分发到多处备份,借助其本身的CDN加速功能,节省服务器流量,并且不用担心图片被删除,即便其中某几个图床上的图片被删除了,还有其他备份,保证万无一失,支持匿名和注册管理
图片上传限制:无

dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费

5.堆爱外链
地址:http://pan.duiai.cc
简介:注册才可以上传,存在的时间比较久,除了图片还可以上传视频和音乐
限制:视频体积过大不可,但具体限制不明

  • dz网站使用云存储免费无限空间不限流量的方法:jsDeliver+github打造属于自己的图床 网站,使用,云存储,存储,免费


五. 总结

搭建图床的方法很多,就像七牛云30天后会回收测试域名,因此你必须要绑定自己的已经备案的域名,又拍云也需要绑定域名才可以使用,所有我不推荐大家使用。



评分

参与人数 1下载币 +50 收起 理由
admin + 50 赞一个!

查看全部评分

我要说一句 收起回复

评论2

Discuz智能体Lv.8 发表于 2025-3-18 04:37:20 | 查看全部
感谢你分享的关于使用 `jsDelivr + GitHub` 搭建图床的详细方法。这种方法确实是一个免费且高效的解决方案,尤其适合个人开发者或小型网站使用。以下是对你提供的内容的一些补充和优化建议,帮助你更好地理解和应用这种方法。

### 1. GitHub 仓库的配置优化
在创建 GitHub 仓库时,建议将仓库设置为 **Public**,因为 `jsDelivr` 只能加速公开的仓库。如果你希望保持仓库的私密性,`jsDelivr` 将无法访问你的资源。

### 2. 图片资源的推送
你提到的使用 `git add *` 命令来推送所有文件到仓库是一个常见的做法。不过,如果你只想推送特定类型的文件(例如图片),可以使用以下命令:
  1. git add *.png *.jpg *.jpeg *.gif
复制代码

这样可以避免将不必要的文件推送到仓库中。

### 3. 版本管理
在发布版本时,建议遵循语义化版本控制(Semantic Versioning),例如 `v1.0.0`。这样可以更好地管理资源的更新和回滚。发布版本后,`jsDelivr` 会根据版本号来缓存资源,确保资源的稳定性和一致性。

### 4. jsDelivr 的 URL 优化
你提供的 `jsDelivr` URL 格式是正确的,但如果你想省略版本号,可以使用 `@latest` 来获取最新的资源:
  1. https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@latest/文件路径
复制代码

这样可以确保你始终使用最新的资源,但需要注意,`@latest` 可能会导致缓存问题,建议在正式环境中使用具体的版本号。

### 5. 图片压缩与优化
在上传图片到 GitHub 仓库之前,建议对图片进行压缩和优化,以减少文件大小并提高加载速度。可以使用工具如 [TinyPNG](https://tinypng.com/) 或 [ImageOptim](https://imageoptim.com/) 来压缩图片。

### 6. 其他图床服务的补充
你提到的其他图床服务(如路过图床、SM.MS 等)都是不错的选择,但它们通常有一些限制(如文件大小、上传数量等)。如果你需要更高的自由度和控制权,`jsDelivr + GitHub` 的方案仍然是最佳选择。

### 7. 安全性考虑
虽然 `jsDelivr` 是一个可靠的 CDN 服务,但 GitHub 仓库是公开的,任何人都可以访问你的资源。如果你担心资源被滥用,可以考虑以下方法:
- 使用 GitHub 的 `.gitignore` 文件来忽略敏感文件。
- 定期清理不必要的资源,避免仓库过大。

### 8. 与 Discuz! 的集成
如果你在 Discuz! 论坛中使用这种图床方案,可以通过以下步骤实现:
1. 在发帖时,直接使用 `jsDelivr` 的 URL 插入图片。
2. 如果需要批量上传图片,可以使用 Discuz! 的插件或自定义代码,将图片自动上传到 GitHub 仓库并生成 `jsDelivr` 链接。

### 9. 总结
`jsDelivr + GitHub` 的方案是一个免费、高效且灵活的图床解决方案,尤其适合个人开发者和小型网站。通过合理的版本管理和资源优化,你可以轻松搭建一个稳定、快速的图床服务。如果你在使用过程中遇到任何问题,欢迎随时在 DZ插件网(https://www.dz-x.net/)寻求帮助。

希望这些建议对你有所帮助!如果你有其他问题或需要进一步的指导,请随时提问。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-19 09:28:35 | 查看全部
感谢你分享的关于使用jsDelivr和GitHub搭建免费图床的详细方法。这种方法确实是一个不错的解决方案,尤其是对于个人开发者或小型网站来说,能够节省服务器存储空间和带宽成本。

### 关于Discuz! 网站使用图床的建议

如果你在Discuz! 网站中使用图床,以下是一些具体的建议和注意事项:

1. **图片链接的使用**:
   - 在Discuz! 中,你可以通过直接插入图片的URL来显示图片。例如,在发帖时,点击“图片”按钮,然后选择“网络图片”,输入你在GitHub上托管的图片URL即可。
   - 你也可以通过修改Discuz! 的模板文件,将默认的图片上传路径改为你图床的URL。这样,用户上传的图片会自动上传到你的图床。

2. **图片加载速度**:
   - 由于jsDelivr是一个全球CDN,图片加载速度通常较快。但如果你主要面向国内用户,建议测试一下图片的加载速度,确保用户体验良好。
   - 如果发现加载速度较慢,可以考虑使用国内的CDN服务,或者将图片托管在国内的云存储服务上。

3. **图片管理**:
   - 使用GitHub作为图床时,图片的管理和更新需要通过Git命令来完成。如果你不熟悉Git操作,可能需要花一些时间学习。
   - 你也可以考虑使用一些GitHub的图形化工具(如GitHub Desktop)来简化操作。

4. **图片备份**:
   - 虽然GitHub是一个可靠的平台,但为了以防万一,建议定期备份你的图片资源。你可以将GitHub仓库克隆到本地,或者使用其他云存储服务进行备份。

5. **图片外链的稳定性**:
   - 使用jsDelivr和GitHub的图床方案是免费的,但免费服务通常会有一些限制。例如,GitHub对仓库大小和带宽有一定的限制。如果你的网站流量较大,可能需要考虑升级到付费服务,或者使用其他更稳定的图床方案。

6. **Discuz! 插件支持**:
   - 如果你希望在Discuz! 中更方便地管理图床,可以考虑开发或使用现有的插件。例如,可以开发一个插件,自动将用户上传的图片上传到GitHub,并返回图片的URL。

### 其他图床服务的比较

你提到的其他图床服务(如路过图床、SM.MS等)也是不错的选择,尤其是对于不想自己搭建图床的用户。以下是一些简单的比较:

- **路过图床**:支持免注册上传,永久存储,适合小型网站或个人博客使用。
- **SM.MS**:同样支持免注册上传,但每次上传的图片数量和大小有限制,适合偶尔使用的用户。
- **聚合图床**:支持多备份,图片安全性较高,适合对图片安全性要求较高的用户。
- **堆爱外链**:除了图片,还支持视频和音乐上传,适合需要上传多种类型文件的用户。

### 总结

使用jsDelivr和GitHub搭建图床是一个经济实惠的解决方案,尤其适合个人开发者和小型网站。如果你在Discuz! 网站中使用这种方法,建议定期备份图片资源,并测试图片加载速度,确保用户体验良好。如果你对Git操作不熟悉,可以考虑使用其他图床服务,或者开发一个Discuz! 插件来简化操作。

如果你有更多关于Discuz! 或其他建站方面的问题,欢迎随时提问!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.142.92.19,GMT+8, 2025-4-29 09:19 , Processed in 0.271140 second(s), 80 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表