Знакомство с Octopress

image

Octopress — технология, которая позволяет удобно генерировать статический контент в HTML виде.
Это фреймворк, использующий Jekyll.
Octopress дает вам следующее:
  • шаблон в HTML5 с уже «встроенной» поддержкой мобильных устройств
  • поддержку Twitter, Google Plus One, Disqus Comments, Pinboard, Delicious и Google Analytics
  • простой и удобный деплой на Github pages или на ваш сервер с помощью Rsync,
  • шаблон в HTML5 с уже «встроенной» поддержкой мобильных устройств
  • подсветку синтаксиса с помощью темы Solarized.


Что же в нем такого особенного? Обновлять по сути ничего, кроме элементов движка (в отличие от Wordpress). Конфигурационных файлов мало и в них легко разобраться. Нет MySQL, нет PHP, нет Apache. Динамический контент добавляется с помощью javascript плагинов. Тема оформления минималистская, читать статьи одно удовольствие. Она умеет автоматически масштабироваться в зависимости от ширины браузера. Статьи теперь можно писать в любом текстовом редакторе, теперь это особенно удобно с помощью markdown.

Чтобы установить Octopress, нужно:



Шаг 1: Установить Git, RVM and Ruby


Здесь все красиво описано.



Шаг 2: Создать репозиторий на GitHub


Зарегистрироваться на GitHub и создать репозиторий с названием octopress (или другой). В результате имеем http://github.com/YourName/octopress



Шаг 3: Установить Octopress


В терминале ввести следующие команды:


mkdir octopress
cd octopress
git init
git remote add octopress git :/ / github.com / imathis / octopress.git
git pull octopress master
git checkout-b source
git remote add origin git@github.com: YourName / octopress.git
git push origin source

rvm rvmrc trust
rvm reload
rake setup_github_pages
git@github.com: YourName / octopress.git
rake install

дописать в файле _config.yml root: / octopress


rake generate
rake deploy


В результате имеем наш блог: http://YourName.github.com/octopress



Шаг 4: Настройка Octopress


Чтобы URL были короткими и красивыми, нужно pедактировать файл _config.yml


permalink: /: title /
category_dir: categories
pagination_dir # empty

Для добавления категорий в сайдбаре: создать файл

 source / _includes / custom / asides / links.html 
в котором что-то такое:


<section>
  <h1>Закладки</h1>
  <ul>
      <li><a href="http://google.com">Google</a></li>
      <li><a href="http://pikabu.ru">Пикабу</a></li>
  </ul>
</section>


и в файле _config.yml добавить в конце ссылки на страницу:


default_asides: [asides / recent_posts.html, asides / github.html, asides / delicious.html, asides / pinboard.html, asides / googleplus.html, custom / asides / links.html]

Чтобы вместо http://yoursite.com/blog/archives было http://yoursite.com/archives , нужно source / blog / archives перенести в source , и в поиске заменить каждое / blog / archives на / archives



Шаг 5: Оформить Octopress


Здесь есть несколько тем.


Для изменения вкладок навигационного меню: source / _includes / custom / navigation.html


Для изменения фонового изображения: 75 строка в sass / base / _theme.css .
Популярные изображения здесь


Для изменения любого цвета: sass / custom / _colors.scss



Шаг 6: Написание статей


Для создания статьи:

 
rake new_post ["title"] 
.
Она появляется в source / _posts с форматом . Markdown, который редактуеться программе Mou , достаточно удобно!



Для того чтобы изменения вступили в силу


rake generate
rake deploy


Для более подробной информации читайте документацию .


Tags:
octopress блог

Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.