FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
rozek
rozekGDI_MarkDown_Examples
Public
Like
GDI_MarkDown_Examples
Home
Code
2
README.md
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
README.md

MarkDown Rendering Examples

Which MarkDown primitives are supported and how do they look like?

(edit this ReadMe in order to find out how it was written)

Important: no, Val Town does not support "GitHub-flavoured" Markdown (GfM)!

Level 1 Heading

(followed by some plain text)

Level 2 Heading

(followed by some plain text)

Level 3 Heading

(followed by some plain text)

Level 4 Heading

(followed by some plain text)

Level 5 Heading

(followed by some plain text)

Level 6 Heading

(followed by some plain text)

Nota bene: while heading levels 5 and 6 look useless, they still have an implied anchor which may be used in links to explicitly navigate there

Paragraphs

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Text Styling (and Links)

This text is italicised, and this one set in bold, in bold italics or striked-through, but you may also superset or subset text.

Links

Your text may also contain links, even relative ones which navigate to other locations within the same text.

Unordered Lists

  • list item 1
  • list item 2
    • inner list item 2.1
    • inner list item 2.2
    • inner list item 2.3
  • list item 3
    1. inner list item 3.1
    2. inner list item 3.2
    3. inner list item 3.3
  • list item 4

Ordered Lists

  1. list item 1
  2. list item 2
    1. inner list item 2.1
    2. inner list item 2.2
    3. inner list item 2.3
  3. list item 3
    • inner list item 3.1
    • inner list item 3.2
    • inner list item 3.3
  4. list item 4

Nota bene: in order to nest lists, inner list items have to be indentend by at least 4 spaces!

ToDo Lists

  • already done
  • still pending
    • but partially done

Text Indentation

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua.

Nota bene: text indentation does not seem to work - it looks a bit like a code paragraph

Quotations

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Code

You may render code inline within your text or as a separate paragraph:

console.log('Hello, World!')

Important: Keep in mind that you can tag code paragraphs with a (programming) language - not only for syntax highlighting, but also in order to avoid the nasty look shown in the "Text Indentation" section.

Images

Mandelbrot Figure

Horizontal Lines

(some text above...)


(...and some text below the horizontal line)

Footnotes and their Contents

Your text may contain footnotes1. And, while you may define the contents of your footnote anywhere in the text, it is rendered at the end only - thus, make sure, that you add a "dangling" heading!

Raw HTML Markup

Important: You may even insert a subset of HTML into your Markdown code

Unfortunately, however, e.g., iframes are not supported.

References

Migrated from folder: GDI_Examples/GDI_MarkDown_Examples

Footnotes

  1. this is just an example for a foot note ↩

Code
README.mdmain.tsx
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.