The "figure" Shortcode

Hugo has figure shortcode built in, so you can easily add figcaptions or hyperlink rel attributes to images. Documentations can be found here: https://gohugo.io/content-management/shortcodes/#figure This theme has 3 CSS classes made for figure elements: big: images will break the width limit of main content area. left: images will float to the left. right: images will float to the right. If a figure has no class set, the image will behave just like a normal markdown image: !

  • December 24, 2018
  • posts

Post With Featured Image

Just define the image URL in the content’s front matter, the featured image will be displayed as the background. For example: --- images: - https://picsum.photos/1024/768/?random --- This is an array, you can set multiple urls, only the first url will be used. These images is also used in Twitter Cards and the Open Graph metadata.

  • October 1, 2018
  • posts

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. An apple is a sweet, edible fruit produced by an apple tree (Malus pumila).

  • September 29, 2018
  • posts