Instagram

Example

To display an Instagram post with this URL:

https://www.instagram.com/p/CxOWiQNP2MO/

Include this in your Markdown:

{{< instagram CxOWiQNP2MO >}}

Huge renders this to:

View this post on Instagram

Privacy

Adjust the relevant privacy settings in your site configuration.

privacy:
  instagram:
    disable: false
    simple: false

[privacy]
  [privacy.instagram]
    disable = false
    simple = false

{
   "privacy": {
      "instagram": {
         "disable": false,
         "simple": false
      }
   }
}

disable

(bool) Whether to disable the shortcode. Default is false.

simple

(bool) Whether to enable simple mode for image card generation. If true, Hugo creates a static card without JavaScript. This mode only supports image cards, and the image is fetched directly from Instagram’s servers. Default is false.

The source code for the simple version of the shortcode is available here.

If you enable simple mode you may want to disable the hardcoded inline styles by setting disableInlineCSS to true in your site configuration. The default value for this setting is false.

services:
  instagram:
    accessToken: ""
    disableInlineCSS: false

[services]
  [services.instagram]
    accessToken = ''
    disableInlineCSS = false

{
   "services": {
      "instagram": {
         "accessToken": "",
         "disableInlineCSS": false
      }
   }
}