六一的部落格


关关难过关关过,前路漫漫亦灿灿。




说明

将分区内博文罗列出来, 并显示在单页面

-
博文列表 单页面 Single Page Section属性值为空字符串, Type属性为 page _index.md
博文页 章节页面 Section Page Section属性值为所在目录名

创建分区页面

1hugo new post/_index.md

博文列表逻辑

./tass/themes/tass/layouts/_default/list.html

-
.Pages 获取当前分区的文章集合, 注意, 时间上由新到旧
range 遍历集合
.Permalink 获取页面链接
 1<!DOCTYPE html>
 2<html lang="zh">
 3<head>
 4    <meta charset="UTF-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7    <title>列表页面</title>
 8</head>
 9<body>
10    <!-- {{ with .Site.GetPage "/post" }}<a href="{{ .Permalink }}">{{ .Title }}</a>{{ end }} -->
11    {{ range .Pages }}
12    <div>
13        <a href="{{ .Permalink }}">{{ .Title }}</a>
14    </div>
15    {{ end }}
16</body>
17</html>

之前的上一页/下一页, 即是对{{ .Pages }}返回的文章集合遍历


Pages





成果



参考

内容列表页


Hugo Theme - 博文列表



说明

将分区内博文罗列出来, 并显示在单页面

-
博文列表 单页面 Single Page Section属性值为空字符串, Type属性为 page _index.md
博文页 章节页面 Section Page Section属性值为所在目录名

创建分区页面

1hugo new post/_index.md

博文列表逻辑

./tass/themes/tass/layouts/_default/list.html

-
.Pages 获取当前分区的文章集合, 注意, 时间上由新到旧
range 遍历集合
.Permalink 获取页面链接
 1<!DOCTYPE html>
 2<html lang="zh">
 3<head>
 4    <meta charset="UTF-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7    <title>列表页面</title>
 8</head>
 9<body>
10    <!-- {{ with .Site.GetPage "/post" }}<a href="{{ .Permalink }}">{{ .Title }}</a>{{ end }} -->
11    {{ range .Pages }}
12    <div>
13        <a href="{{ .Permalink }}">{{ .Title }}</a>
14    </div>
15    {{ end }}
16</body>
17</html>

之前的上一页/下一页, 即是对{{ .Pages }}返回的文章集合遍历


Pages





成果



参考

内容列表页