Hugo

Markdownコードブロック:構文、言語、例付きの完全ガイド

Markdownコードブロック:構文、言語、例付きの完全ガイド

フェンス付きコード、言語タグ、差分(diff)、ファイル名。

Markdown のフェンス付きコードブロックは、複数行のソースコードを格納できます。開始フェンスの後に続くトークンは言語タグであり、そのタグで何をハイライト表示するかはレンダラー側で決定されます。

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 静的サイトジェネレータ用のテーマです。見た目が良く、また画像処理が非常に優れています。

Linuxの再インストール

Linuxの再インストール

定期的に起こります

インストール後に実行する標準的なタスクシーケンスを参照用として用意する必要があるため、ここに記録しておく。

Markdownチートシート:構文、フォーマット、構造のクイックリファレンス

Markdownチートシート:構文、フォーマット、構造のクイックリファレンス

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

Markdown言語はWikipediaや Hugoで利用されています。 見出し、リスト、フォントスタイルの変更、画像、コード引用、テーブルなどのサポートに対応しています。 ここでは、Markdownのフォーマットに関する簡単なまとめを記載します。