PicGo+jsDelivr+GitHub搭建免费cdn加速图床

本文介绍如何使用PicGo结合GitHub和jsDelivr构建免费且快速的CDN加速图床。通过简单的步骤实现图片的自动上传及链接复制,适用于博客等应用场景。

前言

  • 基于PicGo + GitHub+jsDelivr搭建免费的CDN加速图床。

下载&安装PicGo

https://i-blog.csdnimg.cn/blog_migrate/ad84befb008883b056a677d5df5c1ce9.png

创建 GitHub 仓库

  • 可在自己的GitHub账户下建立一个新的仓库或者和我这样新建一个专门用来放这些杂七杂八东西的组织,在组织里新建仓库:

https://i-blog.csdnimg.cn/blog_migrate/3c952dfa096de2671c633ca115163b02.png

https://i-blog.csdnimg.cn/blog_migrate/5e4554b905b68e391c02f4fa482296c4.png

生成Token

  • 点自己头像,点 Settings

    https://i-blog.csdnimg.cn/blog_migrate/550f4762c95f60722a26b64ac2dbbd6d.png

  • 点Developer settings,再点 Personal access tokens,如图:

    https://i-blog.csdnimg.cn/blog_migrate/595642951ab0d34f6fab02aa0a55b66f.png

  • 点击generate new token,填写内容,权限勾选 repo即可,拉到最下面,点击Generate token

    https://i-blog.csdnimg.cn/blog_migrate/6d4240ff4afd3d4b207fee0fb285dec1.png

  • 复制生成的 token(保存好这个 token,后面没法复制)

    https://i-blog.csdnimg.cn/blog_migrate/d5f6966af533164a5be6da6b51f96500.png

配置 PicGo

  • 打开刚安装的PicGo的详细窗口,选择图床设置-GitHub图床,按如下配置:

    https://i-blog.csdnimg.cn/blog_migrate/2a07f5b4e9e76fe935b3fc06cd3664dc.png

    • 设定自定义域名:

      # https://cdn.jsdelivr.net/gh/用户名/仓库名 或者 https://cdn.jsdelivr.net/gh/组织名/仓库名
      https://cdn.jsdelivr.net/gh/Hsu-Outer-Brain/CDNPIC_00
      

使用

  • 存量图片,在上传区点上传图片或者拖拽上传即可,会自动上传并复制好图片链接到剪贴板;

  • 截图剪贴板上传,如果刚刚截完图保存在剪贴板里,直接点击PicGo的图标,里面有个未上传区,选择想上传的图片,点击,即可直接上传。

    https://i-blog.csdnimg.cn/blog_migrate/97abdd270825325abde54accb280c728.png

提醒

  • 不要上传私密图片,本方案为公开方案,所有图片均为全网可见。
下载前可以先看下教程 https://pan.quark.cn/s/a426667488ae 标题“仿淘宝jquery片左右切换带数字”揭示了这是一个关于运用jQuery技术完成的片轮播机制,其特色在于具备淘宝在线平台普遍存在的片切换表现,并且在整个切换环节中会展示当前片的序列号。 此类功能一般应用于电子商务平台的产品呈现环节,使用户可以便捷地查看多张商品的照片。 说明中的“NULL”表示未提供进一步的信息,但我们可以借助标题来揣摩若干核心的技术要点。 在构建此类功能时,开发者通常会借助以下技术手段:1. **jQuery库**:jQuery是一个应用广泛的JavaScript框架,它简化了HTML文档的遍历、事件管理、动画效果以及Ajax通信。 在此项目中,jQuery将负责处理用户的点击动作(实现左右切换),并且制造流畅的过渡效果。 2. **片轮播扩展工具**:开发者或许会采用现成的jQuery扩展,例如Slick、Bootstrap Carousel或个性化的轮播函数,以达成片切换的功能。 这些扩展能够辅助迅速构建功能完善的轮播模块。 3. **即时数字呈现**:展示当前片的序列号,这需要通过JavaScript或jQuery来追踪并调整。 每当片切换时,相应的数字也会同步更新。 4. **CSS美化**:为了达成淘宝片切换的视觉效果,可能需要设计特定的CSS样式,涵盖片的排列方式、过渡效果、点状指示器等。 CSS3的动画和过渡特性(如`transition`和`animation`)在此过程中扮演关键角色。 5. **事件监测**:运用jQuery的`.on()`方法来监测用户的操作,比如点击左右控制按钮或自动按时间间隔切换。 根据用户的交互,触发相应的函数来执行...
垃圾实例分割数据集 一、基础信息 • 数据集名称:垃圾实例分割数据集 • 片数量: 训练集:7,000张片 验证集:426张片 测试集:644张片 • 训练集:7,000张片 • 验证集:426张片 • 测试集:644张片 • 分类类别: 垃圾(Sampah) • 垃圾(Sampah) • 标注格式:YOLO格式,包含实例分割的多边形点坐标,适用于实例分割任务。 • 数据格式:片文件 二、适用场景 • 智能垃圾检测系统开发:数据集支持实例分割任务,帮助构建能够自动识别和分割像中垃圾区域的AI模型,适用于智能清洁机器人、自动垃圾桶等应用。 • 环境监控与管理:集成到监控系统中,用于实时检测公共区域的垃圾堆积,辅助环境清洁和治理决策。 • 计算机视觉研究:支持实例分割算法的研究和优化,特别是在垃圾识别领域,促进AI在环保方面的创新。 • 教育与实践:可用于高校或培训机构的AI课程,作为实例分割技术的实践数据集,帮助学生理解计算机视觉应用。 三、数据集优势 • 精确的实例分割标注:每个垃圾实例都使用详细的多边形点进行标注,确保分割边界准确,提升模型训练效果。 • 数据多样性:包含多种垃圾物品实例,覆盖不同场景,增强模型的泛化能力和鲁棒性。 • 格式兼容性强:YOLO标注格式易于与主流深度学习框架集成,如YOLO系列、PyTorch等,方便研究人员和开发者使用。 • 实际应用价值:直接针对现实世界的垃圾管理需求,为自动化环保解决方案提供可靠数据支持,具有重要的社会意义。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值