Hugo Theme - 博文列表
2023年11月13日 2024年2月13日
说明
将分区内博文罗列出来, 并显示在单页面
| - | |||
|---|---|---|---|
| 博文列表 | 单页面 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
Permalink
成果
