- Добавление SEO
- Пользовательский домен на страницах Github
- Подсветка синтаксиса
- Написание нашего первого поста в Jekyll
Вот вторая часть моего опыта переноса моего блога в Jekyll. Вы можете проверить первую часть здесь: Перенос этого блога из Wordpress в Jekyll - часть 1
Я объясню, как импортировать комментарии, добавить SEO, добавить собственный домен, добавить подсветку синтаксиса и написать первый пост в Jekyll. Давай начнем.
Импортировать комментарии было действительно легко, так как я использовал Disqus, процесс был просто скопировать небольшой javascript, универсальный код для встраивания. Больше информации здесь
Добавление SEO
Есть в основном четыре вещи, которые нужно иметь в виду, чтобы улучшить SEO (поисковую оптимизацию) вашего блога.
1) Улучшение URL сайта: они должны быть наглядными и понятными. Я уже модифицировал внешний вид URL в предыдущем посте, так что тут нечего делать.
2) Пользовательские страницы 404: тема, которую я выбрал, уже имела страницу 404, так что тут делать нечего.
3) Карта сайта: я установил плагин карты сайта , Это всего лишь двухэтапный процесс:
Запустите jekyll serve и проверьте правильность созданной папки _site для sitemap.xml.
4) SEO я установил SEO плагин Это трехэтапный процесс:
- Добавьте {{seo}} прямо перед </ head> в шаблон (ы) вашего сайта:
SEO-тег будет использовать переменные в _config.yml вашего сайта, такие как заголовок, описание, URL-адрес, автор, имя пользователя в Твиттере и т. Д., Для создания мета-тегов, которые помогут поисковым системам узнать о вашем сайте. Есть и другие варианты, которые вы можете прочитать в разделе «Использование» в github плагина SEO.
Вот некоторые параметры, которые я использую в своем файле _config.yml
twitter: username: vitomd description: «Помощь разработчикам в улучшении их кода и их жизни» title: «VitoMd and the Evil Machine» logo: logo.png social: name: vitomd links: - https://twitter.com/vitomd - https : //github.com/vitogit - http://stackoverflow.com/users/5886252/vitomd
Также вы можете добавить некоторые параметры для каждого сообщения, такие как автор, заголовок, связанное изображение и т. Д.
title: «Перенос этого блога из Wordpress в Jekyll. Часть 1». Автор: twitter: vitomd Categories: - Теги блога: [Blog, Jekyll, Wordpress] image: /assets/imgs/blog1.jpeg
Это полезно, когда ваши сообщения публикуются в твиттере, они будут выглядеть красиво, с соответствующим изображением и правильным заголовком.
Если вы хотите узнать больше подробностей, вы можете прочитать этот пост: http://jekyll.tips/jekyll-casts/seo-in-jekyll/
Пользовательский домен на страницах Github
1) Зайдите в настройки своего репозитория, добавьте свой пользовательский домен, в моем случае vitomd.com/blog
2) Я также хотел поддержать www.vitomd.com/blog GitHub делает это автоматически перенаправляя в обе стороны.
3) Я следовал инструкциям в https://help.github.com/articles/setting-up-an-apex-domain/ настроить мой пользовательский домен.
Подсветка синтаксиса
У меня были некоторые проблемы с подсветкой синтаксиса, в основном не работал. После некоторого поиска я обнаружил, что в моей разветвленной теме была старая версия Jekyll, в которой были некоторые ошибки. Поэтому я удалил gemfile.lock и снова установил пакет.
В _config.yml я меняю подсветку: фрагменты на подсветку: румяна, и это сработало, но меня не порадовала раскраска синтаксиса.
Чтобы проверить, какие темы доступны в rouge, при выполнении стиля справки rougify вы получите следующий список:
доступные темы: base16, base16.dark, base16.monokai, base16.monokai.light, base16.solarized, base16.solarized.dark, красочные, github, gruvbox, gruvbox.light, molokai, монокай, monokai.sublime, thankful_eyes
а затем сгенерировать стиль синтаксиса.css monokai.sublime> _includes / css / syntax.css
Импортированное сообщение в блоге не было выделено, потому что они были в HTML, поэтому я перевел некоторые из них в формат уценки и немного их отредактировал, используя этот замечательный инструмент https://github.com/domchristie/to-markdown
Написание нашего первого поста в Jekyll
Для написания своих сообщений в формате уценки я использую Stackedit синхронизируется с Google Drive, чтобы я мог использовать его в Интернете и ATOM с уценки-писатель и предварительный просмотр Markdown для локальной записи.
Чтобы создать новый пост в Markdown-Writer, просто откройте палитру ATOM cmd + shift + p и выберите Markdown Writer: Новый пост, добавьте заголовок и отредактируйте фронтальный материал, такой как автор, категории, теги, изображение и т. Д. Новый файл будет добавлен в папку _posts. Напишите свой пост и просмотрите его. cmd + shift + p и выберите предварительный просмотр Markdown
Также запустите свой локальный сервер, чтобы убедиться, что все в порядке.
jekyll serve --baseurl = ""
Затем просто добавьте, подтвердите и отправьте ваш новый пост. Это будет онлайн немедленно.
мерзавец добавить. git commit -m "Новое сообщение" git push origin HEAD