Hugo

ブログ投稿のリストページのタイトルに**ページ番号を追加する方法**を実装するには、リストテンプレートを変更する必要があります。

Opengraph画像メタデータ とは、og:imageというメタプロパティです。 基本的に、Hugoベースのウェブサイトの各ページに対して、正しく生成されたタグ <meta property="og:image" content="https://....jpg"> が必要です。

ここでは、Markdownにおけるコードブロックのオプションについてレビューしています。

このテストでは、Ollama上でホストされているさまざまなLLMがHugoページを英語からドイツ語に翻訳する方法を比較しています（[英語からドイツ語へのHugoページの翻訳の比較](https://www.glukhov.org/ja/post/2025/06/translation-quality-comparison-llms-on-ollama/ “英語からドイツ語へのHugoページの翻訳の比較”）。

テストした3つのページは、異なるトピックについており、いくつかの構造を持つマークダウンがありました：見出し、リスト、テーブル、リンクなど。

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

次のステップは、CI/CDを実装し、Gitea Actions for Hugo website, to push website to AWS S3を設定することです。masterブランチが更新されたときに自動的にウェブサイトをAWS S3にプッシュします。

GitHubでHugo用の最高のテーマ一覧を確認し、スター数をチェックしてみましょう。
公式のHugoテーマ一覧ページにアクセスできます: https://themes.gohugo.io/

毎月の第2金曜日ではなくても、それでも…

2つの主流なアプローチ

POSSE
は、「Publish (on your) Own Site, Syndicate Elsewhere（自分のサイトで公開し、他所に配信する）」を意味し、オンラインコンテンツの所有権とコントロールを重視する
コンテンツの公開
戦略です。

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

サイトが hugo で生成されると、それをホスティングプラットフォームにデプロイする時間です。 ここでは、AWS S3 にプッシュし、AWS CloudFront CDN で提供する方法について説明します。

Mainroad テーマは Hugo で使用する際、画像を自動でリサイズしない。 just copies from static folder に記載されているように、静的フォルダからコピーするだけである。 そのため、適切なサイズにリサイズおよびクロップするスクリプトを準備する必要がある。

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

インストール後の標準的なタスクの手順を参考にしたいので、ここに記録します。

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