首先声明一下我用的主题是PaperMod,主题的默认layouts里面是不包含about这个类型的模板页面的
因为默认包含archives和search模板,可以新建md文件并在开头指定layout为对应的单词来使用模板,如使用search页面模板可以在content目录下建一个search.md,内容如下
---
title: "Search" #
layout: "search"
# description: "Description for Search"
summary: "search"
placeholder: "placeholder text in search input box"
---
然后在config.yml[或config.toml]中的menu.main中增加search标签即可
...// 省略部分配置
menu:
main:
...// 省略部分配置
- identifier: search
name: Search
url: /search/
weight: 4
...// 省略部分配置
要想自己添加静态单页面的模板(如about页面),可以自己在theme/PaperMod/layouts/_default中增加一个about.html
about.html的文件内容如下
{{- define "main" }}
<header class="page-header">
<h1>{{ .Title }}</h1>
{{- if .Description }}
<div class="post-description">
{{ .Description }}
</div>
{{- end }}
</header>
<section>
{{ .Content }}
</section>
{{- end }}{{/* end main */}}
然后修改同目录下baseof.html
修改index.json
至此准备工作完成,接下来在content目录中新建一个about.md文件,内容如下:
---
title: "About"
layout: "about"
# description: "test"
---
# Hyleon
然后在config.yml[或config.toml]中的menu.main中增加about的标签即可
...// 省略部分配置
menu:
main:
...// 省略部分配置
- identifier: about
name: About
url: /about/
weight: 5
...// 省略部分配置
然后运行 hugo server -D 把服务起来试试吧