X shortcode

{{< new-in 0.141.0 />}}

[!note] To override Hugo's embedded x shortcode, copy the source code to a file with the same name in the layouts/_shortcodes directory.

Example

To display an X post with this URL:

https://x.com/SanDiegoZoo/status/1453110110599868418

Include this in your Markdown:

{{</* x user="SanDiegoZoo" id="1453110110599868418" */>}}

Rendered:

{{< x user="SanDiegoZoo" id="1453110110599868418" >}}

Privacy

Adjust the relevant privacy settings in your project configuration.

{{< code-toggle config=privacy.x />}}

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

enableDNT : (bool) Whether to prevent X from using post and embedded page data for personalized suggestions and ads. Default is false.

simple : (bool) Whether to enable simple mode. If true, Hugo builds a static version of the of the post without JavaScript. Default is false.

The source code for the simple version of the shortcode is available in this file.

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

{{< code-toggle config=services.x />}}