向Hugo中添加静态单页面Static-Single（以About page为例）

首先声明一下我用的主题是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 把服务起来试试吧