Если вы хотите создать блог, скорее всего, первое имя, с которым вы столкнетесь, — WordPress. Для этого есть причина. WordPress невероятно гибок и поддерживает как огромные, так и маленькие веб-сайты. Дело в том, что не каждому сайту нужна такая мощная инфраструктура, особенно простому блогу.
Доступны более мелкие, простые и дешевые варианты. Например, Страницы GitHub бесплатен для личного использования. Объедините это с Джекилл , генератор статического сайта , и вы получите все, что нужно для блога. Более того, это бесплатно.
Прежде чем начать
Вы будете использовать Jekyll на своем компьютере. Официально поддерживаются только macOS и Linux. Здесь мы рассмотрим обе операционные системы, и инструкции для Linux могут работать с Подсистема Windows для Linux под управлением Ubuntu. Тем не менее, он не был протестирован.
Вам также понадобится до
Contents
Прежде чем начать
редактору. TextEdit или GEdit подойдут, но вам может понадобиться что-то более надежное. Ранее мы рассматривали несколько отличных кроссплатформенных текстовых редакторов .Что вам следует знать
Вы должны иметь хотя бы поверхностное представление о командной строке. Также необходимо быть знакомым с git и GitHub. Если вы не знакомы, у нас есть руководство по git и собственная документация GitHub великолепна.
Наконец, 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"' >> ~/.bashrmacOS
~/.bashrcТеперь установите Jekyll и Bundler:
gem install jekyll bundler
Проверьте установку Jekyll
Чтобы убедиться, что все работает, выполните следующую команду:
jekyll -v
Если все установлено правильно, вы увидите сообщение с номером версии. Если вместо этого вы увидите сообщение вида
command not found
, см. Документация Джекилла .Настройте свой новый блог с помощью Jekyll
Теперь, когда Jekyll установлен, создать новый блог очень просто:
jekyll new blogВы можете использовать любое имя в приведенной выше команде вместо имени блога. Это просто имя каталога, который создает Джекилл. Теперь
cd
перейдите в только что созданный каталог и выполните следующую команду:bundle exec jekyll serve
Откроется ваш новый блог о локальном запуске на вашем компьютере. Откройте URL-адрес, отображаемый в вашем браузере, чтобы просмотреть с
Убунту
, есть над чем поработать. Нажмите Ctrl+ C, чтобы остановить.Настройте свой блог
Чтобы изменить заголовок сайта и другую информацию, откройте каталог своего блога и отредактируйте «_config.yml». Различные варианты здесь довольно очевидны. Теперь, если хотите, вы можете редактировать свою домашнюю страницу, которая представляет собой файл index.md, хотя это необязательно.
Чтобы начать писать свою первую публикацию в блоге, откройте папку «_posts», и вы увидите образец записи. Откройте это и отредактируйте или продублируйте, чтобы создать новое сообщение.
Разверните свой блог на GitHub
Теперь, когда ваш сайт настроен локально, пришло время вывести его в Интернет. Если у вас еще нет настроенной учетной записи GitHub, зарегистрируйтесь и установите и настройте git на своем компьютере. Зате
Проверьте установку Jekyll
ем username.github.io, заменив «username» своим именем пользователя GitHub.Теперь откройте терминал и
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
Дальнейшие действия