Hugo

HugoサイトでMainroadテーマを使用する場合にサムネイル画像をページバンドルフォルダに保存する方法

HugoサイトでMainroadテーマを使用する場合にサムネイル画像をページバンドルフォルダに保存する方法

すべてのページに関連するコンテンツを1つのフォルダに保持しています...

長い間、この不満に悩まされてきました。ページのサムネイル画像（[ページのサムネイル画像](https://www.glukhov.org/ja/post/2025/06/hugo-images-in-bundle-pages-mainroad-thumbnails/ “ページのサムネイル画像 mainroad と hugo”）を static ディレクトリに配置する必要があります。これは Mainroad、Rodster などの類似した Hugo テーマに適用されます。

Hugo に構造化データのマークアップを追加する

Hugo に構造化データのマークアップを追加する

Hugoのテーマが構造化データをサポートしない場合...

Googleは検索結果に、Movie details（映画の詳細）、Job postings（求人情報）、Event（イベント）およびCourse information（コース情報）などの強化を表示しています。これらはウェブサイトの Structured Dataから取得しています。以下に、 How to add Structured Data to the site using Hugo generatorの方法を紹介します。

Hugo サイトを AWS S3 にデプロイする

Hugo サイトを AWS S3 にデプロイする

Hugo は静的サイトジェネレーターです。

Hugo を使用してサイトを生成したら、次にホスティングプラットフォームへのデプロイが必要です。 ここでは、AWS S3 にプッシュし、AWS CloudFront CDN で配信する方法について解説します。

メインロード画像処理

メインロード画像処理

メインロードにおけるハーゴ画像の詳細、種類とサイズ

Mainroad は、Hugo 静的サイトジェネレータ用のテーマです。見た目が良く、また画像処理が非常に優れています。

Markdown チェックシート: 構文、フォーマットおよび構成のクイックリファレンス

Markdown チェックシート: 構文、フォーマットおよび構成のクイックリファレンス

Markdownのクイックリファレンス:見出し、リスト、コード、テーブルなど。

Markdown言語は、ウィキペディアやHugoで使用されています。ヘッダー、リスト、フォントスタイルの変更、画像、コードブロック、およびテーブルをサポートしています。ここでは、Markdownフォーマットの簡単な概要をまとめています。