Автор оригинала: Gaël Thomas.

В этой статье я покажу вам, как развернуть статический веб-сайт бесплатно всего за 3 минуты, используя облачный хранилище, например, Google Drive или Dropbox.

И нет – Fast.io не платил мне или FreeCodeCamp, чтобы создать эту статью. У нас нет никаких отношений с ними. Я просто пишу об этом, потому что я нашел свой инструмент, чтобы быть действительно захватывающим и полезным для быстрого размещения статических сайтов бесплатно.

Что такое fast.io?

Fast.io – это решение, созданное MediaFire, чтобы упростить работу. В нескольких словах их цель – облегчить вашу жизнь, сделав веб-более доступную и управляемую.

Он был запущен в конце 2019 года, поэтому я сейчас делюсь с вами.

Как это работает

Когда вы используете Fast.io, вы сможете подключиться к своему облаку (Google Drive, Dropbox и т. Д.), Выберите имя сайта и разверните свой контент за несколько кликов.

Если ваш контент готов, требуется только 3 минуты, чтобы поставить свой контент онлайн и сделать его доступным для всех.

Как только ваш сайт находится в сети, вы можете настроить его, добавить пользовательское доменное имя и подключить Google Analytics так Вы знаете, сколько людей вы достигаете.

Я еще не упомянул этого, но сервис автоматически обновляет ваш сайт, как только вы измените исходные файлы. Например, если вы используете Google Drive, чтобы поделиться своим контентом, как только вы измените что-нибудь на своей HTML-странице, он будет обновлен.

Доступные поставщики хранения

Вот список доступных поставщиков хранения, если я должен был опубликовать мой сайт сегодня:

• Гадость
• Падение
• Гугл драйв
• Коробка
• Mediafire.
• Один диск

Как вы можете себе представить, этот список будет расти, поскольку новые услуги добавлены. Но даже сейчас у вас есть много возможностей для проведения вашего статического веб-сайта.

Конкуренты

Уже есть ряд разных компаний, которые позволяют вам быстро получить статический веб-сайт онлайн. Наиболее известные решения являются страницами GitHub, Heroku и NetLify.

Я не говорю, что обязательно Fast.io является одним из лучших, но мне нравится, как это просто развернуть основной сайт.

Быстрое примечание: если вы хотите развернуть что-то более сложное – как сайт Python Flask – вы не можете сделать это с Fast.io. В этом случае я настоятельно рекомендую использовать Heroku.

Как я уже говорил, я собираюсь быть прозрачным с вами. Fast.io Отличный сервис для определенных задач.

Что такое статический сайт?

Прежде чем показывать вам, как развернуть ваш сайт, я думаю, что важно определить, какой статический веб-сайт есть и какие различия имеют динамический сайт.

Статический сайт содержит веб-страницы с фиксированным контентом. Содержание вашей страницы находится в HTML, и все пользователи видят одно и то же.

Например, вы можете использовать этот тип сайта, когда вы хотите выполнить страницу посадки для вашего сайта (основная страница с информацией о вашем продукте).

Основное отличие между этим и динамическим веб-сайтом, конечно … динамическая часть!

Динамический веб-сайт использует серверную технологию для создания страницы, когда пользователь запрашивает веб-сайт.

Например, вы можете использовать этот тип сайта для вашего блога. Каждый раз, когда вы добавляете новую статью в вашу базу данных, сайт будет отображать его.

Пришло время развернуть ваш сайт

Вы готовы поделиться своей страницей со всеми? Давай сделаем это!

В этой части я покажу вам, как поставить свой веб-сайт онлайн за несколько кликов. Я собираюсь использовать базовую HTML-страницу, но, как только вы понимаете, как Fast.io работает, вы можете изменить все.

1) Создайте файл index.html

Вам нужно создать файл index.html с вашим HTML-кодом внутри. Я рекомендую вам начать с чего-то простого, потому что вы всегда можете обновить его позже.

Сохраните файл на вашем компьютере.

  
    
  
  
    
My Static Website
    

      Hello, I'm online, and everyone can see me!
    
  

