- Post Formats tags:
- gallery
- Post Formats
- tiled gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg image_path: /assets/images/unsplash-gallery-image-1-th.jpg alt: "placeholder image 1" title: "Image 1 title caption"
- url: /assets/images/unsplash-gallery-image-2.jpg image_path: /assets/images/unsplash-gallery-image-2-th.jpg alt: "placeholder image 2" title: "Image 2 title caption"
- url: /assets/images/unsplash-gallery-image-3 …
"Post: Image (Caption)"
- Post Formats tags:
- image
- Post Formats
{% capture fig_img %}
{{ fig_img | markdownify | remove: " read more" | remove: "
" }}Photo from Unsplash. "Post: Image (Linked with Caption)"
- Post Formats tags:
- image
- Post Formats
{% capture fig_caption %} Image with a caption.
{{ fig_img | markdownify | remove: " read more" | remove: "
" }}{{ fig_caption | markdownify | remove: " " | remove: "
" }}"Post: Header Image with OpenGraph Override"
- Layout
- Uncategorized tags:
- edge case
- image
- layout last_modified_at: 2017-10-26T15:12:19-04:00
This post has a header image with an OpenGraph override.
read moreheader: image: /assets/images/page-header-image.png og_image: /assets/images/page-header-og-image.png
"Post: Image (Standard)"
- Post Formats tags:
- image
- Post Formats
The preferred way of using images is placing them in the
read more/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 …"Post: Image (with Link)"
"Post: Overlay Image with OpenGraph Override"
- Layout
- Uncategorized tags:
- edge case
- image
- layout last_modified_at: 2017-10-26T15:12:19-04:00
This post has a header image with an OpenGraph override.
read moreheader: 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"
"Post: Teaser Image with OpenGraph Override"
- Layout
- Uncategorized tags:
- edge case
- image
- layout last_modified_at: 2017-10-26T15:12:19-04:00
This post has a teaser image with an OpenGraph override.
read moreheader: teaser: /assets/images/page-header-teaser.png og_image: /assets/images/page-header-og-image.png
"Post: Video (YouTube)"
"Post: Link"