panthera-jekyll テーマ

GitHub Pages panthera-jekyll テーマ

GET IN TOUCH
panthera-jekyll テーマ panthera-jekyll テーマ

panthera-jekyll テーマについて

Date: 2020, Dec 25

_config.yml

_config.yml は次の情報を入れます。

remote_theme: christianezeani/panthera-jekyll
lang: ja

baseurl: "/panthera"
url: "https://remotetheme.github.io"

title: panthera-jekyll テーマ
subtitle: GitHub Pages panthera-jekyll テーマ
description: GitHub Pages  panthera-jekyll テーマ

left_side:
  background_image: "https://balloon.im/1680x1050.jpg"
  background_color: "#ffffff"
  close_button_color: "#000000"
  text_color: "#000000"

menu:
  - text: ホーム
    link: /
    icon: ""

social_icons:
  - name: github
    link: https://github.com/christianezeani
    icon: fab fa-github-square

footer:
  copyright_text: "Presented by <a href='https://balloon.im/'>ふうせん🎈 FU-SEN</a>"
remote_theme: christianezeani/panthera-jekyll

このテーマ panthera-jekyll を使用する場合に指定します。

lang: ja

日本語 の場合はこれを含めて下さい。 <html lang="ja"> へ変換されます。

baseurl: "/panthera"
url: "https://remotetheme.github.io"

テーマの README には記載がないのですが、メニューがあるため、
プロジェクトページの場合は baseurl を指定すると良いでしょう。

title: panthera-jekyll テーマ
subtitle: GitHub Pages panthera-jekyll テーマ
description: GitHub Pages  panthera-jekyll テーマ

titlesubtitle はサイドバーに表示されます。
titledescription は meta タグに含まれ、検索結果や SNS に影響があります。

left_side:
  background_image: "https://balloon.im/1680x1050.jpg"
  background_color: "#ffffff"
  close_button_color: "#000000"
  text_color: "#000000"

サイドバーの設定です。

background_image および background_color は背景になります。
text_color は文字色、close_button_color は閉じるボタンの色です。
閉じるボタンは横幅が少ないスマートフォン縦表示などで表示されます。
color 関連は HTML で使われる色指定を行えます。

menu:
  - text: ホーム
    link: /
    icon: ""

サイドバーに表示するメニューを指定します。
link はプロジェクト内の特定ページも外部ページも指定できます。
複数個設定可能です。

social_icons:
  - name: github
    link: https://github.com/christianezeani
    icon: fab fa-github-square

サイドバー下に GET IN TOUCH としてアイコン表示されます。
{icon` は Font Awesome のアイコンです。

footer:
  copyright_text: "Presented by <a href='https://balloon.im/'>ふうせん🎈 FU-SEN</a>"

本文下のフッターで表示されます。HTML タグを使用可能です。


記事一覧表示

---
---

# panthera-jekyll テーマ

{% include posts/index.html %}

このプロジェクトでは index.md で使用しているので、
トップページで表示していますが、
任意のページで表示する事ができます。


_posts/*.md

_post 内は YYYY-MM-DD-タイトル.md で生成します。

---
layout: post
title: "🍩(・~・)mogmog"
date: 2020-12-25 20:15:00 +0900
description: "🍩(・~・)mogmog"
image: "/images/mogmog.jpg"
tags: [mogmog]
---

🍩(・~・)mogmog

descriptionimagetags はオプションです。 image を入れると一覧表示と記事ページの上部で表示されます。


その他ページ

---
---

# 🍩(・~・)mogmog

🍩(・~・)mogmog

テーマ特有で Front Matter から使用しているものはありません。
layout default を入れても同じ表示です。
タイトルは普通に 見出し 1 # で本文に加えて下さい。


テーマのプロジェクト・ソース

より詳細な設定などはこちらを参照して下さい。

https://github.com/christianezeani/panthera-jekyll