- Post Formats tags:
- image
- Post Formats
{% capture fig_img %}
" | remove: "
" }}{% capture fig_img %}
" | remove: "
" }}{% capture fig_caption %} Image with a caption.
" | remove: "
" }}" | remove: "
" }}This post has a header image with an OpenGraph override.
header:
image: /assets/images/page-header-image.png
og_image: /assets/images/page-header-og-image.png
The preferred way of using images is placing them in the /assets/images/
directory and referencing them with an absolute path. Prepending the filename with {% raw %}{{ site.url }}{{ site.baseurl }}/assets/images/{% endraw %}
will make sure your images display properly in feeds and such …
This post has a header image with an OpenGraph override.
header:
overlay_image: /assets/images/unsplash-image-1.jpg
og_image: /assets/images/page-header-og-image.png
caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
actions:
- label: "Learn more"
url: "https://unsplash.com"
This post has a teaser image with an OpenGraph override.
header:
teaser: /assets/images/page-header-teaser.png
og_image: /assets/images/page-header-og-image.png
A notice displays information that explains nearby content. Often used to call attention to a particular detail.
When using Kramdown {: .notice}
can be added after a sentence to assign the .notice
to the <p></p>
element.
Changes in Service: We just updated our privacy policy …
read more