---
author: "Iago Calvo Lista"
pubDateTime: "2026-04-01T00:00:00Z"
title: "Sample MDX article with external links and a YouTube header"
headerImage: "@/assets/images/GpuHelpLogo.png"
headerVideo: "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
featured: false
draft: false
hideFromSearch: false
hideFromRecent: true
tags:
  - "docs"
  - "sample"
  - "mdx"
description: "A sample article that demonstrates external reference links, citations, and a YouTube video header."
externalLinks:
  - "link": "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
    "label": "Header video"
    "ico": "simple-icons:youtube"
  - "link": "https://github.com/astrojs/astro"
    "label": "Astro on GitHub"
    "ico": "simple-icons:github"
  - "link": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
    "label": "Sample PDF"
    "ico": "vscode-icons:file-type-pdf2"
  - "link": "https://file-examples.com/wp-content/storage/2017/08/file_example_PPT_500kB.ppt"
    "label": "Sample PowerPoint"
    "ico": "vscode-icons:file-type-powerpoint"
  - "link": "https://docs.astro.build/"
    "label": "Astro Docs"
    "ico": "custom-link"
bibliography: "citations/examples__external-links.bib"
---

This sample article exists to exercise a few content features together: MDX authoring, package-backed external link icons, inline citations, and a YouTube-powered header.

## Why this file exists

The current blog pipeline expects reference-style links instead of inline markdown links. That means external sources should look like [the YouTube example][ref_youtube] or [the GitHub example][ref_github], with optional matching citations like [@cite:ref_unified].

## Example MDX content

You can still mix normal Markdown with lightweight MDX.

`sum_(i = 1)^4 i = 10`

That keeps the file small while still proving the article parses as MDX instead of plain Markdown.

## External links

A few external references for testing:

* [YouTube example][ref_youtube]
* [GitHub example][ref_github]
* [PDF example][ref_pdf]
* [PowerPoint example][ref_ppt]
* [Astro documentation][ref_astro_docs]
* [Unified project][ref_unified]

## Closing note

If this article renders correctly, the page should show a video header from YouTube and preserve the linked bibliography entries in generated exports.

[ref_youtube]: https://www.youtube.com/watch?v=dQw4w9WgXcQ
[ref_github]: https://github.com/astrojs/astro
[ref_pdf]: https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf
[ref_ppt]: https://file-examples.com/wp-content/storage/2017/08/file_example_PPT_500kB.ppt
[ref_astro_docs]: https://docs.astro.build/
[ref_unified]: https://unifiedjs.com/

## Annexes

### <span id="post-header-annex"></span>Annex: Post header

Kind: Post header image.

![Header image for Sample MDX article with external links and a YouTube header](@/assets/images/GpuHelpLogo.png)

*Sample MDX article with external links and a YouTube header*

<!-- http:gpuhelp.dev. These are my personal views. This blog and article does not represent my employer. -->