1. "Post: Image (Caption)"

    Published: Sat 07 August 2010
    By octt

    In posts.

    • Post Formats tags:
    • image
    • Post Formats

    {% capture fig_img %} Foo

    {{ fig_img | markdownify | remove: "

    " | remove: "

    " }}
    Photo from Unsplash.
    read more
  2. "Post: Image (Linked with Caption)"

    Published: Fri 06 August 2010
    By octt

    In posts.

    • Post Formats tags:
    • image
    • Post Formats

    {% capture fig_img %} Foo

    {% capture fig_caption %} Image with a caption.

    {{ fig_img | markdownify | remove: "

    " | remove: "

    " }}
    {{ fig_caption | markdownify | remove: "

    " | remove: "

    " }}
    read more
  3. "Post: Header Image with OpenGraph Override"

    Published: Thu 05 August 2010
    By octt

    In posts.

    • 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.

    header:
      image: /assets/images/page-header-image.png
      og_image: /assets/images/page-header-og-image.png
    
    read more
  4. "Post: Image (Standard)"

    Published: Thu 05 August 2010
    By octt

    In posts.

    • Post Formats tags:
    • image
    • Post Formats

    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 …

    read more
  5. "Post: Overlay Image with OpenGraph Override"

    Published: Thu 05 August 2010
    By octt

    In posts.

    • 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.

    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"
    
    read more
  6. "Post: Teaser Image with OpenGraph Override"

    Published: Thu 05 August 2010
    By octt

    In posts.

    • 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.

    header:
      teaser: /assets/images/page-header-teaser.png
      og_image: /assets/images/page-header-og-image.png
    
    read more
  7. "Post: Link"

    Published: Sun 07 March 2010
    By octt

    In posts.

    • Blog tags:
    • link
    • Post Formats link: https://github.com

    This theme supports link posts, made famous by John Gruber. To use, just add link: http://url-you-want-linked to the post's YAML front matter and you're done.

    And this is how a quote looks.

    Some link can also be shown.

    read more
  8. "Post: Notice"

    Published: Fri 05 February 2010
    By octt

    In posts.

    • Blog tags:
    • Post Formats
    • notice

    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

links

social