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

bibliographyData: |
  @online{cite:ref_astro_docs,
    title = {https://docs.astro.build/},
    url = {https://docs.astro.build/},
    urldate = {2026-03-25}
  }
  @online{cite:ref_github,
    title = {https://github.com/astrojs/astro},
    url = {https://github.com/astrojs/astro},
    urldate = {2026-03-25}
  }
  @online{cite:ref_pdf,
    title = {https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf},
    url = {https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf},
    urldate = {2026-03-25}
  }
  @online{cite:ref_ppt,
    title = {https://file-examples.com/wp-content/storage/2017/08/file_example_PPT_500kB.ppt},
    url = {https://file-examples.com/wp-content/storage/2017/08/file_example_PPT_500kB.ppt},
    urldate = {2026-03-25}
  }
  @online{cite:ref_unified,
    title = {https://unifiedjs.com/},
    url = {https://unifiedjs.com/},
    urldate = {2026-03-25}
  }
  @online{cite:ref_youtube,
    title = {https://www.youtube.com/watch?v=dQw4w9WgXcQ},
    url = {https://www.youtube.com/watch?v=dQw4w9WgXcQ},
    urldate = {2026-03-25}
  }
---

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.

<TypstMath inline>sum_(i = 1)^4 i = 10</TypstMath>

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/
{/*http:gpuhelp.dev. These are my personal views. This blog and article does not represent my employer.*/}