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