利用jsDelivr和Github来建立一个简单的网盘html访问

时间: 2024-05-01 12:16:40 浏览: 13
要建立一个简单的网盘html访问,可以按照以下步骤操作: 1. 在Github上创建一个新的仓库来存储你的文件,将你的文件上传到仓库中。 2. 使用jsDelivr来为你的仓库生成一个CDN链接。在jsDelivr网站的主页上,输入你的Github仓库链接,并选择“npm”作为资源类型。 3. 在生成的CDN链接中,找到你要访问的文件的路径。 4. 在你的HTML文件中,使用CDN链接来引用你的文件。例如,如果你要访问一个名为“myfile.html”的文件,你可以在HTML文件中添加以下代码: ``` <!DOCTYPE html> <html> <head> <title>My File</title> </head> <body> <iframe src="https://cdn.jsdelivr.net/gh/your-username/your-repo/myfile.html"></iframe> </body> </html> ``` 5. 保存HTML文件,并在浏览器中打开它,你应该可以看到你的文件在页面中显示出来了。 需要注意的是,这种方式仅适用于简单的HTML文件,如果你需要访问的是其他类型的文件,例如图片或视频,你需要使用不同的HTML标签来嵌入这些文件。
相关问题

利用jsDelivr和Github来建立一个简单的网盘,写个html上传下载例子

首先,我们需要在Github上建立一个仓库用于存储上传的文件,然后使用jsDelivr来将该仓库转化为可供访问的CDN。 步骤如下: 1. 在Github上创建一个仓库,用于存储上传的文件。 2. 将需要上传的文件上传至该仓库。 3. 访问 https://www.jsdelivr.com/,并点击“Get Started”按钮。 4. 在“Step 1”中,输入Github仓库的用户名和仓库名,然后点击“Lookup”按钮。 5. 在“Step 2”中,选择需要使用的分支和路径(如果仓库中有多个文件夹,则需要指定路径),然后点击“Generate”按钮。 6. 在“Step 3”中,复制生成的链接,该链接即为CDN链接。 7. 在HTML中使用该CDN链接,即可上传和下载文件。 上传文件的HTML代码如下: ``` <form action="https://cdn.jsdelivr.net/gh/用户名/仓库名/路径/上传的文件名" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上传文件"> </form> ``` 其中,`action`属性为CDN链接,`method`属性为`post`,`enctype`属性为`multipart/form-data`,这些属性的设置可以实现文件上传。 下载文件的HTML代码如下: ``` <a href="https://cdn.jsdelivr.net/gh/用户名/仓库名/路径/文件名">下载文件</a> ``` 其中,`href`属性为CDN链接,点击该链接即可下载文件。 需要注意的是,由于使用的是公共CDN,所以上传的文件可能被其他人访问和下载,因此不适合上传私密文件。

利用jsdelivr和Github做个免费网盘

虽然 GitHub 不是专为存储文件而生的,但是有一些人已经开始将其用作免费的云存储服务,因为它的确免费且容量很大。结合 jsDelivr,你可以轻松地创建一个免费的网盘。 以下是实现步骤: 1. 首先,打开 GitHub 并登录您的帐户。 2. 创建一个新的仓库,并以任何名称命名,例如:my-cloud-storage。 3. 然后,点击 "Upload files" 上传你的文件或文件夹。 4. 最重要的是,将你的文件或文件夹放置在一个称为 public 的文件夹中。这个文件夹中的所有文件都是公开的,也就是说可以被其他人访问。 5. 接下来,访问 jsDelivr 网站,然后将你的 GitHub 仓库链接复制到 "Enter the details of the file you want to use" 栏中。 6. 点击 "Load" 按钮,然后 jsDelivr 将生成一个新的链接,你可以使用这个链接来访问你的文件。 7. 最后,将这个链接分享给你的朋友,他们就可以访问你的文件了。 需要注意的是,GitHub 并不是一个专门为存储文件而设计的服务,因此不应该将其用作长期存储的唯一方式。此外,你的文件在公开的情况下,也就意味着其他人也可以访问它们,因此请不要将私人文件上传到 GitHub。

相关推荐

最新推荐

recommend-type

5个好玩的github游戏区开源项目

5个好玩的github游戏区开源项目,包含c++,java,javascript,rust。
recommend-type

GitHub托管HTML页面

GitHub托管HTML页面,通过GitHub托管自己的项目把自己写的页面让别人访问
recommend-type

如何删除Git本地仓库和删除GitHub上的Git远程仓库Repository(推荐)

主要介绍了如何删除Git本地仓库和删除GitHub上的Git远程仓库Repository,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
recommend-type

jSP在线教学质量评价系统的设计与实现(源代码)

在线教学质量评价系统可以方便和全面地收集教师教学工作的数据,提供师生网上评教的评分结果,快速集中收集各方面的评教信息,使教务管理部门能够及时了解教学动态和师资情况,为教务老师提供相关决策支持,为职称评聘提供教学工作质量的科学依据,同时减轻了教务老师的工作量。
recommend-type

python-3.10.7-amd64.zip

python-3.10.7-amd64.zip
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构:Kafka与Hive集成

![实现实时数据湖架构:Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构,它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同,实时数据湖不依赖于预先定义的模式,而是采用灵活的架构,可以处理各种数据类型和格式。这种架构为企业提供了以下优势: - **实时洞察:**实时数据湖允许企业访问最新的数据,从而做出更明智的决策。 - **数据民主化:**实时数据湖使各种利益相关者都可
recommend-type

SQL怎么实现 数据透视表

SQL可以通过使用聚合函数和GROUP BY子句来实现数据透视表。 例如,假设有一个销售记录表,其中包含产品名称、销售日期、销售数量和销售额等信息。要创建一个按照产品名称、销售日期和销售额进行汇总的数据透视表,可以使用以下SQL语句: ``` SELECT ProductName, SaleDate, SUM(SaleQuantity) AS TotalQuantity, SUM(SaleAmount) AS TotalAmount FROM Sales GROUP BY ProductName, SaleDate; ``` 该语句将Sales表按照ProductName和SaleDat
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。