This page explains the custom Hugo shortcodes that can be used in Kubernetes documentation markdown.
Read more about shortcodes in the Hugo documentation.
In a markdown page (.md file) on this site, you can add a shortcode to display version and state of the documented feature.
Below is a demo of the feature state snippet. Here it is used to display the feature as stable in Kubernetes version 1.10.
{{< feature-state for_k8s_version="v1.10" state="stable" >}}
Will render to:
Kubernetes v1.10
stable
The valid values for state
are:
Below is the template code for each available feature state.
The displayed Kubernetes version defaults to that of the page or the site. This can be changed by passing the for_k8s_version
shortcode parameter.
{{< feature-state for_k8s_version="v1.10" state="stable" >}}
Renders to:
Kubernetes v1.10
stable
{{< feature-state feature-state state="alpha" >}}
Renders to:
Kubernetes v1.11
alpha
{{< feature-state feature-state state="beta" >}}
Renders to:
Kubernetes v1.11
beta
{{< feature-state feature-state state="stable" >}}
Renders to:
Kubernetes v1.11
stable
{{< feature-state feature-state state="deprecated" >}}
Renders to:
Kubernetes v1.11
deprecated
You can reference glossary terms with an inclusion that will automatically update and replace content with the relevant links from our glossary. When the term is moused-over by someone using the online documentation, the glossary entry will display a tooltip.
The raw data for glossary terms is stored at https://github.com/kubernetes/website/tree/master/content/en/docs/reference/glossary, with a content file for each glossary term.
For example, the following include within the markdown will render to clusterA set of machines, called nodes, that run containerized applications managed by Kubernetes. with a tooltip:
{{< glossary_tooltip text="cluster" term_id="cluster" >}}
In a markdown page (.md
file) on this site, you can add a tab set to display multiple flavors of a given solution.
The tabs
shortcode takes these parameters:
name
: The name as shown on the tab.codelang
: If you provide inner content to the tab
shortcode, you can tell Hugo what code language to use for highlighting.include
: The file to include in the tab. If the tab lives in a Hugo leaf bundle, the file – which can be any MIME type supported by Hugo – will be looked up in the bundle itself. If not, the content page to include will be looked up relative to the current. Note that with the include
you will not have any shortcode inner content and must use the self-closing syntax, e.g. {{< tab name=“Content File #1” include=“example1” />}}. Non-content files will be code-highlighted. The language to use will be taken from the filename if not provided in codelang
.
If your inner content is markdown, you must use %
-delimiter to surorund the tab, e.g. {{% tab name="Tab 1" %}}This is **markdown**{{% /tab %}}
You can combine the variations mentioned above inside a tab set.
Below is a demo of the tabs shortcode.
The tab name in atabs
definition must be unique within a content page.
{{< tabs name="tab_with_code" >}}
{{{< tab name="Tab 1" codelang="bash" >}}
echo "This is tab 1."
{{< /tab >}}
{{< tab name="Tab 2" codelang="go" >}}
println "This is tab 2."
{{< /tab >}}}
{{< /tabs >}}
Will be rendered as:
{{< tabs name="tab_with_md" >}}
{{% tab name="Markdown" %}}
This is **some markdown.**
{{< note >}}**Note:** It can even contain shortcodes.{{< /note >}}
{{% /tab %}}
{{< tab name="HTML" >}}
<div>
<h3>Plain HTML</h3>
<p>This is some <i>plain</i> HTML.</p>
</div>
{{< /tab >}}
{{< /tabs >}}
Will be rendered as:
This is some markdown.
Note: It can even contain shortcodes.
This is some plain HTML.
{{< tabs name="tab_with_file_include" >}}
{{< tab name="Content File #1" include="example1" />}}
{{< tab name="Content File #2" include="example2" />}}
{{< tab name="JSON File" include="podtemplate" />}}
{{< /tabs >}}
Will be rendered as:
This is an example content file inside the includes leaf bundle.
Note: Included content files can also contain shortcodes.
This is another example content file inside the includes leaf bundle.
{
"apiVersion": "v1",
"kind": "PodTemplate",
"metadata": {
"name": "nginx"
},
"template": {
"metadata": {
"labels": {
"name": "nginx"
},
"generateName": "nginx-"
},
"spec": {
"containers": [{
"name": "nginx",
"image": "dockerfile/nginx",
"ports": [{"containerPort": 80}]
}]
}
}
}