jekyllテーマ
jekyllのテーマを設定する前、jekyllのインストールと基本プロジェクトの生成が必要です。まだ、jekyllがインストールされてない方、プロジェクトを生成してない方は以前のブログjekyllインストールを確認してください。
jekyllはwordpressみたいに基本的にテーマの設定が可能です。ここには私たちが使ったテーマを設定する方法を紹介することにより、jekyllのテーマを設定する方法を説明します。
テーマ検索
- まず、好きなテーマを探す。
- 無料テーマサイト: http://jekyllthemes.org/
- 私たちが使ってるテーマ: Clean Blog
テーマインストール
テーマをインストールする方法を大きく二つがあります。
- Gemを通じてインストール
- ファイルダウンロード
Gemを通じてインストール
Gemfileファイル修正
gem "jekyll-theme-clean-blog"
_config.ymlファイル修正
theme: jekyll-theme-clean-blog
- テーマインストール
bundle install
- 確認
bundle exec jekyll serve
jekyllを実行して見ると、新たに適用されたテーマとを確認することが出来ます。
ファイルダウンロード
Gemを通じてインストールすることが出来ますが私たちはもっと自由にテーマを修正したいので、テーマファイルをダウンロードして適用する方法を選べった。
テーマのgithubページへ移動: startbootstrap-clean-blog-jekyllテーマ
Clone or downloadボタンを押してダウンロード圧縮を解除してファイル内容を自分のプロジェクトにコピペする。
確認
bundle exec jekyll serve
jekyllを実行して見ると、新たに適用されたテーマとを確認することが出来ます。
テーマ使用法
- Gemを通じてインストールした場合
- Gemを通じてテーマをインストールした場合は、テーマのサイト(Clean Blog)を参考して使ってください。
- ほとんどのテーマはインストールする方法と使用する方法を紹介してるので、早めに始めたい方はGemを通じてインストールすることをおすすめします。
- ファイルダウンロード
- 私たちはテーマをもっと自由に使うためにファイルダウンロード方式でプロジェクトを構成した。
- 次のブログであるフォルダ構造を通じてテーマの活用を説明します。
参考サイト
- 無料テーマサイト: http://jekyllthemes.org/
- Clean Blog: https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll
- jekyllホームページ: https://jekyllrb.com/docs/structure/
私のブログが役に立ちましたか？下にコメントを残してください。それは私にとって大きな大きな力になります！
アプリ広報
今見てるブログを作成た
興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。
Dekuが開発したアプリを使ってみてください。Dekuが開発したアプリはFlutterで開発されています。興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。
