Home

コンテンツ編集方法

コンテンツページを改変するには以下のファイルを編集する必要があります。

コンテンツページ一覧

ページ名	ファイル名
トップページ	index.md
プログラム	program.md
スポンサー	sponsors.md

留意点

• フォーマットは Markdown
• git clone せずに GitHub 上でも直接編集可能です。
  • GitHub 上でファイルにアクセス → 「Edit」を選択
• Markdown で実現出来ないようなところは直接 HTML タグを書くことも可能です(多分)

レイアウト & デザイン編集

現在は全てのページが _layouts/layout.html のレイアウトファイルを使用しています。

ページ毎にレイアウトを分けたい場合は _layouts 以下にレイアウトファイル(HTML) を増やして，そのレイアウトファイルを各コンテンツページの Markdown の中で指定します。

デザイン関連ディレクトリ

役割	ディレクトリ
レイアウトファイル	_layouts
スタイルシート	css
JavaScript	js
画像ファイル	img

留意点

CSS フレームワークとしてFoundation: The Most Advanced Responsive Front-end Framework from ZURBを使っています。

Foundation に依存しているのは _layout/layout.html だけなので，デザインをスクラッチから組みたい場合は差し替えればいいです。

ローカルでサイトのデータを編集する方法

以下のツールがインストール済みであること

• Git
• Ruby
• Bundler(RubyGems でインストール)

Git リポジトリを clone する:

$ git clone [email protected]:hackers-champloo/hackers-champloo.github.io.git

依存 gem をインストールする:

$ cd hackers-champloo.github.io
$ bundle install --path vendor/bundle

Jekyll サーバを起動:

$ bundle exec jekyll serve

ブラウザで http://localhost:4000 へアクセス

スタイルシートや Markdown のファイルを編集しながら確認したい場合は Jekyll のサーバを以下のようにして起動:

$ bundle exec jekyll serve --incremental

ファイルを編集後，HTML が再生成されるのでブラウザをリロードして反映されているか確かめてください。