octpressの簡単な解説 - kyotopm/kyotopm.github.com GitHub Wiki

起動と反映

rake preview # サーバ起動・デバッグ
rake deploy  # 本番への反映

ファイル配置

レイアウト(wrapper)

  • 全体レイアウト
    • source/_layouts/default.html
  • ページレイアウト
    • source/_layouts/page.html
    • ページを作成した時のlayout。今はページがない
  • ブログ記事レイアウト
    • source/_layouts/post.html
    • ブログpermalink用layout

include用ファイル

  • head
    • jsとかcssとか
    • source/_includes/head.html, source/_includes/custom/head.html
  • header
    • navigationとか検索ボックスとか
    • source/_includes/header.html, source/_includes/custom/header.html
  • navigation
    • source/_includes/navigation.html, source/_includes/custom/navigation.html
  • article
    • source/_includes/article.html
  • footer
    • source/_includes/footer.html, source/_includes/custom/footer.html

sass用ファイル

  • まとめ用
    • sass/screen.scss
      • 全体のまとめ
    • sass/_partials.scss
      • 各パーツ用scssまとめ
    • sass/_base.scss
      • 基本scssまとめ
  • 基本となるscss
    • sass/base/以下
  • 編集用scss
    • sass/custom/以下
    • 基本は_styles.scssを触ったらよさそう

関連ドキュメント

  • http://octopress.org/docs/
⚠️ **GitHub.com Fallback** ⚠️