ГлавнаяЛайфстайлИнтернетКак бесплатно разместить свой блог с помощью страниц Jekyll и GitHub

Как бесплатно разместить свой блог с помощью страниц Jekyll и GitHub

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

Доступны более мелкие, простые и дешевые варианты. Например, Страницы GitHub бесплатен для личного использования. Объедините это с Джекилл , генератор статического сайта , и вы получите все, что нужно для блога. Более того, это бесплатно.

Прежде чем начать

Вы будете использовать Jekyll на своем компьютере. Официально поддерживаются только macOS и Linux. Здесь мы рассмотрим обе операционные системы, и инструкции для Linux могут работать с Подсистема Windows для Linux под управлением Ubuntu. Тем не менее, он не был протестирован.

Вам также понадобится до

Прежде чем начать

редактору. TextEdit или GEdit подойдут, но вам может понадобиться что-то более надежное. Ранее мы рассматривали несколько отличных кроссплатформенных текстовых редакторов .

Что вам следует знать

Вы должны иметь хотя бы поверхностное представление о командной строке. Также необходимо быть знакомым с git и GitHub. Если вы не знакомы, у нас есть руководство по git и собственная документация GitHub великолепна.

github-pages-jekyll-запуск

Наконец, Jekyll использует Markdown, который позволяет писать в виде обычного текста, но представлять пользователю контент в формате HTML. Вы должны быть знакомы с Markdown или, по крайней мере, готовы его изучить. Это может показаться устрашающим, но Markdown легко выучить (у нас даже есть шпаргалка ).

Установить Jekyll и его зависимости

Это было протестировано на macOS Mojave и Ubuntu 18.04. Если вы используете другую версию любой из операц

Что вам следует знать

ридется посетить веб-сайт Jekyll для получения дополнительной информации.

macOS

Прежде чем вы сможете установить Jekyll, вам необходимо установить инструменты командной строки XCode с помощью следующей команды:

xcode-select --install

Выберите «Установить» и дождитесь завершения установки. Теперь вы можете установить Jekyll и Bundler:

gem install --user-install bundler jekyll

При выполнении этой команды вы увидите предупреждение, подобное приведенному ниже:

WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.

Обратите внимание на номер версии. Предполагая приведенное выше сообщение, выполните следующие команды, подставив правильный номер версии, если он отличается:

echo export 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile

Убунту

Перед установкой Jekyll вам необходимо установить инструменты сборки с помощью следующей команды:

sudo apt-get install ruby-full bu

Установить Jekyll и его зависимости

и в случае с macOS, мы хотим установить и запустить систему из домашнего каталога, а не от имени пользователя root. Выполните следующие команды:

echo 'export GEM\_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashr

macOS

~/.bashrc

Теперь установите Jekyll и Bundler:

gem install jekyll bundler

Проверьте установку Jekyll

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

jekyll -v

Если все установлено правильно, вы увидите сообщение с номером версии. Если вместо этого вы увидите сообщение вида command not found, см. Документация Джекилла .

Настройте свой новый блог с помощью Jekyll

Теперь, когда Jekyll установлен, создать новый блог очень просто:

jekyll new blog

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

bundle exec jekyll serve

github-pages-jekyll-блог в браузере

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

Убунту

, есть над чем поработать. Нажмите Ctrl+ C, чтобы остановить.

Настройте свой блог

Чтобы изменить заголовок сайта и другую информацию, откройте каталог своего блога и отредактируйте «_config.yml». Различные варианты здесь довольно очевидны. Теперь, если хотите, вы можете редактировать свою домашнюю страницу, которая представляет собой файл index.md, хотя это необязательно.

github-pages-jekyll-config

Чтобы начать писать свою первую публикацию в блоге, откройте папку «_posts», и вы увидите образец записи. Откройте это и отредактируйте или продублируйте, чтобы создать новое сообщение.

Разверните свой блог на GitHub

Теперь, когда ваш сайт настроен локально, пришло время вывести его в Интернет. Если у вас еще нет настроенной учетной записи GitHub, зарегистрируйтесь и установите и настройте git на своем компьютере. Зате

Проверьте установку Jekyll

ем username.github.io, заменив «username» своим именем пользователя GitHub.

github-pages-jekyll-repo-настройка

Теперь откройте терминал и cdперейдите в папку своего блога. Выполните следующие команды.

git init
git add --all
git commit -m "initial commit"
git remote add origin https://github.com/usernameНастройте свой новый блог с помощью Jekylln> -u origin master

Теперь вы сможете посетить username.github.io и увидеть свой новый блог. Если оно не появилось сразу, подождите несколько минут и повторите попытку.

Дальнейшие действия

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

С GitHub Pages также необходимо предпринять дополнительные шаги. Раньше включение поддержки HTTPS было более сложным процессом, но теперь это можно сделать в настройках вашего репозитория . Настройка собственного доменного имени также является простым процессом, и GitHub Настройте свой блогичный гид объясняет, как это сделать.

И последнее, о чем следует помнить: рекомендуется проверять изменения сайта локально, прежде чем сохранять их в репозитории. Просто запустите команду bundler, которую мы использовали ранее, чтобы просмотреть ваш сайт на своем компьютере. Это поможет вам выявить все — от опечаток до синтаксических ошибок Markdown.

Разверните свой блог на GitHub

Дальнейшие действия

ПОХОЖИЕ СТАТЬИ

Популярные записи