docs: Update permalinks documentation

See #8523
See #10847
This commit is contained in:
Joe Mooring 2023-06-26 12:22:55 -07:00 committed by Bjørn Erik Pedersen
parent bac03f4076
commit 12e4c4d5dc

View file

@ -89,67 +89,149 @@ If you set both `slug` and `url` in front matter, the `url` value takes preceden
### Permalinks ### Permalinks
In your site configuration, set a URL pattern for regular pages within a top-level section. This is recursive, affecting descendant regular pages. In your site configuration, define a URL pattern for each top-level section. Each URL pattern can target a given language and/or [page kind].
{{% note %}} Front matter `url` values override the URL patterns defined in the `permalinks` section of your site configuration.
The `permalinks` defined in your site configuration do not apply to section pages. To adjust the URL for section pages, set `url` in front matter.
{{% /note %}}
#### Examples {#permalinks-examples} [page kind]: https://gohugo.io/templates/section-templates/#page-kinds
#### Monolingual examples {#permalinks-monolingual-examples}
With this content structure: With this content structure:
```text ```text
content/ content/
├── posts/ ├── posts/
│   ├── _index.md │   ├── bash-in-slow-motion.md
│   ├── post-1.md │   └── tls-in-a-nutshell.md
│   └── post-2.md ├── tutorials/
│   ├── git-for-beginners.md
│   └── javascript-bundling-with-hugo.md
└── _index.md └── _index.md
``` ```
Create a date-based hierarchy, recursively, for regular pages within the `posts` section: Render tutorials under "training", and render the posts under "articles" with a date-base hierarchy:
{{< code-toggle file="hugo" copy=false >}} {{< code-toggle file="hugo" copy=false >}}
[permalinks] [permalinks.page]
posts = '/posts/:year/:month/:title/' posts = '/articles/:year/:month/:slug/'
tutorials = '/training/:slug/'
[permalinks.section]
posts = '/articles/'
tutorials = '/training/'
{{< /code-toggle >}} {{< /code-toggle >}}
The structure of the published site will be: The structure of the published site will be:
```text ```text
public/ public/
├── posts/ ├── articles/
│   ├── 2023/ │ ├── 2023/
│   │   └── 03/ │ │ ├── 04/
│   │   ├── post-1/ │ │ │ └── bash-in-slow-motion/
│   │   │   └── index.html │ │ │ └── index.html
│   │   └── post-2/ │ │ └── 06/
│   │   └── index.html │ │ └── tls-in-a-nutshell/
│   └── index.html │ │ └── index.html
├── favicon.ico │ └── index.html
├── training/
│ ├── git-for-beginners/
│ │ └── index.html
│ ├── javascript-bundling-with-hugo/
│ │ └── index.html
│ └── index.html
└── index.html └── index.html
``` ```
To create a date-based hierarchy for regular pages in the content root: To create a date-based hierarchy for regular pages in the content root:
{{< code-toggle file="hugo" copy=false >}} {{< code-toggle file="hugo" copy=false >}}
[permalinks] [permalinks.page]
'/' = '/:year/:month/:title/' "/" = "/:year/:month/:slug/"
{{< /code-toggle >}} {{< /code-toggle >}}
{{% note %}} Use the same approach with taxonomy terms. For example, to omit the taxonomy segment of the URL:
A URL pattern defined for the content root is not recursive.
{{% /note %}}
Use the same approach with taxonomies. For example, to omit the taxonomy segment of the URL:
{{< code-toggle file="hugo" copy=false >}} {{< code-toggle file="hugo" copy=false >}}
[permalinks] [permalinks.term]
'tags' = '/:title/' 'tags' = '/:slug/'
{{< /code-toggle >}} {{< /code-toggle >}}
Front matter `url` values take precedence over URL patterns defined in `permalinks`. #### Multilingual example {#permalinks-multilingual-example}
Use the `permalinks` configuration as a component of your localization strategy.
With this content structure:
```text
content/
├── de/
│   ├── books/
│   │   ├── les-miserables.md
│   │   └── the-hunchback-of-notre-dame.md
│   └── _index.md
└── en/
├── books/
│   ├── les-miserables.md
│   └── the-hunchback-of-notre-dame.md
└── _index.md
```
And this site configuration:
{{< code-toggle file="hugo" copy=false >}}
defaultContentLanguage = 'en'
defaultContentLanguageInSubdir = true
[languages.en]
contentDir = 'content/en'
languageCode = 'en-US'
languageDirection = 'ltr'
languageName = 'English'
weight = 1
[languages.en.permalinks.page]
books = "/books/:slug/"
[languages.en.permalinks.section]
books = "/books/"
[languages.es]
contentDir = 'content/de'
languageCode = 'es-ES'
languageDirection = 'ltr'
languageName = 'Español'
weight = 2
[languages.es.permalinks.page]
books = "/libros/:slug/"
[languages.es.permalinks.section]
books = "/libros/"
{{< /code-toggle >}}
The structure of the published site will be:
```text
public/
├── en/
│   ├── books/
│   │   ├── les-miserables/
│   │   │   └── index.html
│   │   ├── the-hunchback-of-notre-dame/
│   │   │   └── index.html
│   │   └── index.html
│   └── index.html
├── es/
│   ├── libros/
│   │   ├── les-miserables/
│   │   │   └── index.html
│   │   ├── the-hunchback-of-notre-dame/
│   │   │   └── index.html
│   │   └── index.html
│   └── index.html
└── index.html
````
#### Tokens #### Tokens