テーマ設定

2023-10-16 hit count image

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

jekyllテーマ

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

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

テーマ検索

テーマインストール

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

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

Gemを通じてインストール

  1. Gemfile ファイル修正
gem "jekyll-theme-clean-blog"
  1. _config.yml ファイル修正
theme: jekyll-theme-clean-blog
  1. テーマインストール
bundle install
  1. 確認
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を通じてインストールすることをおすすめします。
  1. ファイルダウンロード
  • 私たちはテーマをもっと自由に使うためにファイルダウンロード方式でプロジェクトを構成した。
  • 次のブログであるフォルダ構造を通じてテーマの活用を説明します。

参考サイト

私のブログが役に立ちましたか?下にコメントを残してください。それは私にとって大きな大きな力になります!

アプリ広報

今見てるブログを作成たDekuが開発したアプリを使ってみてください。
Dekuが開発したアプリはFlutterで開発されています。

興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。

Posts