Test3 min read

Markdown Features Test

Written by

Testing tables, task lists, and other GFM features.

This post tests GitHub Flavored Markdown (GFM) support.

Tables

FeatureSupportedNotes
TablesYesRequires remark-gfm
Task ListsYesCheckboxes
StrikethroughYesDeleted

Footnotes

Here is a simple footnote1.

Wide Table Test

Testing horizontal scrolling for very wide tables with extensive content.
IDData Column 1Data Column 2Data Column 3Data Column 4Data Column 5Data Column 6Data Column 7Data Column 8Data Column 9Data Column 10Data Column 11Data Column 12Data Column 13Data Column 14
001Extremely long description for testing purposesValidating responsive behaviorContent overflow checkColumn four dataColumn five dataColumn six dataColumn seven dataColumn eight dataColumn nine dataColumn ten dataColumn eleven dataColumn twelve dataColumn thirteen dataColumn fourteen data
002Another long entry to see how it wraps or scrollsConsistency verificationMore test data hereRow two col fourRow two col fiveRow two col sixRow two col sevenRow two col eightRow two col nineRow two col tenRow two col elevenRow two col twelveRow two col thirteenRow two col fourteen
Standard inline link: Next.js Website
Reference-style link: Amytis GitHub
Autolinks (GFM): https://google.com and www.github.com
Here are some search engines: Google, Yahoo, and Bing.
Here are some search engines: Google, Yahoo, and Bing.

Footnotes(big)

And here is a longer one2.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed pretium diam eros tempus enim.

Task List

  • Install remark-gfm
  • Configure ReactMarkdown
  • Verify rendering

Strikethrough

This text is struck through.

Footnotes

  1. This is the first footnote.
  2. Here's one with multiple paragraphs and code.
    Indent paragraphs to include them in the footnote.
    { code }
    Add as many paragraphs as you like.