- Бинарное Солнце
- Установка Джекила
- Использование Jekyll
- Хостинг Джекилл
- Плагины Джекила
- Джекилл Советы
- Так?
я использую WordPress много, но пару недель назад я решил перестроить один из моих старых сайтов с помощью Jekyll (редактор статических сайтов), чтобы я мог разместить его на страницах Github. Как Я объяснил раньше - Мне нравится пробовать разные вещи, чтобы я мог продолжать учиться и развиваться.
Сайт в настоящее время является статическим сайтом, ему не нужно ничего динамического и использующего Страницы Github это еще одна вещь, из которой я могу учиться.
Бинарное Солнце
Прежде чем вдаваться в детали - сайт, который я перестраивал, Бинарное Солнце , Первоначально это был сайт с бесплатными играми, где я мог продавать свои бесплатные игры. За последние несколько лет продажи моих игр упали практически до нуля - мне пришлось обновить хостинг, и я решил полностью обновить сайт.
Чтобы снизить расходы на хостинг, я решил использовать Github Pages, которые, в свою очередь, предложили использовать Jekyll для управления контентом.
Установка Джекила
Я не использовал Джекилла раньше, поэтому я направился к Джекил Веб-сайт. Jekyll - это генератор статических сайтов, который использует Рубин которым я пользуюсь не очень часто. Поскольку Ruby казался устаревшим, я подумал, что сначала обновлю его. Однако для этого мне пришлось установить Ruby Version Manager (RVM) ,
Я установил RVM, который также обновлял Git, а затем попытался обновить сам Ruby. Только он сказал мне, что была проблема с Homebrew поэтому мне пришлось переустанавливать это также.
В конце концов, я заработал, но для тех, кто любит избегать командной строки, было довольно больно.
Использование Jekyll
Теперь, когда он установлен, мне нужно было настроить новый проект, а затем решить, как заставить его отображать контент.
Я начал с пустого сайта и создал базовый шаблон. Я новичок в том, что я хотел показывать игры HTML5, поэтому я настроил коллекцию игр (Jekylls-эквивалент WordPress Custom Post Types). Чтобы настроить коллекцию, вы просто создаете новый склад файлов и определяете папку (коллекцию) и ее свойства в файле config.yml.
Хостинг Джекилл
Для хостинга я использую страницы Github. Чтобы настроить это, вы можете создать новый проект Github, а затем настроить параметры проекта для добавления статического сайта. Как только у вас появится новый проект, развертывание сайта репозитория так же просто, как зафиксировать изменение и отправить его в Github. Как только это будет сделано, Github перестраивает содержимое сайта.
Однако Github имеет ограничение пропускной способности для бесплатных аккаунтов. Самый простой способ решить эту проблему (о которой я знаю) - использовать Cloudflare для кэширования данных. У Cloudflare есть отличный учебник по настройка Cloudflare со страницами Github ,
Плагины Джекила
Поскольку я использую страницы Github, сайт может использовать только несколько тщательно подобранных плагинов. Для этого сайта я использую Jekyll SEO Tag и Jekyll Redirect From.
SEO-тег позволяет мне настроить основные свойства SEO и заботится об оптимизации различных элементов в заголовке каждой страницы. Redirect from позволяет вам настроить перенаправления javascript, которые могут позаботиться о перемещении или удалении страниц. Имейте в виду, что это не замена правильного перенаправления 301 - но это лучшее, что мы можем сделать. Вы можете просмотреть все поддерживаемые плагины Github на сайте поддержки Github.
Джекилл Советы
Jekyll (на страницах Github) по умолчанию использует SASS, но он не поддерживает плагины CSS с автопрефиксом. Так что я воспользовался Префикс бесплатной библиотеки JS от Lea Verou ,
Одна вещь, которая показалась мне интересной и полезной, заключается в том, что вы можете передавать переменные во включаемые файлы, а затем обращаться к ним через переменную include в шаблоне. Это позволяет включенным функциям действовать как функции - отображать разные вещи условно. Вы можете увидеть пример здесь, где я передаю игру для отображения в качестве переменной игра включает в себя - таким образом, позволяя отображать любую игру в любом месте.
Сайт Binary Sun имеет много javascript (по крайней мере, это произойдет, как только я закончу), и поэтому я хотел объединить все файлы в один. Чтобы это произошло, я создал файл app.js (вы можете назвать файл как угодно), а затем использовал язык шаблонов для включения других js-файлов с относительным путем. Чтобы файл js был проанализирован как файл шаблона - вам просто нужно добавить Jekyll 'Front Matter' в начало файла. Вы можете увидеть это в действии в мой app.js файл.
Чтобы создать страницу 404, вам просто нужно создать файл 404.md в корне вашего сайта Jekyll - и тогда Github Pages позаботится о загрузке нужного вам файла 404.
Используйте флаг –incremental при создании сайта - это сильно ускоряет процесс. По-видимому, он не работает со всеми плагинами Jekyll, но, похоже, он отлично работает с теми, которые я использую из плагинов Github Pages. Команда будет выглядеть так:
подача джекила
Decaching CSS и JS всегда весело. Поскольку Jekyll обновляет весь сайт каждый раз, когда вы его создаете, вы можете дешифровать ваши стили и сценарии, добавив время сборки к строке запроса, как показано ниже:
Так?
Мне очень понравилось использовать Jekyll для этого проекта, и у меня уже есть планы использовать его на втором сайте. Простота развертывания, тот факт, что я могу разместить свой сайт бесплатно, встроенный контроль версий, скорость разработки - как только вы преодолеете неуклюжую настройку (неудобную для менее технического специалиста), пользоваться ею очень приятно.
Похожие
ВЕБ СЕО ХОСТИНГШтат SL1SYSTEMS состоит из молодых людей с различными профессиональными навыками: специалисты по коммуникации и графике для Интернета, программисты, системные инженеры. Только благодаря объединению этих различных профессиональных навыков можно воплотить реальные Новые возможности Tumult Hype 2.0
Основные новые возможности Tumult Hype 2.0 Мгновенный предварительный просмотр iOS с Hype Reflect для iOS Tumult Hype 2.0 с парой Hype Reflect и упрощает предварительный просмотр ваших документов на iPhone, iPad и iPod touch. С Hype Reflect вы можете мгновенно отправить документ на ваши устройства iOS прямо из меню предварительного просмотра Tumult Советы по созданию ссылок вручную
Нажмите на иконку Twitter ниже, чтобы опубликовать твит как твит (цитата в твиттере) Вы заинтересованы в том, чтобы получить больше информации в Интернете? В конечном счете, найти в Google - это самый верный способ получить трафик на ваш сайт и превратить потенциальных клиентов в текущих клиентов. Существует множество идей Инфографика: SEO советы и инструменты
Шутка идет, лучшее место, чтобы спрятать труп - на второй странице Google. Для компаний, которые в значительной степени полагаются на маркетинг в поисковых системах (SEM), это не шутка. Не оптимизируйте ваш контент, и Google осудит вашу веб-страницу к забвению окупаемости инвестиций - для маркетологов это означает любой рейтинг ниже главной страницы. Поисковая оптимизация (SEO) - это и наука, и искусство. Это включает в себя создание веб-контента, который удовлетворяет строгим, но изменяющимся Органические SEO методы и советы
Из основанного на доходах SEO вебинара Secret # 2 Доступ к репо с веб-семинаров по доходам Теперь еще одно недоразумение заключается в том, чтобы повысить эффективность за счет ключевых слов. Мне нужно добавить больше страниц на свой сайт. Но SEO, основанное на доходах, говорит, что вы можете получить более высокую производительность от ключевых слов дохода, отдавая приоритет целевым страницам, Google, вот новые инструкции для веб-мастеров
Если в течение недели кажется, что большая часть общего внимания была привлечена Facebook и его последними новостями, мы также должны дать правильное место новинке, которая, вероятно, заинтересует профессионалов SEO и веб-мастеров в целом. Инструменты Google для веб-мастеров , как мы все знаем, являются неотъемлемой частью стратегии веб-профессионалов и любой стратегии, или мы могли бы также сказать, что это важная основа Советы по выбору качественных услуг SEO
В настоящее время существует довольно много сайтов, которые предоставляют услуги SEO. Поэтому неудивительно, что владельцы блогов и веб-сайтов смущены выбором лучших. Как известно, существование SEO или поисковой оптимизации действительно очень тесно связано с развитием веб-сайтов в Интернете сегодня. Потому что Как выбрать домен и хостинг для SEO
... хостинг влияют на ваш рейтинг в SEO? Google использует расширение домена вашего сайта, чтобы понять географические настройки вашего сайта. Это означает, что если ваш бизнес ориентирован на Великобританию, вам следует использовать расширение домена в Великобритании, такое как SEO советы для интернет-магазинов, переходящих на новый сайт
Рон Дод, генеральный директор Visiture Размышление об оптимизации поисковой системы должно быть в центре внимания любого нового перехода на сайт или дизайн-проекта для интернет-магазинов. Органический трафик с поисковых систем является жизненно важным компонентом привлечения клиентов, но, к сожалению, подавляющее большинство ритейлеров закрывают глаза на свой новый дизайн SEO Советы по поиску возможностей аффилированного маркетинга
После того, как вы нашли свою нишу и хотите определить, кто такие Супер Филиалы , есть ряд чрезвычайно простых SEO методы, которые вы можете использовать, чтобы узнать, какие предложения, конкуренты и / или источники ссылок стоит использовать. SEO и хостинг - VPS лучшее решение для 2014 года?
Выбор веб-хостинг для вашего сайта иногда немного сбивает с толку, так как выбор огромен. Если вы веб-дизайнер, вы можете использовать хостинг, который предоставляет вам выделенный сервер, а не общий, хотя это будет дороже. Тем не менее, появление облачных вычислений немного изменилось, и теперь стало возможным иметь виртуальный частный сервер, который смотрит на внешний мир так, как будто это все ваше. Что такое виртуальный
Комментарии
Давайте будем честными: ваш бизнес не такой, как все, так почему мы должны так обращаться с вами?Давайте будем честными: ваш бизнес не такой, как все, так почему мы должны так обращаться с вами? Когда вы решите поработать с Metadosi для SEO в Лионе, вы получите партнера, посвященного успеху вашего бизнеса. Вы будете назначены специалистом по цифровому маркетингу, который будет вашим основным контактным лицом в Metadosi. Мы будем регулярно предоставлять вам обновления статуса и ежемесячные Так почему же это все еще так заметно?
Так почему же это все еще так заметно? Почему Flash держится Беда в том, что большая часть Интернета в прошлом была построена на Flash, и для того, чтобы избавиться от этих практик, требуется некоторое время. Adobe Flash когда-то был стандартом де-факто для любых видео или анимаций, появляющихся в сети. Если браузеры перестают поддерживать Com и так далее, почему это так?
com и так далее, почему это так? потому что: Использование EMD больше не эффективно для повышения позиций в Интернете. Выбор «общего» доменного имени, которое может использоваться другими людьми с другими доменными расширениями, может привести пользователей в замешательство и привести к ошибкам или опечаткам. Ваш бренд или бренд станет более широко известным и получит большую прибыль, если вы добьетесь успеха позже. Различные домены Что ж, если мы скажем вам, что если у вас есть интегрированный многоканальный подход, не так уж плохо, если ваш канал не работает так же хорошо в течение одного месяца?
Что ж, если мы скажем вам, что если у вас есть интегрированный многоканальный подход, не так уж плохо, если ваш канал не работает так же хорошо в течение одного месяца? Звучит слишком хорошо, чтобы быть правдой? Это не! Связанные с: Как правильно отчитаться в SEO Совместно проводя кампании SEO и PPC, вы можете показать клиенту, как каждый из каналов помог в окончательной конверсии из другого К счастью, его солнце все еще тепло, не так ли?
К счастью, его солнце все еще тепло, не так ли? Угадай, кто будет сдавать экзамен SMTH5 в этом году. История прошлого года перестала упоминаться, не говоря уже о прохождении. Но в этом году не делайте этого, ребята и люди, так что это также немного эгоистично для вас. Не будь таким, как в прошлом году, не всегда поддавайся другим, когда не можешь смеяться и смеяться. Этот год не самый лучший для парней, я вам верю;). Обновление: это подпись моего любимого парня Так как это так важно определить и указать вашему читателю; Вы понимаете, как это сделать?
Так как это так важно определить и указать вашему читателю; Вы понимаете, как это сделать? Я предлагаю углубиться в как связаться с вашим идеальным клиентом , Работайте по ключевым словам . Это одна из техник сео, с которой вы должны работать; хотя я советую вам не зацикливаться на том, чтобы складывать их все, и напрягать их рожком для обуви, потому что, в конце концов, преобладает Так кого волнует Лаура и ее новые интересы в йоге?
Так кого волнует Лаура и ее новые интересы в йоге? Ну, это когда вам нужно выдать себя за Лору. Думай как Лора, будь Лорой. Представьте, что вы бегаете каждый день, представьте, что вы заинтересованы в йоге и в поисках свойств зеленого чая. Выясните, что вы будете искать, зачем вам покупать зеленый чай, на что должен быть похож продукт, как он должен выглядеть, на какие статьи вы бы прочитали, прежде чем покупать зеленый чай. Да, это может быть утомительно, но чтобы выяснить ВОЗ Так что пошло не так?
Так что пошло не так? Серьезные ошибки на целевой странице Как получилось, что успешная кампания в итоге привела только к одной конверсии? Самой серьезной ошибкой было то, что целевая страница не была готова для мобильных устройств. И на смартфонах, и на планшетах были ошибки отображения. С долей 95% мобильных посетителей нет доступа. Кроме того, для формы заявки использовался iFrame, где требовалась прокрутка. Количество обязательных полей формы было явно слишком Так, что это означает для изображений для свадебных профессионалов?
Так, что это означает для изображений для свадебных профессионалов? Вот мои рекомендации. 4 Руководства по именованию изображений для SEO Сохраняйте свое имя файла соответствующим Принцип номер один, который я проповедую для именования изображений, - спросите себя: «Что на самом деле показывает это изображение?» Имя файла изображения должно соответствовать тому, что на самом деле находится на изображении. Это свадебный прием? Цветы? Похоже, все, что вам нужно от поставщика SEO, не так ли?
Похоже, все, что вам нужно от поставщика SEO, не так ли? Однако, если вы покопаетесь немного глубже, вы скоро поймете, что предлагаемые ими услуги и инструменты либо бесплатны и просты в использовании, не соответствуют современным стандартам SEO или совершенно опасно в некоторых случаях. Когда мы проверяли сервисы для себя, мы обнаружили, что «видимость поисковой системы» Вы бы не стали врываться в стены вашего дома, чтобы починить поврежденные электрические провода после просмотра нескольких видео на YouTube, не так ли?
Вы бы не стали врываться в стены вашего дома, чтобы починить поврежденные электрические провода после просмотра нескольких видео на YouTube, не так ли? Конечно, нет. Так зачем вам врываться в метафорические стены вашего сайта и бренда, чтобы попытаться исправить то, что мешает вашему рейтингу? В Digital Burst наши клиенты не рассчитывают на нас. Мы приветствуем наших клиентов в Сиднее с распростертыми объятиями. Мы делаем все возможное, чтобы обеспечить максимально эффективную, действенную
Остинг влияют на ваш рейтинг в SEO?
SEO и хостинг - VPS лучшее решение для 2014 года?
Давайте будем честными: ваш бизнес не такой, как все, так почему мы должны так обращаться с вами?
Так почему же это все еще так заметно?
Com и так далее, почему это так?
Что ж, если мы скажем вам, что если у вас есть интегрированный многоканальный подход, не так уж плохо, если ваш канал не работает так же хорошо в течение одного месяца?
Звучит слишком хорошо, чтобы быть правдой?
К счастью, его солнце все еще тепло, не так ли?
Так как это так важно определить и указать вашему читателю; Вы понимаете, как это сделать?
Так кого волнует Лаура и ее новые интересы в йоге?