octopress slide Advanced

之前為了讓octopress可以根據layout的改變為slide，後續加上了nav bar，以及footer bar，可以使用share功能

不過！！

後來看到網路上的大大做了更好的實作

• HTML Presentations With Octopress and deck.js
• HTML Presentations With Octopress and deck.js - Part II

呈現出來的結果如下：octopress with slide advanced

與 octopress 整合的更好，而且分類與設定更加的完善

於是乎，我把該位大大的github.com/kmees clone 回來調整了一下

有幾個不錯的特性

• 支援 rake new_slides

與now_post類似，new_slides會將新的slides文章新增在 source/slides 下，同樣當你執行rake generate deploy preview 時都會幫你進行轉換，方便吧！

• 根據post的title屬性來變更silde的佈景，以及換頁動畫，如下：

---
layout: slides
title: "Demo Slides"
sidebar: false
deck_scale: false
deck_theme: web-2.0
deck_transition: fade
---

• 在silde區隔的部份更方便，使用custom Liquid::Block，來產生html code，like that:

{% slide %}
  ## Title
  content
{% endslide $}

這部份我覺得可以在方便點改成下列樣式，實際用時常常會漏掉div tag 的開始或結束

{% slideFirst %}
  ## Title
  content
{% slide $}
  ## Title
  content
{% slide $}
  ## Title
  content
{% slideEnd $}

其中 slideFirst 替換成 <div class='slide'>

slide 替換成 </div><div class='slide'>

最後 slideEnd 替換成 </div>

呈現起來也不錯，剛剛好這禮拜要去講一個talk，實際完成品 nodejs+java，整體更一致了！

how about that??試試看囉！