mirror of
https://github.com/gohugoio/hugo.git
synced 2026-09-03 12:12:37 +00:00
2c0d1ccdcd
73f355ceUpdate theme83ff50c2Use example.com in examples71292134Add alias news > release-notes2e15f642Update theme8eef09d2Add Pygments configuration572b9e75Clean up the code shortcode usea1b2fd3bRemove the code fence language codes1473b1d9Remove redundant textb92c2042Update theme8f439c28Edit contributing section in README8bcf8a19Add contributing section to README4c44ee1cFix broken content file2bdc7710Clarify .Data.Pages sorting in lists.md092271c2Use infinitive mood for main titlesb9b8abefUpdate theme to reflect change to home page contentb897b71bChange copy to use sentence casefd675ee5Enable RSS feed for sections060a5e27Correct movie title in taxonomies.md6a5ca96aUpdate displayed site name for Hub22f4b7a4Add example of starting up the local serverd9612cb3Update themea8c3988aUpdate theme4198189dUpdate theme12d6b016Update theme2b1c4197Update themeb6d90a1eFix News release titlescfe751dbAdd some build info to README git-subtree-dir: docs git-subtree-split:73f355ce0d
65 lines
2.3 KiB
Markdown
65 lines
2.3 KiB
Markdown
---
|
|
title: Math
|
|
description: Hugo provides six mathematical operators in templates.
|
|
godocref:
|
|
date: 2017-02-01
|
|
publishdate: 2017-02-01
|
|
lastmod: 2017-02-01
|
|
#tags: [math, operators]
|
|
categories: [functions]
|
|
menu:
|
|
docs:
|
|
parent: "functions"
|
|
toc:
|
|
signature: []
|
|
workson: []
|
|
hugoversion:
|
|
relatedfuncs: []
|
|
deprecated: false
|
|
draft: false
|
|
aliases: []
|
|
---
|
|
|
|
There are 6 basic mathematical operators that can be used in Hugo templates:
|
|
|
|
| Function | Description | Example |
|
|
| -------- | ------------------------ | ----------------------------- |
|
|
| `add` | Adds two integers. | `{{add 1 2}}` → 3 |
|
|
| `div` | Divides two integers. | `{{div 6 3}}` → 2 |
|
|
| `mod` | Modulus of two integers. | `{{mod 15 3}}` → 0 |
|
|
| `modBool`| Boolean of modulus of two integers. Evaluates to `true` if = 0. | `{{modBool 15 3}}` → true |
|
|
| `mul` | Multiplies two integers. | `{{mul 2 3}}` → 6 |
|
|
| `sub` | Subtracts two integers. | `{{sub 3 2}}` → 1 |
|
|
|
|
## Use `add` with Strings
|
|
|
|
You can also use the `add` function with strings. You may like this functionality in many use cases, including creating new variables by combining page- or site-level variables with other strings.
|
|
|
|
For example, social media sharing with [Twitter Cards][cards] requires the following `meta` link in your site's `<head>` to display Twitter's ["Summary Card with Large Image"][twtsummary]:
|
|
|
|
```
|
|
<meta name="twitter:image" content="http://example.com/images/my-twitter-image.jpg">
|
|
```
|
|
|
|
Let's assume you have an `image` field in the front matter of each of your content files:
|
|
|
|
```
|
|
---
|
|
title: My Post
|
|
image: my-post-image.jpg
|
|
---
|
|
```
|
|
|
|
You can then concatenate the `image` value (string) with the path to your `images` directory in `static` and leverage a URL-related templating function for increased flexibility:
|
|
|
|
{{< code file="partials/head/twitter-card.html" >}}
|
|
{{$socialimage := add "images/" .Params.image}}
|
|
<meta name="twitter:image" content="{{ $socialimage | absURL }}">
|
|
{{< /code >}}
|
|
|
|
{{% note %}}
|
|
The `add` example above makes use of the [`absURL` function](/functions/absurl/). `absURL` and its relative companion `relURL` is the recommended way to construct URLs in Hugo.
|
|
{{% /note %}}
|
|
|
|
[cards]: https://dev.twitter.com/cards/overview
|
|
[twtsummary]: https://dev.twitter.com/cards/types/summary-large-image |