[SOLVED] How to create a one page site?

support
7

If you are comfortable styling it yourself with CSS, then the minimal layout below will get you started.

Create a base template at layouts/_default/baseof.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{{ .Title }} | {{ .Site.Title }}</title>
  </head>
  <body>
    <nav>
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/about/">About</a></li>
            <li><a href="/privacy-policy/">Privacy Policy</a></li>
        </ul>
    </nav>
    {{ block "main" . -}}{{- end }}
  </body>
</html>

Create a single page template at layouts/_default/single.html

{{ define "main" -}}

{{ partial "pagecontent.html" . }}

{{- end }}

Create your index.html at layouts/index.html

{{ define "main" -}}

{{ partial "pagecontent.html" . }}

{{- end }}

Create a page content partial at layouts/partials/pagecontent.html

<h1>{{ .Title }}</h1>
{{ .Content }}

Create Home page with hugo new _index.md

---
title: "Home"
date: 2018-09-16T08:53:47-05:00
draft: true
---

Home page content goes here (your 2000 words of content, and images).

Create About page with hugo new about.md

---
title: "About"
date: 2018-09-16T08:53:51-05:00
draft: true
---

About page content goes here.

Create Privacy Policy page with hugo new privacy-policy.md

---
title: "Privacy Policy"
date: 2018-09-16T08:53:57-05:00
draft: true
---

Privacy Policy page content goes here.

Now your project folder structure will look something like this

│   config.toml
├───archetypes
│       default.md
├───content
│       about.md
│       privacy-policy.md
│       _index.md
├───data
├───layouts
│   │   index.html
│   ├───partials
│   │       pagecontent.html
│   └───_default
│           baseof.html
│           single.html
├───resources
├───static
└───themes