Hugoで日付管理Hugoの日付管理パラメータHugoでブログやドキュメントを作るにあたって, 日付管理が必要な場合があります. HugoはFront Matterで日付を管理することができ, 以下の項目の設定が可能です. date: 記事の作成日lastmod: 更新日publishDate: 公開日expiryDate: 有効期限これらのパラメータに応じて, 最新記事の一覧を作ったり, 最近更新された記事の一覧を作ることができます. また, デフォルトでは公開日に達していない記事や, 有効期限を過ぎた記事はビルドされないはずです. これらのパラメータですが, 各記事に記述されているFront Matterの中のdateやlastmodなどの値が呼び出される様になっていて, その値が存在しない場合は他の値が呼び出されます. どの値が呼び出されるかはデフォルトでは以下のようになっています.

Hugoでページネーション(Pagination)機能を利用する ページネーション(Pagination)とは何か？これはページ付け、ページ割りといった意味である。 例えば、１ページにブログの記事のリストが大量にあるのを、ページを分割して複数ページに分けてリスト表示する時などに、このページネーションの機能を使うのだ。 公式サイトにあるようにHugoではデフォルトでページネーションの機能が用意されている。 https://gohugo.io/templates/pagination/ - Pagination この機能を使って、ブログ記事が増えてきた場合にページ割りをすること考えてみよう。 記事数ごとに区切っていく 例えば、トップページ(index.html)で最新のブログ記事から毎ページ５記事ごとにタイトルを表示しているケースを考える。 {{ $paginator := .Paginate

This guide will show you how to deploy a Hugo site and get your domain set up. Hugo is a very popular framework for creating static websites. It's fast and flexible. To build a Hugo site, start with a template: HugoDeploy Hugo to VercelVercel is a platform for deploying the fastest Hugo sites. You can deploy your site with zero configuration to the best frontend infrastructure. Develop: Build Hugo

Use these methods with Pager objects when paginating a list page. Read More »

Hugoは静的サイトジェネレータの中でもだいぶ柔軟性のあるツールだと思う。 でも、その分気をつけなきゃいけないことがあったり、実現する方法が分かりづらかったりすることが多いので、 そういう点をまとめてみる。 テーマの作成 まずはテーマを作る。 この章では、テーマを作るための環境の作り方を解説する。 HugoBasicExampleをcloneしよう HugoにはHugoBasicExampleという、サンプルの記事や基本的な機能を使ったテスト用レポジトリが用意されている。 spf13/HugoBasicExample: Example site to use with Hugo & Hugo Themes Hugoのテーマづくりは、このレポジトリのcloneから始まる。 hugo new theme 次にテーマの雛形を作る。 Hugoにはテーマの雛形を作り上げるコマンドがある。 hugo