輸入以下指令碼，就能立即體驗 Slash！

$ cd octopress
$ git clone git://github.com/tommy351/Octopress-Theme-Slash.git .themes/slash
$ rake install['slash']
$ rake generate

使用 zsh 時發生問題嗎？試試看 rake install\['slash'\]。

Slash 是專為 Octopress 設計的單欄佈景主題，清新簡單，排版完美，支援 classic 主題的所有功能，並內建 Fancybox。想試試看不同的佈景主題嗎？這就是了！

圖片

Slash 能夠自動讀取圖片的 alt 屬性，並在圖片下方顯示註解。

Wallbase - dgnfly (wallbase.cc/wallpaper/1384450)

Slash 內建 Fancybox，讓您輕鬆展示您的作品。

InterfaceLIFT

影片

Slash 能夠自動將 HTML5 video、iframe、object 等嵌入式影片縮放至頁面寬度。

只要以#video-container包住嵌入影片的程式碼即可，如下：

<div class="video-container">
	// 嵌入影片程式碼        
</div>

排版

Slash 支援 responsive layouts，無論是用電腦、手機或平板，都能獲得極佳的使用體驗。您可現在就試著縮放瀏覽器看看！

程式碼當然也難不倒 Slash，無論是 Code Block、Gist、jsFiddle 都能漂亮顯示。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

class Float
  def number_decimal_places
    self.to_s.length-2
  end
  def to_fraction
    higher = 10**self.number_decimal_places
    lower = self*higher
    gcden = greatest_common_divisor(higher, lower)

    return (lower/gcden).round, (higher/gcden).round
  end

private
  def greatest_common_divisor(a, b)
     while a%b != 0
       a,b = b.round,(a%b).round
     end
     return b
  end
end

@@ -590,7 +590,7 @@ class SpritesTest < Test::Unit::TestCase
  it "should generate a sprite from nested folders" do
    css = render <<-SCSS
-     @import "nested/*.png";
+     @import "nested/**/*.png";
      @include all-nested-sprites;
    SCSS
    assert_correct css, <<-CSS

如何顯示右上角的 Facebook 連結？

在 _config.yml 新增 facebook_user 參數，並填入您的 Facebook ID。

如何編輯選單？

編輯 slash→source→_includes→custom→navigation.html。

如何隱藏頁首的 Twitter 訊息串？

刪除 slash→source→_layouts→default.html 的第 6 行。

如何關閉 Fancybox？

1. 刪除 slash→source→_includes→after_footer.html 的第 4 行。
2. 刪除 slash→source→javascripts→caption.js 的第 14 行。

若您有任何問題或建議，歡迎在這裡留言。