io静态功耗_如何使用Fast.io从Google云端硬盘直接在3分钟内免费部署静态网站

io静态功耗

In this article, I'll show you how to deploy a static website for free in only 3 minutes, using a cloud storage service like Google Drive or Dropbox.

在本文中,我将向您展示如何使用云存储服务(如Google云端硬盘或Dropbox)在3分钟内免费免费部署静态网站。

And no - fast.io didn't pay me or freeCodeCamp to create this article. We don't have any relationship with them. I'm just writing about this because I found their tool to be really exciting and useful for quickly hosting static websites for free.

而且不行-fast.io并没有付我钱或freeCodeCamp来创建本文。 我们与他们没有任何关系。 我之所以这样写是因为我发现他们的工具非常令人兴奋,对于快速免费托管静态网站非常有用。

什么是Fast.io? (What is Fast.io?)

Fast.io is a solution created by Mediafire to simplify how the web works. In a few words, their goal is to make your life easier by making the web more accessible and manageable.

Fast.io是Mediafire为简化网络工作而创建的解决方案。 简而言之,他们的目标是通过使网络更易于访问和管理来使您的生活更轻松。

It was launched at the end of 2019, so I'm sharing it with you now.

它于2019年底推出,现在我要与大家分享。

这个怎么运作 (How it works)

When you use Fast.io, you will be able to connect to your cloud (Google Drive, DropBox, etc.), choose a website name, and deploy your content all in a few clicks.

使用Fast.io时,只需单击几下便可以连接到云(Google云端硬盘,DropBox等),选择网站名称并部署内容。

If your content is ready, only 3 minutes are required to put your content online and make it accessible to everyone.

如果您的内容准备好了,则只需3分钟即可将您的内容放到网上并使所有人都可以访问。

Once your website is online, you can configure it, add a custom domain name, and connect Google Analytics so you know how many people you are reaching.

网站上线后,您可以对其进行配置,添加自定义域名并连接Google Analytics(分析),从而知道您可以覆盖多少人。

I haven't mentioned this yet, but the service automatically updates your website once you modify the source files. For example, if you are using Google Drive to share your content, once you change something in your HTML page, it will be updated.

我还没有提到,但是一旦您修改了源文件,该服务就会自动更新您的网站。 例如,如果您使用Google云端硬盘共享内容,则在HTML页面中进行更改后,内容就会被更新。

可用的存储提供商 (Available storage providers)

Here's a list of available storage providers if I were to publish my website today:

如果今天要发布我的网站,这是可用的存储提供商列表:

  • GitHub

    的GitHub
  • Dropbox

    投寄箱
  • Google Drive

    Google云端硬碟
  • Box

  • Mediafire

    Mediafire
  • OneDrive

    一个驱动器

As you can imagine, this list is going to grow as new services are added. But even now, you have many possibilities to host your static website.

可以想象,随着添加新服务,此列表将不断增加。 但是即使到现在,您仍然可以托管静态网站。

竞争者 (Competitors)

There are already a number of different companies who allow you to quickly get a static website online. The most famous solutions are GitHub Pages, Heroku, and Netlify.

已经有许多不同的公司允许您快速在线获得静态网站。 最著名的解决方案是GitHub Pages,Heroku和Netlify。

I'm not necessarily saying that Fast.io is the best one, but I like how simple it is to deploy a basic website.

我并不一定要说Fast.io是最好的网站,但我喜欢部署基本网站如此简单。

Quick note: if you want to deploy something more complex – like a Python Flask website – you can't do it with Fast.io. In this case, I highly recommend using Heroku.

快速说明:如果您想部署更复杂的内容(例如Python Flask网站),则无法使用Fast.io。 在这种情况下,我强烈建议您使用Heroku。

As I told you, I'm going to be transparent with you. Fast.io an excellent service for certain tasks.

正如我告诉您的那样,我将与您保持透明。 Fast.io是某些任务的出色服务。

什么是静态网站? (What is a static website?)

