📝 Update

This commit is contained in:
yuubinnkyoku 2024-12-22 01:41:38 +00:00
parent b887a0458b
commit d60dc0beb6

View file

@ -11,21 +11,21 @@ series_order: 5
Blowfish は完全に柔軟なホームページレイアウトを提供します。2つのメインテンプレートから選択でき、追加設定でデザインを調整できます。または、独自のテンプレートを提供して、ホームページのコンテンツを完全に制御することもできます。
ホームページのレイアウトは、`params.toml` 設定ファイルの `homepage.layout` 設定によって制御されます。さらに、すべてのレイアウトには、[最新記事](#最新記事) のリストを含めるオプションがあります。
ホームページのレイアウトは、`params.toml` 設定ファイルの `homepage.layout` 設定によって制御されます。さらに、すべてのレイアウトには、[最新記事](#最新記事)のリストを含めるオプションがあります。
## プロフィールレイアウト
## プロフィールレイアウト (profile)
デフォルトのレイアウトはプロフィールレイアウトで、個人 Web サイトやブログに最適です。画像とソーシャルプロファイルへのリンクを提供することで、著者の詳細を前面に押し出します。
<img class="thumbnailshadow" src="img/home-profile.png"/>
著者情報は、言語設定ファイルで提供されます。パラメータの詳細については、[始めよう]({{< ref "getting-started" >}}) と [言語設定]({{< ref "configuration##language-and-i18n" >}}) セクションを参照してください。
著者情報は、言語設定ファイルで提供されます。パラメータの詳細については、[始め]({{< ref "getting-started" >}}) と [言語設定]({{< ref "configuration##language-and-i18n" >}}) セクションを参照してください。
さらに、ホームページのコンテンツで提供される Markdown コンテンツはすべて、著者プロファイルの下に配置されます。これにより、ショートコードを使用して経歴やその他のカスタムコンテンツを表示するための柔軟性が向上します。
プロフィールレイアウトを有効にするには、`params.toml` 設定ファイルで `homepage.layout = "profile"` 設定します。
プロフィールレイアウトを有効にするには、`params.toml` 設定ファイルで `homepage.layout = "profile"` 設定します。
## ページレイアウト
## ページレイアウト (page)
ページレイアウトは、Markdown コンテンツを表示する通常のコンテンツページです。静的 Web サイトに最適で、高い柔軟性を提供します。
@ -33,7 +33,7 @@ Blowfish は完全に柔軟なホームページレイアウトを提供しま
ページレイアウトを有効にするには、`params.toml` 設定ファイルで `homepage.layout = "page"` を設定します。
## ヒーローレイアウト
## ヒーローレイアウト (hero)
ヒーローレイアウトは、プロフィールレイアウトとカードレイアウトのアイデアを組み合わせたものです。これは、サイトの著者に関する情報を表示するだけでなく、その下に Markdown をロードします。
@ -41,17 +41,17 @@ Blowfish は完全に柔軟なホームページレイアウトを提供しま
ヒーローレイアウトを有効にするには、`params.toml` 設定ファイルで `homepage.layout = "hero"``homepage.homepageImage` を設定します。
## 背景レイアウト
## 背景レイアウト (background)
背景レイアウトは、ヒーローレイアウトをより滑らかにしたバージョンです。ヒーローレイアウトと同様に、これはサイトの著者に関する情報を表示し、その下に Markdown をロードします。
背景レイアウトは、ヒーローレイアウトをより滑らかにしたバージョンです。ヒーローレイアウトと同様に、サイトの著者に関する情報を表示し、その下に Markdown をロードします。
<img class="thumbnailshadow" src="img/home-background.png"/>
背景レイアウトを有効にするには、`params.toml` 設定ファイルで `homepage.layout = "background"``homepage.homepageImage` を設定します。
## カードレイアウト
## カードレイアウト (card)
カードレイアウトは、ページレイアウトの拡張です。Markdown コンテンツも表示することで同じレベルの柔軟性を提供し、ビジュアルコンテンツを表示するためのカード画像追加します。
カードレイアウトは、ページレイアウトの拡張です。Markdown コンテンツも表示することで同じレベルの柔軟性を提供し、ビジュアルコンテンツを表示するためのカード画像追加します。
<img class="thumbnailshadow" src="img/home-card.png"/>
@ -75,11 +75,11 @@ Blowfish は完全に柔軟なホームページレイアウトを提供しま
<img class="thumbnailshadow" src="img/home-list.png"/>
このセクションにリストされている記事は、`mainSections` 設定から派生したもので、Web サイトで使用しているコンテンツタイプを指定できます。たとえば、_投稿_ と _プロジェクト_ のコンテンツセクションがある場合、この設定を `["posts", "projects"]` に設定すると、これら 2 つのセクションのすべての記事が最新リストに表示されます。テーマはこの設定を配列として想定しているため、すべてのコンテンツに 1 つのセクションのみを使用する場合は、それに応じて設定する必要があります: `["blog"]`
このセクションにリストされている記事は、`mainSections` 設定から派生したもので、Web サイトで使用しているコンテンツタイプを指定できます。たとえば、_posts_ と _projects_ のコンテンツセクションがある場合、この設定を `["posts", "projects"]` に設定すると、これら2つのセクションのすべての記事が最新リストに表示されます。テーマはこの設定を配列として想定しているため、すべてのコンテンツに1つのセクションのみを使用する場合は、それに応じて設定する必要があります: `["blog"]`
## サムネイル
Blowfish は、記事にビジュアルサポートを簡単に追加できるように構築されました。Hugo の記事構造に慣れている場合は、記事フォルダ内に `feature*` で始まる画像ファイル (ほとんどすべての形式がサポートされていますが、`.png` または `.jpg` を推奨) を配置するだけです。それだけで、Blowfish はその画像を Web サイト内のサムネイルとして使用したり、ソーシャルプラットフォーム全体の <a target="_blank" href="https://oembed.com/">oEmbed</a> カードに使用したりできるようになります。
Blowfish は、記事にビジュアルサポートを簡単に追加できるように構築されています。Hugo の記事構造に慣れている場合は、記事フォルダ内に `feature*` で始まる画像ファイル (ほとんどすべての形式がサポートされていますが、`.png` または `.jpg` を推奨) を配置するだけです。それだけで、Blowfish はその画像を Web サイト内のサムネイルとして使用したり、ソーシャルプラットフォーム全体の <a target="_blank" href="https://oembed.com/">oEmbed</a> カードに使用したりできるようになります。
詳細情報と例を確認したい場合は、[こちら]({{< ref "thumbnails" >}}) にガイドがあります。