Search
Search
Displays an instagram feed with your latest posts.
The token is read from the HUGO_INSTAGRAM environment variable at build time, never from the front matter. Without it the block renders the “token missing” message instead of the feed.
blocks:
- type: instagram
heading: {} # (optional)
surtitle: '' # string (optional)
title: '' # string (optional)
text: '' # markdown (optional)
limit: 5 # number, posts to fetch (optional)
ctas: [] # (optional)
text: '' # string
url: '' # url
blank: false # boolean (optional)
lang: '' # code lang, sets the hreflang attribute (optional)
ui: {} # (optional)
theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
grid: '' # [xsmall, small, medium, large, container, full] (optional)
offset: '' # [start, center, end] (optional)
align: '' # [start, center, end] (optional)
The feed is fetched in the browser by js/blocks/instagram.js, so the posts are never part of the build output. ctas is rendered in the block footer.
See Common keys for heading, footing and the full ui reference.
| CMS | Hugolify Admin v2 |
|---|---|
| CloudCannon | Available |
| Decap CMS | Available |
| Netlify CMS | Available |
| Pages CMS | Available |
| Static CMS | Available |
| Sveltia CMS | Available |
| Tina CMS | Available |