【Jekyll】つくったホームページにテーマを設定する

jekyllでのテーマ探し

• Jekyllでは色んな人がウェブサイトのデザインを無料公開してくれている．それらを使わせてもらうことで簡単にウェブページのデザインを変更することができる

• Jekyllのファイル構造などに言及したブログ

  • https://kinsta.com/jp/blog/jekyll-static-site/
• このサイトからJekyllのテーマをダウンロードできる
  • http://jekyllthemes.org/page2/
• Jekyllテーマランキング
  • https://jekyll-themes.com/blog/top-jekyll-themes
• Jekyllプレミアムテーマ
  • https://jekyllthemes.io/jekyll-portfolio-themes

割とよさそうなやつ

• きれい
  • http://jekyllthemes.org/themes/agency/
• 分かりやすいポートフォリオ
  • https://demo.themefisher.com/kross/
• ちょっと見づらいけどインパクトある
  • http://jekyllthemes.org/themes/jekyll-theme-prologue/
• シンプルで使いやすそう（Mdで書けそう）
  • http://dbtek.github.io/paper-demo/

今回はjekyll-theme-prologueに決定

jekyll-theme-prologueというテーマ．オサレ

• おしゃれでかっこいい～

• 紹介ページ

  • http://jekyllthemes.org/themes/jekyll-theme-prologue/

• git

  • https://github.com/chrisbobbe/jekyll-theme-prologue

現在のサイトにjekyll-theme-prologueを適用する

• Gemfileに以下の項目を追加する

gem 'jekyll-theme-prologue', '~> 0.3.3' # gemテーマ

• config.ymlに以下の行を追加する

collections: [sections]

• なんかエラーで取る

• 通常のRubyに入っているはずのwebrickというパッケージがなぜか見つからんらしい
• 下記コマンドでWebrickをaddしたらいけた

bundle add webrick

• _config.ymlに下記行を足す．ローカルで試すときにはremote_themeをコメントアウト,themeの方をコメントイン

# theme: jekyll-theme-prologue
remote_theme: chrisbobbe/jekyll-theme-prologue

• ここまでやったらgitにプッシュする

• 該当のレポジトリのActionsタブを覗くと無事にデプロイできている

  

  デプロイ成功

• HPにアクセスするとテーマが適用できている．ちょっとHPぽくなってきました．

gakutosasabe.github.io