利用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。