mirror of
https://github.com/gohugoio/hugo.git
synced 2024-07-16 21:59:21 +00:00
63 lines
1.5 KiB
Markdown
63 lines
1.5 KiB
Markdown
---
|
|
title: urlize
|
|
description: Takes a string, sanitizes it for usage in URLs, and converts spaces to hyphens.
|
|
categories: [functions]
|
|
menu:
|
|
docs:
|
|
parent: functions
|
|
keywords: [urls,strings]
|
|
signature: ["urlize INPUT"]
|
|
relatedfuncs: []
|
|
---
|
|
|
|
The following examples pull from a content file with the following front matter:
|
|
|
|
{{< code-toggle file="content/blog/greatest-city.md" fm=true copy=false >}}
|
|
title = "The World's Greatest City"
|
|
location = "Chicago IL"
|
|
tags = ["pizza","beer","hot dogs"]
|
|
{{< /code-toggle >}}
|
|
|
|
The following might be used as a partial within a [single page template][singletemplate]:
|
|
|
|
{{< code file="layouts/partials/content-header.html" >}}
|
|
<header>
|
|
<h1>{{ .Title }}</h1>
|
|
{{ with .Params.location }}
|
|
<div><a href="/locations/{{ . | urlize }}">{{ . }}</a></div>
|
|
{{ end }}
|
|
<!-- Creates a list of tags for the content and links to each of their pages -->
|
|
{{ with .Params.tags }}
|
|
<ul>
|
|
{{ range .}}
|
|
<li>
|
|
<a href="/tags/{{ . | urlize }}">{{ . }}</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|
|
</header>
|
|
{{< /code >}}
|
|
|
|
The preceding partial would then output to the rendered page as follows:
|
|
|
|
```html
|
|
<header>
|
|
<h1>The World's Greatest City</h1>
|
|
<div><a href="/locations/chicago-il">Chicago IL</a></div>
|
|
<ul>
|
|
<li>
|
|
<a href="/tags/pizza">pizza</a>
|
|
</li>
|
|
<li>
|
|
<a href="/tags/beer">beer</a>
|
|
</li>
|
|
<li>
|
|
<a href="/tags/hot-dogs">hot dogs</a>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
```
|
|
|
|
[singletemplate]: /templates/single-page-templates/
|