Before showing you how to deploy your website, I think it's essential to define what a static website is and what the differences are from a dynamic site.

在向您展示如何部署网站之前,我认为至关重要的是定义一个静态网站以及动态网站的区别。

A static website contains web pages with fixed content. The content of your page is in HTML, and all users see the same thing.

静态网站包含内容固定的网页。 页面的内容为HTML,所有用户都可以看到相同的内容。

For example, you can use this type of site when you want to do a landing page for your website (a basic page with information about your product).

例如,当您要为网站创建登录页面(包含有关产品信息的基本页面)时,可以使用这种类型的网站。

The main difference between that and a dynamic website is, of course… the dynamic part!

与动态网站之间的主要区别当然是……动态部分!

A dynamic website uses a server technology to build the page when a user requests the website.

当用户请求网站时,动态网站使用服务器技术来构建页面。

For example, you can use this type of site for your blog. Every time you add a new article to your database, the website will display it.

例如,您可以将这种类型的网站用于博客。 每次将新文章添加到数据库时,网站都会显示该文章。

是时候部署您的网站了 (It’s time to deploy your website)

Are you ready to share your page with everyone? Let’s do it!

您准备好与所有人共享页面了吗? 我们开始做吧!

In this part, I will show you how to put your website online in a few clicks. I’m going to use a basic HTML page, but once you understand how Fast.io works you are free to modify everything.

在这一部分中,我将向您展示如何单击几下使您的网站在线。 我将使用基本HTML页面,但是一旦您了解Fast.io的工作原理,就可以自由地修改所有内容。

1)创建一个index.html文件 (1) Create a index.html file)

You need to create an index.html file with your HTML code inside. I recommend that you to start with something simple because you can always update it later.

您需要使用内部HTML代码创建一个index.html文件。 我建议您从简单的内容入手,因为以后可以随时对其进行更新。

Save the file on your computer.

将文件保存在您的计算机上。

2)打开Fast.io主页 (2) Open the Fast.io homepage)

All you need to do to start with Fast.io is open the website. Once you've done that, click on "Sign up now - it's free!".

要开始使用Fast.io,需要做的就是打开网站。 完成此操作后,单击“立即注册-免费!”

3)配置Google云端硬盘 (3) Configure Google Drive)

This page appears after step 2 and allows you to select a storage provider. Select "Google Drive".

该页面在步骤2之后出现,并允许您选择存储提供商。 选择“ Google云端硬盘”

If you want to create a website with another provider, you can do that later by adding it through your account page.

如果要与其他提供商一起创建网站,则可以稍后通过在帐户页面中添加网站来进行。

Fast.io needs access to your Google Drive account to work. They will create a "Fast.io" folder to contains your website(s). Click on "Connect Google Drive Now".

Fast.io需要访问您的Google云端硬盘帐户才能正常工作。 他们将创建一个“ Fast.io”文件夹来包含您的网站。 点击“立即连接Google Drive”

You need to select your Google account to link it with Fast.io.

您需要选择您的Google帐户才能将其与Fast.io关联。

You need to allow Fast.io to access your Google account to link it correctly.

您需要允许Fast.io访问您的Google帐户才能正确链接。

Your account is now ready, so just choose a password and then click on "Create Account".

您的帐户现已准备就绪,因此只需选择一个密码,然后单击“创建帐户”

When your account is ready, a "Welcome to Fast!" page will appear. Click on "Let's begin!".

准备好您的帐户后,请“欢迎使用快速!” 页面将会出现。 单击“开始吧!”

4)创建您的网站 (4) Create your website)

You are ready to create your website and share it with everyone! Click on "Add New Site".

您已准备好创建您的网站并与所有人共享! 点击“添加新站点”

Choose your website name and type it in the input box. When you've finished, click on "Next".

选择您的网站名称,然后在输入框中键入它 。 完成后, 点击“下一步”

Fast.io allows you to create three website types: a File Sharing website, a Web Page, or a Files Browser website.

Fast.io允许您创建三种网站类型:文件共享网站,网页或文件浏览器网站。

