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

* *

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

Реклама

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

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

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

Детективные агентства киева
На страницах нашего сайта Вы найдете много полезной информации, которая необходима в повседневной жизни. Вы имеете возможность обратиться к нам, оставив заявку либо позвонить по одному из номеров, указанных

Федеральное агентство по техническому регулированию
В 2003 году, 1 июля, вступил в действие ФЗ, определяющий основы технического регулирования. В рамках закона создана новая система установления норм для производственных процессов, продукции, услуг и работ.

Btl агентство полного цикла
Нередко рекламные услуги заказываются одновременно у нескольких поставщиков: одна фирма выполняет полиграфию, другая проводит исследование рынка, третья следит за общей успешностью проводимых мероприятий.

Русское агентство новостей
Русское Агентство Новостей (РуАН) создано, как альтернатива разнузданному, повсеместному шабашу, развёрнутому в СМИ равнодушными, недалёкими, продажными и недружественными к нормальным людям персонажами,

Мегаполис сервис агентство недвижимости
Агентство недвижимости «Мегаполис Сервис», предлагает все виды риэлторских услуг на рынке недвижимости. Купля-продажа, обмен квартир, домов, комнат, земельных участков, коттеджей, коммерческой недвижимости.

Сдать квартиру через агентство
Почему стоит держаться подальше от агентств недвижимости Что бы ответить на первый вопрос и понять почему идея сдать квартиру через агентство не самая блестящая, мне придется процитировать книгу “6

Агентство по подбору домашнего персонала
Проблема поиска хорошей няни, надежной помощницы по хозяйству, квалифицированного репетитора для ребенка или сиделки для пожилого родственника знакома многим людям. Избавить их от множества хлопот по


Реклама

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

Реклама

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

Реклама