whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add figure shortcode example to smoke tests (#8598)

Browse Source
This commit is contained in:
Misty Stanley-Jones
2018-06-04 16:59:54 -07:00
committed by k8s-ci-robot
parent efdbdd6842
commit 8eddffc6ff
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/en/docs/test.md
+11 -3
View File
@@ -162,9 +162,17 @@ image.
![pencil icon](/static/images/pencil.png)
An image can also be a link. This time the pencil icon links to the Kubernetes
website. Outer square brackets enclose the entire image tag, and the link target
is in the parentheses at the end.
To specify extended attributes, such as width, title, caption, etc, use the
<a href="https://gohugo.io/content-management/shortcodes/#figure">figure shortcode</a>,
which is preferred to using a HTML `<img>` tag. Also, if you need the image to
also be a hyperlink, use the `link` attribute, rather than wrapping the whole
figure in Markdown link syntax as shown below.
{{< figure src="/static/images/pencil.png" title="Pencil icon" caption="Image used to illustrate the figure shortcode" width="200px" >}}
Even if you choose not to use the figure shortcode, an image can also be a link. This
time the pencil icon links to the Kubernetes website. Outer square brackets enclose
the entire image tag, and the link target is in the parentheses at the end.
[![pencil icon](/static/images/pencil.png)](https://kubernetes.io)