テーマ設定

2019-05-04

jekyllのテーマを設定して、もっと素敵なブログを作ってみよう。

jekyllテーマ

jekyllのテーマを設定する前、jekyllのインストールと基本プロジェクトの生成が必要です。まだ、jekyllがインストールされてない方、プロジェクトを生成してない方は以前のブログjekyllインストールを確認してください。

jekyllはwordpressみたいに基本的にテーマの設定が可能です。ここには私たちが使ったテーマを設定する方法を紹介することにより、jekyllのテーマを設定する方法を説明します。

テーマ検索

テーマインストール

テーマをインストールする方法を大きく二つがあります。

  1. Gemを通じてインストール
  2. ファイルダウンロード

Gemを通じてインストール

  1. Gemfile ファイル修正
    gem "jekyll-theme-clean-blog"
    
  2. _config.yml ファイル修正
    theme: jekyll-theme-clean-blog
    
  3. テーマインストール
    bundle install
    
  4. 確認
    bundle exec jekyll serve
    

    jekyllを実行して見ると、新たに適用されたテーマとを確認することが出来ます。

ファイルダウンロード

Gemを通じてインストールすることが出来ますが私たちはもっと自由にテーマを修正したいので、テーマファイルをダウンロードして適用する方法を選べった。

  1. テーマのgithubページへ移動: startbootstrap-clean-blog-jekyllテーマ

  2. Clone or download ボタンを押してダウンロード

  3. 圧縮を解除してファイル内容を自分のプロジェクトにコピペする。

  4. 確認

    bundle exec jekyll serve
    

    jekyllを実行して見ると、新たに適用されたテーマとを確認することが出来ます。

テーマ使用法

  1. Gemを通じてインストールした場合
    • Gemを通じてテーマをインストールした場合は、テーマのサイト(Clean Blog)を参考して使ってください。
    • ほとんどのテーマはインストールする方法と使用する方法を紹介してるので、早めに始めたい方はGemを通じてインストールすることをおすすめします。
  2. ファイルダウンロード
    • 私たちはテーマをもっと自由に使うためにファイルダウンロード方式でプロジェクトを構成した。
    • 次のブログであるフォルダ構造を通じてテーマの活用を説明します。

参考サイト

Buy me a coffeeBuy me a coffee
Posts