Revert "Revert "Merge branch 'post-thumbnail' of https://github.com/LucasVa...

Alexander Bilz

18.12.2020 6752fb185e4ae9b87d90adaa70c8f81af43cdbdf

Revert "Revert "Merge branch 'post-thumbnail' of https://github.com/LucasVadilho/anatole into pr/72""

This reverts commit 7ffa9a639787cb517e83a919bb9240356f869399.

 assets/css/style.css

@@ -952,6 +952,15 @@
    .theme-switch-item {
        float: none;
    }

    .preview {
        flex-direction: column;
        align-items: center;
    }

    .preview .thumbnail {
        order: var(--thumbnail-position);
    }
}

/* Medium zoom */

 exampleSite/content/post/emoji-support.md

@@ -6,7 +6,9 @@
tags = [
    "emoji",
]
thumbnail = "http://placeimg.com/150/150/any?2"
[thumbnail]
    src = "http://placeimg.com/150/150/any?2"
    alt = "Thumbnail image"
+++

Emoji can be enabled in a Hugo project in a number of ways. 

 exampleSite/content/post/markdown-syntax.md

@@ -15,7 +15,9 @@
]
series = ["Themes Guide"]
aliases = ["migrate-from-jekyl"]
thumbnail = "http://placeimg.com/150/150/any?1"
[thumbnail]
  src = "http://placeimg.com/150/150/any?1"
  alt = "Thumbnail image"
+++

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

 exampleSite/content/post/rich-content.md

@@ -7,7 +7,9 @@
    "shortcodes",
    "privacy",
]
thumbnail = "http://placeimg.com/150/150/any?3"
[thumbnail]
    src = "http://placeimg.com/150/150/any?3"
    alt = "Thumbnail image"
+++

Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.