Создание сайта портфолио с помощью Hugo

Персональная веб-страница — это идеальное место для того, чтобы мир узнал о вас и продемонстрировал ваши прошлые достижения. Поместите свое резюме, свои проекты, свои блоги в персонализированную тему, благодаря которой люди узнают, что у вас отличный вкус: все в одном! Это ваше портфолио, представленное в Интернете, небольшой, но классный проект, который вы можете сделать без особых усилий, почему бы и нет?

С Github Pages мы можем разместить личную веб-страницу, не утруждая себя поиском доменного имени, а с Hugo у нас есть множество тем на выбор. Итак, давайте начнем это пошаговое руководство по созданию вашей личной веб-страницы!

Введение в HUGO и GitPage

Hugo — один из самых популярных генераторов статических сайтов с открытым исходным кодом, написанный на языке GO. Он прост, эффективен, легко масштабируется и быстро развертывается. Просто установите с помощью brew, клонируйте понравившиеся темы с Github или официального сайта HUGO, внесите некоторые изменения в конфигурационный файл и разверните, после чего ваша страница появится в сети.

Github Pages — это статический веб-хостинг, предоставляемый Github, который предоставляет 1 ГБ бесплатного пространства и обеспечивает удобное развертывание непосредственно через репозиторий Github.

Этот сайт использует Hugo и Github Pages для создания и развертывания. Ниже кратко представлен процесс развертывания.

Установка

Установите Hugo

Откройте терминал, выполните поочередно следующие команды командной строки:

  • MacOS:
      brew install hugo
Войти в полноэкранный режим Выйти из полноэкранного режима
  • Linux:
      sudo apt install hugo
Войти в полноэкранный режим Выйти из полноэкранного режима
  • Windows:
      scoop install hugo
Войти в полноэкранный режим Выйдите из полноэкранного режима

Чтобы проверить, успешно ли вы установили Hugo, введите в терминале следующую команду

hugo version
Войти в полноэкранный режим Выйти из полноэкранного режима

Конфигурация

hugo new my-website
cd my-website
hugo
Ввести полноэкранный режим Выйти из полноэкранного режима

Развертывание

  • Страницы Github: Откройте терминал, выполните поочередно следующие команды командной строки:
    hugo
    git add .
    git commit -m "update"
    git push origin master
    git push pages master
    cd ..
    rm -rf my-website
Войти в полноэкранный режим Выйти из полноэкранного режима
  • MacOS:
    open http://localhost:1313
Войти в полноэкранный режим Выйти из полноэкранного режима
  • Linux:
    firefox http://localhost:1313
Войти в полноэкранный режим Выйти из полноэкранного режима
  • Windows:
    start http://localhost:1313
Войти в полноэкранный режим Выйти из полноэкранного режима

Заключение

Поздравляем! Вы успешно создали персональную веб-страницу с помощью Hugo и Github Pages.

Ссылки

  • HUGO: Hugo — это генератор статических сайтов, написанный на языке Go.
  • Github Pages: Github Pages — это статический веб-хостинг, предоставляемый Github, который предоставляет 1 ГБ бесплатного пространства и обеспечивает удобное развертывание непосредственно через репозиторий Github.

Примеры

  • Сайт блога
  • Сайт портфолио

Оцените статью
devanswers.ru
Добавить комментарий