如何在 Google Drive 上托管 HTML/CSS/JS 和其他代码文件 – 2023

每个博客或网站开发者都面临着一个共同的挑战:如何将 CSS、JavaScript 以及其他必要的脚本或代码托管在外部。为了减小模板的体积并保持代码的整洁性,将这些编码文件托管在外部是十分必要的。

如果我们将所有脚本都放在模板中,代码的理解和查找将会变得异常复杂。这就像在一个拥挤的房间里寻找一件特定的物品,既费时又费力。

因此,选择一个合适的托管位置至关重要。如果将脚本托管在一些不太稳定的平台上,可能会出现响应缓慢甚至无响应的问题。这就像把你的宝贵资料放在一个不可靠的仓库里,随时可能丢失。

即使这些平台能够运行代码,它们的执行速度也可能较慢,这会直接影响网站的加载速度。因此,我们应该选择服务器响应速度更快、能够有效提升网站加载速度的托管服务。而 Google Drive 正是一个理想的选择。

我们通常使用 Google Drive 来存储文件,但实际上,它拥有许多对 Web 开发非常有用的功能。你不仅可以在上面存储文件,还可以创建联系表单、调查问卷、电子表格,甚至可以托管下载文件。Google Drive 的功能之强大,远超乎你的想象。

今天,我们将详细介绍 Google Drive 的各项功能,并向您展示如何利用 Google Drive 免费托管 CSS、JavaScript 等脚本文件。这就像给你一把瑞士军刀,让你轻松应对各种网页开发挑战。

如何在 Google Drive 上托管文件?

第一步:准备用于托管的编码文件

  • 首先,你需要创建一个特定的代码文件,用于在 Google Drive 上进行托管。这可以是 CSS、JS、HTML 文件,或者任何你希望托管的简单代码片段。
  • 复制你选择托管的代码。例如,我将使用我的 CSS 代码进行演示,但你可以托管任何其他语言的代码。
  • 打开记事本,粘贴复制的代码,并将其保存为 .CSS 文件,例如 safetricks.css。
  • 同样,如果你想托管 JavaScript 文件,请使用 .JS 扩展名,并将其保存为类似 Safetricks.js 的名称。
  • 完成上述步骤后,保存你的代码文件。

第二步:将文件上传到 Google 云端硬盘

  • 打开 Google 云端硬盘,并使用你的 Gmail 帐户登录。登录后,点击“新建”按钮,创建一个专门用于托管文件的文件夹。这就像为你存放代码开辟了一个专属的储物间。

  • 创建新文件夹并打开它后,在“新建”按钮的右侧,你会看到一个“上传文件”的选项,你也可以直接拖拽文件进行上传。这就像把文件从你的电脑桌面直接扔进你的专属储物间。

  • 选择你在第一步中创建的文件。
  • 上传完成后,点击如图所示的“分享”按钮。

将你上传的文件的权限从“私有”更改为“公开”,因为你需要在博客或网站中使用这些脚本。这就像为你存放的代码打开了大门,让所有人都能够访问它。

如果文件设置为“公开”,那么网站的每个用户都可以访问它。但如果文件设置为“私有”,则每个用户都需要获得访问许可,这意味着它将无法在网站上正常工作。这就像把你的代码锁在房间里,别人无法看到和使用它。

所以,请务必将其更改为“公开”,然后保存。

  • 保存后,你会获得上传文件的链接。复制该链接并将其粘贴到记事本中,以便后续使用。这就像记下了你专属储物间的钥匙,随时可以使用。

第三步:在模板中使用托管文件

  • 在准确完成上述所有步骤后,你将获得一个指向托管文件的链接。

https://drive.google.com/file/d/0B_1mqJd2tC8qUzRYU0xLT0ZNS1E/edit?usp=sharing

  • 上述链接是用于分享的格式,并非用于托管代码的格式。要将该文件用作托管文件,你需要使用如下格式的链接。

https://googledrive.com/host/Green-color-drive-code-here

  • 进行这些更改后,你将获得以下格式的文件链接,可以用于你的网站。如果你熟悉网页设计,这应该不是问题。但如果你不清楚如何在设计中使用托管文件链接,请参考以下示例。

http://googledrive.com/host/0B_1mqJd2tC8qUzRYU0xLT0ZNS1E

对于 CSS 样式表

对于 JavaScript

  • 将 google-drive-link-here 替换为你的实际链接,然后将其粘贴到你的设计中。对于 CSS,将其粘贴到 <head> 标签内,对于 JavaScript,将其粘贴到 <body> 标签的末尾。如果你使用 Blogger,请进入模板部分,编辑 HTML,然后搜索 <head><body>

在 Google Drive 上托管文件的一些好处

  • 正如其名,它是 Google 的产品,这意味着高质量的服务和值得信赖的平台。就像选择一个靠谱的银行来保管你的资产一样。
  • Google Drive 提供了大量的存储空间。每个账户都有 15GB 的免费存储空间,这足以满足日常需求。如果你的存储空间不够用,还可以升级到高级账户。这就像拥有一个巨大的仓库,可以存放各种类型的文件。
  • 由于 Google 服务器提供了无限的带宽和可靠的速度,托管文件的加载速度比其他服务更快。这就像使用高速公路来传输你的代码,速度快且稳定。
  • Google Drive 的使用方式灵活且易于理解,你可以不受任何限制地在云盘上添加各种类型的文件。这就像拥有一个多功能的工具箱,可以满足你各种开发需求。
  • 最重要的一点是,它是免费使用的。这无疑是最好的部分。就像获得了一个免费的强大工具,让你轻松实现各种开发目标。

需要有关此主题的帮助吗?

总而言之,我们希望本文能帮助你了解如何在 Google Drive 上托管文件。如果你在执行此过程中遇到任何问题,请留下你的评论,我们会尽快帮助你解决问题。这就像我们为你提供了一个在线的技术支持团队,随时为你解决问题。