Markdown hacks

Markdown can render A LOT of characters and symbols using specific 'entities', and can do other things like render tables, so I made myself a list of common or handy, but easy-to-forget markdown hacks based off the official Markdown Guide.

Characters & Symbols

Creating Tables in Markdown

| Title     | Description                  |
| --------- | ---------------------------- |
| Star Wars | In a galaxy far, far away... |
| Star Trek | Beam me up, Scotty!          |

A table is rendered:

It’s also possible to use line breaks inside a markdown table with HTML.

| Genre  | Examples               |
| ------ | ---------------------- |
| Sci-Fi | Star Wars<br>Star Trek |

Table with line breaks is rendered:

You can also make lists inside a markdown table with HTML.

| Genre  | Examples                                              |
| ------ | ----------------------------------------------------- |
| Sci-Fi | Titles: <ul><li>Star Wars</li><li>Star Trek</li></ul> |

Table with unordered list is rendered:

And a numbered/ordered list in markdown.

| Genre  | Examples                                              |
| ------ | ----------------------------------------------------- |
| Sci-Fi | Titles: <ul><li>Star Wars</li><li>Star Trek</li></ul> |

Table with numbered/ordered list is rendered:

Making a Table of Contents in Markdown

This is handy for blogs! A lot of the best markdown applications can automatically generate a table of contents. Frameworks like Nuxt (with the Content module) | and Astro, among others, can make use of this.

### Table of Contents

- [Chapter 1](#ch1)
- [Chapter 2](#ch2)
- [Chapter 3](#ch3)
- [Chapter 4](#ch4)

Table of Contents

• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4

Then you just have to link these to a heading ID. Here it is using markdown.

[Chapter 1](#ch1) |

And in HTML.

<a href="#ch1">Chapter 1</a>

References

• Markdown Guide
• Wikipedia page with full list of entities