In our case, we will select "Web Pages" because we want to host an HTML web page.

在本例中,我们将选择“网页”,因为我们要托管一个HTML网页。

If later you want to create a website to share some documents, you have to go back to your dashboard, create a new one, and select File Downloads.

如果以后要创建一个共享某些文档的网站,则必须返回到仪表盘,创建一个新的仪表盘,然后选择“文件下载”。

Once you clicked on "Web Pages", you need to select your storage provider. Click on "Google Drive".

单击“网页”后,您需要选择存储提供商。 点击“ Google Drive”

Choose your website URL and type it in the input box. When you've finished, click on "Create Site".

选择您的网站网址,然后在输入框中输入。 完成后, 点击“创建网站”

You did it! Your website is online and available at the URL you chose. In my case, you can find my site on mygoogledrivewebsite.imfast.io

你做到了! 您的网站在线并且可以通过您选择的URL访问。 就我而言,您可以在mygoogledrivewebsite.imfast.io上找到我的网站。

5)上传您的index.html (5) Upload your index.html)

If you open your website, you may notice an error because you didn't upload your index.html file on your Google Drive.

如果您打开网站,则可能会注意到错误,因为您没有将index.html文件上传到Google云端硬盘。

Here are two ways to do that:

有两种方法可以做到这一点:

  • Open your Google Drive and search for the Fast.io folder, then the folder of your website (in my case, "mygoogledrivewebsite.imfast.io").

    打开您的Google云端硬盘 ,然后搜索Fast.io文件夹 ,然后搜索您网站的文件夹(在我的情况下为“ mygoogledrivewebsite.imfast.io”)。

  • On the step 4 success page, click on "See your Google Drive".

    在第4步成功页面上, 点击“查看您的Google云端硬盘”

Once you've done that, right-click with your mouse and select "Upload files". A new window will open, find your "index.html" file - select it.

完成此操作后, 用鼠标右键单击并选择“上传文件” 。 将打开一个新窗口, 找到您的“ index.html”文件-选择它

Wait for a little bit before the change appears on your website.

请稍等片刻,更改内容才会出现在您的网站上。

6)庆祝! (6) Celebrate!)

Spread the word to all your friends! Your website is live and everyone can see it!

把这个词传播给所有的朋友! 您的网站已经上线,每个人都可以看到!

🎉 Share it on Twitter by clicking here! 🎉

clicking 点击此处在Twitter上分享! 🎉

7)奖金 (7) Bonus)

If you are curious and want to configure everything, you can go back to your dashboard and click on your website.

如果您好奇并想要配置所有内容,则可以返回仪表板并单击您的网站。

You will be able to link your website to Google Analytics (visitors statistics), change your domain name (for example, mywebsite.com), and a lot more!

您将能够将您的网站链接到Google Analytics(分析)(访问者统计数据),更改域名(例如,mywebsite.com)等等!

结论 (Conclusion)

What do you think of this new service? Did you find it fast and easy?

您如何看待这项新服务? 您发现它又快又简单吗?

Feel free to share this article if you liked it.

如果喜欢,请随时分享此文章。

Don't miss my content by following me on Twitter and Instagram.

TwitterInstagram上关注我,不要错过我的内容。

You can find other articles like this on my website: herewecode.io.

您可以在我的网站上找到其他类似的文章: herewecode.io

想要更多? (Want more?)

  • Each week get a motivational quote with some advice, a short tutorial into a few slides, and one developer's picture on Instagram.

    每周都会收到励志名言,并提供一些建议,简短的教程,几张幻灯片以及Instagram上一位开发人员的照片。

  • Sign-up for the newsletter and get the latest articles, courses, tutorials, tips, books, motivation, and other exclusive content.

    注册时事通讯并获取最新文章,课程,教程,技巧,书籍,动机和其他独家内容。

翻译自: https://www.freecodecamp.org/news/how-to-deploy-a-static-website-for-free-in-only-3-minutes-with-google-drive/

io静态功耗

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值