Free Twitch Panels – Maker and Templates

While using markdown is a bit much to learn without prior knowledge, it’s a crucial part of any stream. Let me show you one last example of how we can put everything together to create a gear list page that has an example of almost all the markdown we covered above.

We recommend copying the input text, and editing in a text editor before adding into your panel. It makes things a bit easier to edit.

Once you’re finished, it’s a good idea to back up your markdown as a .txt file!

# Markdown Example Template
View this full example on [NerdOrDie.com](https://nerdordie.com/resources/free-resources/customizable-twitch-panels/)

Here's an example of how you can **bold**, *italicize*, or ***bold and italicize*** text in markdown. You can add [links](https://nerdordie.com) like this.

You can [**bold links**](https://nerdordie.com), [*italicize links*](https://nerdordie.com), or [***bold and italicize links***](https://nerdordie.com)

## A subheading is possible (heading 2)

Let's check out lists.

If they don't rely on an order to follow, you can use unordered lists:

* Item 1
* Item 2
* Item 3

> Want to quote something? Use the quote formatting and mix in bold and italics!
> **- Nerd or Die** - *Super Awesome Website*

### Mixing all [together (heading 3)](https://nerdordie)

Did you notice you can do links in headers as well?

Let's do an unordered list with block quotes and bold text for our links!

> * [**NerdOrDie.com**](https://nerdordie.com/)
> * [**Check out our overlays**](https://nerdordie.com/resources/twitch-overlay-templates/)
> * [**Livestream Alerts**](https://nerdordie.com/product-category/alerts/)
>> * [***Free Twitch Panels***](https://nerdordie.com/resources/free-resources/customizable-twitch-panels/)

As you can see, we can also nest quotes, to give even more emphasis.

Hope you enjoyed this example!

Text emphasis with markdown allows you to apply certain effects to text. Examples would be bold text, italic text, anchor link text, and headers.

This type of markdown can be especially useful in text heavy panels. Chat rules, in particular comes to mind, when using headings and bold text. Remember, the goal is to make things easier to read at a glance, so overusing certain types is not recommended. The anchor links are especially useful for links that don’t require their own panel or that make sense being nested within other panels.

**Bold text example**

*Italic Text Example*

[Anchor Link Example](https://nerdordie.com)

[**Bold** and *Italic* Link Example](https://nerdordie.com)

There are two types of lists: unordered lists and ordered lists.

Unordered lists represent a list that does not have a specific order to follow. For example, listing out the specs of your PC or current gear is perfect for an unordered list.

Ordered lists are best used when following an order of events is important. For example, if you wanted to tell people how to join your Discord server you could use an ordered list to list the step-by-step instructions here. However, Twitch currently does not distinguish between these in their design (despite the official blog post).

Probably the most simple to use properly, lists should be used when you want to present something in a list like fashion.

Most commonly we see bullet points for chat rules, hardware specs, and even different links for social media.

Like any type of markdown or design, make sure to use these sparingly, or else they lose their value.

* List Item One

* List Item Two

* List Item Three

* List Item Four

* List Item Five

Formatting via markdown on Twitch is pretty straight forward. You can use line breaks or block quotes.

It’s important to note that line breaks are used by placing two spaces at the end of the line, or using a double line break to start a new paragraph (hit Enter twice).

Line breaks are pretty self explanatory. When you need to bump something down to the next line, use two spaces at the end of the line or a double return (aka enter).

Block quotes are normally used to quote people and can be nested as well. However… you could use them as you’d like, simply for stylistic purposes. If you were creating an HTML page that you wanted to be semantically correct, then that’d be a different story.

Let's start of with a sentence that will be follow by a line break

> "Here's a quote! We'll use italics for their name and bold for a bit more about them."
> *Derek* - **Nerd or Die**

Or, we can nest quotes.

> Main quote
> A bit more to show
>> Followed by the nested quote