The `paige/code` shortcode provides a figure with code.
```
{{<paige/codelang="html"options="linenos=true">}}
<!doctype html>
<htmllang="en">
<body>
<p>Test</p>
</body>
</html>
{{< /paige/code >}}
```
Inner content: Required. String. The code.
Parameters:
<dl>
<dt><code>lang</code></dt>
<dd>Optional. Position 0. String. Chroma language code. Defaults to <code>plaintext</code>. See the <ahref="https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages">codes</a>.</dd>
<dt><code>options</code></dt>
<dd>Optional. String. Hugo highlight options. See the <ahref="https://gohugo.io/content-management/syntax-highlighting/#highlight-shortcode">options</a>.</dd>
</dl>
### Figure
### Figure
The `paige/figure` shortcode provides a figure with content.
The `paige/figure` shortcode provides a figure with content.
@ -423,92 +449,6 @@ Parameters:
<dd>Optional. String. CSS value. Total width.</dd>
<dd>Optional. String. CSS value. Total width.</dd>
</dl>
</dl>
### Quote
The `paige/quote` shortcode provides a figure with a quotation.
```
{{<paige/quote>}}
My content
{{< /paige/quote >}}
```
Inner content: Required. String. Markdown. The quotation.
Parameters: None.
### Code
The `paige/code` shortcode provides a figure with code.
```
{{<paige/codelang="html"options="linenos=true">}}
<!doctype html>
<htmllang="en">
<body>
<p>Test</p>
</body>
</html>
{{< /paige/code >}}
```
Inner content: Required. String. The code.
Parameters:
<dl>
<dt><code>lang</code></dt>
<dd>Optional. Position 0. String. Chroma language code. Defaults to <code>plaintext</code>. See the <ahref="https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages">codes</a>.</dd>
<dt><code>options</code></dt>
<dd>Optional. String. Hugo highlight options. See the <ahref="https://gohugo.io/content-management/syntax-highlighting/#highlight-shortcode">options</a>.</dd>
</dl>
### Image
The `paige/image` shortcode provides a figure with an image.
<dd>Optional. String. CSS value. Image maximum height.</dd>
<dt><code>maxwidth</code></dt>
<dd>Optional. String. CSS value. Image maximum width.</dd>
<dt><code>method</code></dt>
<dd>Optional. String. Hugo image processing method. Must be <code>crop</code>, <code>fill</code>, <code>fit</code>, or <code>resize</code>. Must be specified with <code>options</code>. See the <ahref="https://gohugo.io/content-management/image-processing/#image-processing-methods">methods</a>.</dd>
<dt><code>options</code></dt>
<dd>Optional. String. Hugo image processing options. Must be specified with <code>method</code>. See the <ahref="https://gohugo.io/content-management/image-processing/#image-processing-options">options</a>.</dd>
<dt><code>src</code></dt>
<dd>Required. Position 0. String. URL. Image source.</dd>
<dd>Optional. String. CSS value. Image maximum height.</dd>
<dt><code>maxwidth</code></dt>
<dd>Optional. String. CSS value. Image maximum width.</dd>
<dt><code>method</code></dt>
<dd>Optional. String. Hugo image processing method. Must be <code>crop</code>, <code>fill</code>, <code>fit</code>, or <code>resize</code>. Must be specified with <code>options</code>. See the <ahref="https://gohugo.io/content-management/image-processing/#image-processing-methods">methods</a>.</dd>
<dt><code>options</code></dt>
<dd>Optional. String. Hugo image processing options. Must be specified with <code>method</code>. See the <ahref="https://gohugo.io/content-management/image-processing/#image-processing-options">options</a>.</dd>
<dt><code>src</code></dt>
<dd>Required. Position 0. String. URL. Image source.</dd>