Back to Blog
Monday, November 4th 2024

Markdown Cheat Sheet: The Ultimate Guide

Markdown is a super simple way to format your text without the hassle. This cheat sheet is your go-to reference for the most common Markdown syntax to help you create blog posts, documents, and more with ease.

Quick Text Formatting

Italic and Bold

  • Italic: Wrap with asterisks or underscores.
    *italic* or _italic_
    
  • Bold: Double asterisks or underscores.
    **bold** or __bold__
    
  • Bold and Italic: Triple up!
    ***bold and italic*** or ___bold and italic___
    
  • Inline Links: Add a title if you like.
    [linked text](http://example.com "Title")
    
  • Reference-style Links:
    An [example][id].
    
    [id]: http://example.com "Title"
    

Superscript & Subscript

  • Superscript: E=MC<sup>2</sup>
  • Subscript: CO<sub>2</sub>

Adding Images

  • Inline Images:
    ![alt text](/path/img.jpg "Title")
    
  • Reference-style Images:
    ![alt text][id]
    
    [id]: /url/to/img.jpg "Title"
    

Headings

Use # for headings.

# Heading 1
## Heading 2
### Heading 3

Lists Made Easy

Ordered Lists

1. First item
2. Second item

Unordered Lists

- First item
- Second item

Nested Lists

* Item A
   * Item A1
   * Item A2

Blockquotes

Use > for quotes.

> This is a blockquote.
>> Nested quote.

Inline Code & Code Blocks

  • Inline Code: Use backticks.

    `code here`
    
  • Code Blocks: Four spaces or triple backticks.

        This is a code block.
    

    or

    ```
    Code block here.
    ```
    

Horizontal Lines

Three or more dashes or asterisks:

---
***

Line Breaks

Add two spaces at the end of a line for a break.

Roses are red,  
Violets are blue.

Colors and Fonts (Using HTML)

In his beard lived three <span style="color:red">cardinals</span>.
I am in <span style="font-family:Papyrus; font-size:4em;">LOVE!</span>

Enhance Your Markdown with Images

Want to make your Markdown more visually appealing? Tools like Markdown To Image make it easy to convert Markdown into shareable, high-quality images.

How to Use Markdown To Image

  1. Visit markdowntoimage.com.
  2. Paste your Markdown content.
  3. Convert to an image.
  4. Download and share!

Why Use Images?

  • Looks Better: Visuals add polish.
  • Simplify: Complex info becomes easier to understand.
  • More Shareable: Images get more love across social media platforms.

Wrap-Up

This cheat sheet covers everything you need to make your Markdown shine. By mastering these simple syntax rules and using tools like Markdown To Image, your content can be both functional and beautiful. Start upgrading your Markdown game today!