2) Откройте домашнюю страницу Fast.io

Все, что вам нужно сделать, чтобы начать с Fast.io открыт сайт. Как только вы сделали это, нажмите «Зарегистрируйтесь сейчас – это бесплатно!» .

3) Настроить Google Drive.

Эта страница появляется после шага 2 и позволяет выбрать поставщик хранения. Выберите “Google Drive” Отказ

Если вы хотите создать веб-сайт с другим провайдером, вы можете сделать это позже, добавив его через страницу своей учетной записи.

Fast.io нужен доступ к вашей учетной записи Google Drive для работы. Они создадут папку «FAST.IO», чтобы содержит ваш сайт (ы). Нажмите на “Подключите Google Drive сейчас” Отказ

Вам нужно Выберите свою учетную запись Google связать это с fast.io.

Вам нужно Разрешить fast.io, чтобы получить доступ к вашей учетной записи Google связать это правильно.

Ваша учетная запись теперь готова, поэтому просто выберите пароль, а затем Нажмите на «Создать аккаунт» Отказ

Когда ваш аккаунт готов, «Добро пожаловать на быстро!» Страница появится. Нажмите «Давайте начнете!» .

4) Создайте свой сайт

Вы готовы создать свой веб-сайт и поделиться этим со всеми! Нажмите на «Добавить новый сайт» Отказ

Выберите имя вашего сайта и введите его в поле ввода. Когда вы закончили, Нажмите на «Далее» Отказ

Fast.io Позволяет создать три типа веб-сайта: веб-сайт обмена файлами, веб-страницу или веб-сайт браузера файлов.

В нашем случае мы будем Выберите «Веб-страницы» Потому что мы хотим провести веб-страницу HTML.

Если позже вы хотите создать веб-сайт, чтобы поделиться некоторыми документами, вы должны вернуться на вашу приборную панель, создайте новый и выберите файл загрузки.

После нажатия на «веб-страницы» вам нужно выбрать свой поставщик хранения. Нажмите на «Google Drive» Отказ

Выберите URL-адрес своего сайта и введите его в поле ввода. Когда вы закончили, Нажмите на «Создать сайт» Отказ

Ты сделал это! Ваш сайт онлайн и доступен на URL-адресе, который вы выбрали. В моем случае вы можете найти свой сайт на mygoogledrivewebsite.imfast.io.

5) Загрузить свой index.html

Если вы открываете свой веб-сайт, вы можете заметить ошибку, потому что вы не загрузили свой файл index.html на диске Google.

Вот два способа сделать это:

• Откройте свой диск Google и найдите папку Fast.io Затем папка вашего сайта (в моем случае mygoogledriveWebsite.imfi.io “).
• На странице успеха шага 4 Нажмите на «Смотрите свой Google Drive» Отказ

Как только вы сделали это, Щелкните правой кнопкой мыши с помощью мыши и выберите «Загрузить файлы» Отказ Откроется новое окно, Найдите свой файл «index.html» – выберите его .

Подождите немного до появления изменений на вашем сайте.

6) праздновать!

Распространите слово всем своим друзьям! Ваш сайт живет, и все это видно!

? Поделитесь этим в Twitter, нажав здесь! ?

7) Бонус

Если вам интересно и хотите настроить все, вы можете вернуться на приборную панель и нажмите на свой веб-сайт.

Вы сможете связать свой веб-сайт в Google Analytics (статистика посетителей), измените свое доменное имя (например, MyWebsite.com), и намного больше!

Заключение

Что вы думаете об этой новой службе? Вы нашли это быстро и легко?

Не стесняйтесь поделиться этой статьей, если вам понравилось.

Если вы хотите больше контента, вы можете Следуй за мной в Twitter Где я чирикаю о веб-разработке, самосовершенствовании, и мое путешествие как полный разработчик стека!

Оригинал: “https://www.freecodecamp.org/news/how-to-deploy-a-static-website-for-free-in-only-3-minutes-with-google-drive/”