Pages

搜尋此網誌

2013年12月25日 星期三

octopress slide Advanced

octopress slide Advanced

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

不過!!

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

呈現出來的結果如下: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??試試看囉!

張貼留言