遍历 _index.html 中的帖子
Loop over posts in _index.html
我正在使用 Hugo 建立自己的网站
我有一个问题我有一个 _index.html 页面,那是我的主页
但是当我尝试遍历帖子时,它只打印文本,没有显示任何帖子
{{ range .Pages.ByDate }}
<div class="w-full md:w-1/2 md:px-3 mt-6">
<article class="h-full flex flex-col rounded-lg shadow-lg>
<h1>Post</h1>
</article>
{{ end }}
_index.html
在哪里?如果它在 content/
之下,那么原始的 Go-Template 代码将无法在那里工作。如果它在 layouts/
下,那么它是一个 Go 模板,但它不是您主页布局的正确名称。主页布局文件的可能名称包括:
layouts/index.html
layouts/home.html
layouts/_default/index.html
layouts/_default/home.html
(and more)
详情见:
- https://gohugo.io/templates/homepage/
- https://gohugo.io/templates/lookup-order/#examples-layout-lookup-for-home-page
在确定要使用的目录和文件名后,您可能想在 range
:
中使用其他名称
<h1>Post</h1>
例如,也许是这样的:
<h2>{{ .Title }}</h2>
您可以执行以下操作:
{{ range ( where .Site.RegularPages "Type" "posts" ) }}
<h4>{{ .Title }}</h4>
{{ end }
其中 posts
是包含帖子的目录的名称(即 your_blog/content/posts
在我将 posts
目录重命名为 blog
的情况下,上面的内容看起来像这样:
{{ range ( where .Site.RegularPages "Type" "blog" ) }}
<h4>{{ .Title }}</h4>
{{ end }
我正在使用 Hugo 建立自己的网站
我有一个问题我有一个 _index.html 页面,那是我的主页
但是当我尝试遍历帖子时,它只打印文本,没有显示任何帖子
{{ range .Pages.ByDate }}
<div class="w-full md:w-1/2 md:px-3 mt-6">
<article class="h-full flex flex-col rounded-lg shadow-lg>
<h1>Post</h1>
</article>
{{ end }}
_index.html
在哪里?如果它在 content/
之下,那么原始的 Go-Template 代码将无法在那里工作。如果它在 layouts/
下,那么它是一个 Go 模板,但它不是您主页布局的正确名称。主页布局文件的可能名称包括:
layouts/index.html
layouts/home.html
layouts/_default/index.html
layouts/_default/home.html
(and more)
详情见:
- https://gohugo.io/templates/homepage/
- https://gohugo.io/templates/lookup-order/#examples-layout-lookup-for-home-page
在确定要使用的目录和文件名后,您可能想在 range
:
<h1>Post</h1>
例如,也许是这样的:
<h2>{{ .Title }}</h2>
您可以执行以下操作:
{{ range ( where .Site.RegularPages "Type" "posts" ) }}
<h4>{{ .Title }}</h4>
{{ end }
其中 posts
是包含帖子的目录的名称(即 your_blog/content/posts
在我将 posts
目录重命名为 blog
的情况下,上面的内容看起来像这样:
{{ range ( where .Site.RegularPages "Type" "blog" ) }}
<h4>{{ .Title }}</h4>
{{ end }