Hugo は記事の最後に最終更新時刻を追加します

このサイトのコンテンツは、スペルミスの修正やコンテンツの追加など、常に更新されています。 多くの記事は時間の経過とともに変更する必要があります。変更時刻を表示すると、読者に心理的な安心感を与えることができます。少なくとも、作成者がまだ注意深くメンテナンスしていることがわかります。

Hugo は修正時間を追加するのに非常に便利で、最初に結果の画像が表示されます (記事の最後には右下隅にも表示されます)。

• その 1: 多言語プロンプト
• 番号 2: 最終変更時刻

1. 最終更新時刻情報をテンプレート ファイルに追加します。

私が使用するテンプレートの場合、変更する必要があるファイル パスは layouts/_default/single.html です。テンプレートの適切な場所に次のコンテンツを追加します (記事の最後にある右下隅を選択しました) ):

1<div class="last_mod">
2  {{ T "lastmod_msg" | markdownify }} {{ .Lastmod.Format "Monday, January 2,
3  2006" }}
4</div>

• {{ T "lastmod_msg" | markdownify }} はプロンプトであり、複数の言語をサポートしています。
• {{ .Lastmod.Format "Monday, January 2, 2006" }} は、lastmod をフォーマットし、曜日情報を追加します。

2. 多言語プロンプトを設定する

このサイトは現在、簡体字中国語/繁体字中国語/英語の 3 つの言語のみを提供しています。 以下に示すように、対応する場所でそれらをそれぞれ変更します。

• 簡体字中国語: i18n/zh-CN.toml

1[lastmod_msg]
2other = "最后修改于："

• 英語: i18n/en.toml

1[lastmod_msg]
2other = "Lastmod："

• 繁体字中国語: i18n/zh-TW.toml

1[lastmod_msg]
2other = "最後修改於："

異なる言語の読者は、1 つの綿密な意図に焦点を当てて、異なるプロンプトを表示します。

3. スタイルを変更する

３点は運命、７点は美化にかかっている。 キャスターが視聴者を怖がらせるために美しさをオフにし、最終的には生放送業務を辞めたというニュース報道がありますが、これはこの時代において美貌が非常に重要であることを示しています。 各 Hugo theme テーマのスタイル ファイルの場所は異なりますが、私が使用するのは assets/sass/\_custom.sassです。

1.last_mod
2  text-align: right
3  color: gray
4  text-shadow: 2px 2px 8px #FF0000
5  font-size: smaller

CSS 構文の説明。CSS の専門家は省略してください。

• text-align: right テキストは右揃えになります。
• color: gray 文字の色はグレーです
• text-shadow: 2px 2px 8px #FF0000 テキストの影効果を設定します。値は水平方向の影の位置、垂直方向の影の位置、ぼかし距離、影の色です。
• font-size: Small フォント サイズ

読者は CSS ドキュメントを参照した後、自分の好みに応じて設定できます。

4. フロントマターに lastmod

を設定する config.toml に追加します。

1enableGitInfo = true
2[frontmatter]
3  lastmod = [":git", ":fileModTime", "lastmod", ":defalut"]

関連する説明は ドキュメント にあります。 取得順序を簡単に理解すると、git 関連時間 > ファイル変更時間 > 自己設定された lastmod 時間 > デフォルト時間になります。 それでおしまい！

5. 特別な指示

最後に、読者の中には、この lastmod 時刻をどのようにして取得するのですか?という質問がある人もいるかもしれません。 公式ドキュメントを参照してください。

.Lastmod

The date on which the content was last modified. By default, if enableGitInfo is true in your site configuration, this is the Git author date, otherwise the front matter lastmod value. See configuring dates for a description of fallback values and precedence. See also .Date,ExpiryDate, .PublishDate, and .GitInfo.

に設定すると、git 関連の情報から取得されます。それ以外の場合は、frontmatter で定義されたルールの順序から取得され、順番に取得されます。