Как создать статический веб-сайт с помощью Netlify

Как создать статический веб-сайт с помощью Netlify

Netlify является частью нового поколения хостов для сайтов и приложений, которые предназначены для предоставления разработчикам места для хранения файлов, развертывания и разработки приложений или запуска веб-сайта "все в одном", аналогично другим известным решениям, таким как Amazon S3 и GitHub. Хотя на первый взгляд использование этих сервисов может показаться сложным, после настройки вы можете позволить Publii позаботиться обо всем.

Итак, как его настроить? Следуя этому простому пошаговому руководству! Мы расскажем вам обо всем, что необходимо для создания пространства и привязки Publii к нему.

Создание веб-сайта с помощью Netlify

Выполните следующие действия, чтобы создать область для вашего веб-сайта.

  1. Перейдите на главную страницу Netlify и войдите в свою учетную запись или нажмите кнопку Зарегистрироваться, чтобы зарегистрироваться, если вы еще этого не сделали. Для начала вам нужно будет только ввести имя пользователя, пароль и адрес электронной почты; никакой платежной информации не потребуется.
  2. После входа в систему вы увидите экран "Ваши сайты", который должен быть пустым, поскольку мы еще не создали сайт! 
    Панель управления Netlify
  3. Чтобы создать новый сайт, нам нужно перетащить архивированную папку, содержащую пустой файл index.html в поле в разделе "Ваши сайты", и Netlify настроит его для нас. Вы можете получить готовый файл из нашего CDN; просто загрузите и перетащите архивированную папку в поле (не распаковывайте ее!). 
    Загрузить сайт вручную в Netlify
  4. После загрузки файла вы увидите экран "Обзор сайта"; Netlify автоматически создает для вас название сайта, которое вы можете видеть в верхней части экрана.
    Запишите URL-адрес Netlify для вашего сайта, который вы можете увидеть в поле с форматом https://siteName.netlify.com; это понадобится нам для настроек Publii. 
    Настройки веб-сайта Netlify
  5. Нажмите кнопку "Настройки сайта" и прокрутите страницу вниз до раздела "Информация о сайте"; запишите Идентификатор сайта, который будет представлять собой строку символов и цифр, как в приведенном ниже примере, поскольку он также понадобится нам при настройке Publii (опция идентификатора сайта). 
    Идентификатор сайта Netlify
  6. Теперь мы собираемся сгенерировать токен доступа, который Publii сможет использовать для получения доступа к нашему сайту Netlify; это небольшая мера предосторожности. Нажмите на опцию "Ваше имя учетной записи" в правом верхнем углу экрана. 
    Настройки учетной записи Netlify
  7. В разделе "Профиль" перейдите на вкладку "Приложение", затем на экране OAuth нажмите кнопку "Новый токен доступа"; это приведет вас к экрану генерации токена.
    1. Приложения Netlify
    2. Новый токен Netlify
  8. В поле описания токена добавьте имя по вашему выбору; это просто поможет вам запомнить, для чего вы сгенерировали токен! Затем нажмите кнопку Сгенерировать токен
    Создайте персональный токен доступа
  9. Токен будет создан, и вы увидите сообщение о создании нового токена. Ниже будет приведен ваш новый токен; Обязательно скопируйте этот токен и сохраните его в надежном месте, так как вы не сможете получить его позже! 
    Персональный токен Netlify

Теперь у нас есть все необходимое от Netlify, поэтому мы можем перейти к настройке Publii для обновления нашего сайта.

Настройка Publii для Netlify

Чтобы настроить ваш сайт Netlify в Publii, выполните следующие действия:

  1. Откройте приложение Publii и нажмите на опцию Сервер на левой боковой панели, чтобы открыть экран Настройки сервера.
  2. Установите для домена ваш URL-адрес Netlify, который мы видели в предыдущем разделе (yourSitename.netlify.com); не забудьте выбрать https: // из выпадающего списка.
  3. Введите строку символов из API ID вашего сайта Netlify в поле Site ID.
  4. Наконец, введите токен Netlify, который мы создали в конце последнего раздела, в поле Netlify token и нажмите кнопку Сохранить настройки, чтобы сохранить изменения.
Настройки веб-сайта Netlify

Теперь Publii настроен; при желании вы можете нажать кнопку Проверить подключение, чтобы убедиться, что все параметры были настроены правильно. Если это так, вы готовы синхронизировать свой веб-сайт!

Subscribe

Get the latest news, updates and more delivered directly to your email inbox

...