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

Как правило, для разработки веб-сайта вам нужно знать HTML, CSS и немного JavaScript (иногда). Но для этого вам не нужны навыки кодирования. Вам просто нужны базовые навыки работы на компьютере.

Чтобы разместить веб-сайт, вам нужно иметь «пространство» (aka hosting), где будут загружены все ваши файлы. Всякий раз, когда кто-то вводит ваш сайт и нажимает, это
Логотипы,вебсайты Москва файлы, которые обслуживаются / представлены пользователю в браузере.

Давайте начнем с того, что вам нужно знать / знать:

Аккаунт Google
Я считаю, что у вас уже есть аккаунт Gmail, которого достаточно. Если не создать его.

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

Хьюго
Hugo – это инструмент, основанный на языке Go, который генерирует статические веб-сайты. Вы можете использовать различные шаблоны и создавать различные типы сайтов, таких как блоги, портфолио и т. Д.

Загрузите его здесь.

Firebase
Firebase – это платформа для мобильных и веб-приложений, приобретенная Google несколько лет назад. Firebase предлагает хостинг как одну из своих функций. Однако многие разработчики мобильных устройств используют его для Google Analytics, Notifications, Crash Reporting of apps. Мы будем использовать его для размещения нашего веб-сайта.

Node.js
Node.js – это время запуска JavaScript с открытым исходным кодом, построенное на движке JavaScript V8 от Chrome. Для этого учебника вам нужно, чтобы он был установлен на вашем компьютере для работы с инструментами Firebase. Вы можете скачать и установить его здесь.

Шаг 1: Установите Hugo на свой компьютер
Windows: вы получите простой переносимый исполняемый Разкрутка сайтов и в соц сетях файл. Вы можете разместить его в любом месте и запустить через командную строку. Вы можете добавить его в переменную пути в переменные среды Windows, чтобы получить ссылку на нее где угодно.

Mac: вы можете установить его с помощью Homebrew. Если у вас нет пива, установленного на вашем mac, вы можете скачать tarball здесь.

В любом случае, убедитесь, что вы можете получить доступ к Hugo, указав ниже команду.

Шаг 2. Создание сайта шаблона
Перейдите к месту, где вы решили создать свой сайт, и введите команду ниже:

$ hugo новый сайт <path_to_folder>
В данном месте вы можете увидеть структуру папок, как показано на рисунке ниже.

Изображение, сделанное в Windows 10
Эти папки являются только заполнителями для вашего контента. Весь текстовый контент вашего сайта отправляется в папку содержимого.

Вы можете запускать команды ниже для добавления Дизайн логотипа под заказ новых файлов.

$ hugo new about.md
Если вы хотите добавить сообщение в блоге, создайте папку «blog» в папке «content» и начните добавлять свои файлы. Эти файлы имеют расширение «.md», которые являются файлами Markdown.

Markdown – это язык разметки форматирования обычного текста. Это довольно и легко. Есть несколько советов о том, как подойти к Markdown, вот один.

Шаг 3: Задайте тему для сайта
У Хьюго отличное сообщество. Их тематический сайт обогащен различными категориями веб-сайтов. Подойдите к нему и выберите тему, которая соответствует вашим требованиям.

Я выбрал тему введения. Щелчок по кнопке Разработка сайтов Москва загрузки будет перенаправлен на GitHub.

У каждой темы будет свой собственный способ настройки. Эта конкретная тема не имеет много шагов. Просто клонируйте или загрузите zip в папку тем. Скопируйте файл config.toml в корневую папку вашего сайта.

Шаг 4. Настройте свои настройки.
Откройте файл config.toml и начните его редактирование. Укажите свое имя и другие данные, которые вы хотите найти на веб-сайте. Некоторые темы поддерживают Google Analytics, поэтому вы можете отслеживать счет посещений пользователей и т. Д. Вы можете предоставить свой идентификатор GA для сбора данных.

Шаг 5: Настройте проект хостинга Firebase
Как я упоминал ранее, Firebase – прекрасная мобильная платформа с множеством функций. Я использовал Firebase хостинг для размещения моего статического веб-сайта, созданного через Hugo.

Чтобы использовать службы Firebase, используйте свою учетную запись Google и войдите на сайт Firebase.

Нажмите «Перейти на консоль». Создайте проект, указав ему имя. Вам будет показана обзорная страница, на которой вы должны выбрать «начало работы в хостинге».