Знакомство с 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 блог

You can't comment this post because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author's username will be hidden by an alias.