* РБК — новости

* *

Перенос этого блога из Wordpress в Jekyll - часть 2

  1. Добавление SEO
  2. Пользовательский домен на страницах Github
  3. Подсветка синтаксиса
  4. Написание нашего первого поста в Jekyll

Вот вторая часть моего опыта переноса моего блога в Jekyll. Вы можете проверить первую часть здесь: Перенос этого блога из Wordpress в Jekyll - часть 1

Перенос этого блога из 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

Реклама

Популярные новости

Агентство по эскорт услугам
У многих слово «эскорт» ассоциируется с элитным сопровождением, дорогими машинами и длинноногими красавицами-моделями, которых богатые владельцы крупных фирм берут с собой на светские рауты в качестве

Франшиза страхового агентства
К Вашему вниманию франшиза страхового агентства — Точка Страхования. Основными направлениями деятельности являются реализация полисов ОСАГО и КАСКО. Что входит в франшизу• Техническая поддержка наших

Федеральное агентство по туризму
Сафонов Олег Петрович

Украинские новости информационное агентство
© UNIAN.NET, 1998 - 2017 Все права соблюдены. Согласно статье 26 Закона Украины "Об информационных агентствах" право собственности на продукцию информационного агентства охраняется

Донецкое агентство новостей
Декабрь 14, 2018 12:25 Фото: Минкультуры ДНР. Донецк, 14 дек – ДАН. Почти 3800 человек за три с лишним месяца посетили в Донецке выставку «Великая Отечественная война в цифрах и фактах», посвященную

Про затвердження Порядку організації та проведення особистого прийому громадян у Державному агентстві резерву України, Міністерство економічного розви
МІНІСТЕРСТВО ЕКОНОМІЧНОГО РОЗВИТКУ І ТОРГІВЛІ УКРАЇНИ 24.09.2012  № 1041 Зареєстровано в Міністерстві |юстиції України 9 жовтня 2012 р. за № 1703/22015 Про затвердження Порядку організації та проведення

Сегодня в Информагентстве «НАШ ПРОДУКТ» состоялся круглый стол на тему: «Каков диагноз больничных касс?»
04 ноя 2010, 17:28    admin 0 комментариев    2 396 просмотров Участники мероприятия активно обсуждали вопросы создания больничных касс в Киеве с начала 2011 года, откуда

Федеральное агентство по рыболовству
  Официальное наименование Федеральное агентство по рыболовству   Официальное сокращенное наименование Росрыболовство   Действует на основании Положения, утвержденного Постановлением

15 лучших печатных реклам 2013 года
Креативные агентства разрабатывают огромное количество разных рекламных кампаний: одни удивляют своей оригинальностью и свежими идеями, другие — шокируют эпатажными образами. Но несмотря на разнообразие

Совместный проект Профессионалов.ru и "Секрета Фирмы" - "Банк решений". Кейс четырнадцатый - "Сеть без дыр"... — Бизнес-клуб
Уважаемые профессионалы, чуть более года назад мы запустили совместный с ведущим деловым журналом «Секрет Фирмы» проект по решению задач из реальнойбизнес-практики «Банк решений». Многие из вас уже успели


Реклама

Календарь новостей

Реклама

Архив новостей

Реклама