<h2>Headers</h2>
<h1>This is a Heading h1</h1>
<h2>This is a Heading h2</h2>
<h6>This is a Heading h6</h6>
<h2>Emphasis</h2>
<p><em>This text will be italic</em><br /><em>This will also be italic</em></p>
<p><strong>This text will be bold</strong><br /><strong>This will also be bold</strong></p>
<p><em>You <strong>can</strong> combine them</em></p>
<h2>Lists</h2>
<h3>Unordered</h3>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 2a</li>
<li>Item 2b</li>
</ul>
<h3>Ordered</h3>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 3a</li>
<li>Item 3b</li>
</ol>
<h2>Images<span class="gatsby-resp-image-wrapper" style="position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px;"><a class="gatsby-resp-image-link" href="https://lelouchb-gatsby-starter-blog.netlify.app/static/e8a155c2f15fa9aa722c5414aa341885/0f98f/mac.jpg" style="display: block;" target="_blank" rel="noopener"></a></span></h2>
<p><img src="https://cdn.buttercms.com/QxWlfZruT1G5eu3WEP9g" alt="undefined" width="537" height="357" /></p>
<h2>Blockquotes</h2>
<blockquote>
<p>Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.</p>
<blockquote>
<p>Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.</p>
</blockquote>
</blockquote>
<h2>Tables</h2>
<table>
<thead>
<tr>
<th>Left columns</th>
<th align="center">Right columns</th>
</tr>
</thead>
<tbody>
<tr>
<td>left foo</td>
<td align="center">right foo</td>
</tr>
<tr>
<td>left bar</td>
<td align="center">right bar</td>
</tr>
<tr>
<td>left baz</td>
<td align="center">right baz</td>
</tr>
</tbody>
</table>

Complete guide to Markdown(.md), a lightweight markup language that you can use to add formatting elements to plaintext text documents.

Markdown Syntax Guide

<p>Welcome to ButterCMS! This an example blog post written using Butter.</p>
<h3>Blog Engine Demo</h3>
<p>Here's a helpful walkthrough of our Blog Engine solution.</p>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/0dJbHy2XqoY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe><br /><a href="https://buttercms.com/demo/blog-engine-why-our-blog-engine/">https://buttercms.com/demo/blog-engine-why-our-blog-engine/</a></p>
<p></p>
<h3>What's happening here?</h3>
<p>If you're viewing this post from your website or command line, you've successfully made a request to&nbsp;the <a href="https://buttercms.com/docs/api">Butter API</a>. If you haven't already, make sure you have our <a href="https://buttercms.com/docs/">development guides</a> pulled up for step-by-step instructions on setting up Butter.</p>
<h3>How does&nbsp;editing work?</h3>
<p>Butter's WYSIWYG editor supports standard text formatting including headings, links, quotes, code, text alignment, and more. You can upload, crop, and resize images which are automatically hosted and delivered through a CDN (see below). You can also edit HTML directly when needed.</p>
<figure class="image"><img src="https://d2wzhk7xhrnk1x.cloudfront.net/rgPM9aHoSSKnjk44TQlD_butter-blog-post.jpg" alt="Delivered to you via CDN" />
<figcaption>Delivered to you via CDN</figcaption>
</figure>
<h3>Can I use Butter as a full CMS for&nbsp;things other than a&nbsp;blog?</h3>
<p>Yes. Butter can be used as a full CMS for managing dynamic content and creating pages across your entire website or app. Check out our <a href="https://buttercms.com/docs/">development guides</a> for step-by-step tutorials on setting this up.</p>


This is our example blog posts SEO optimized meta description.

Example Post SEO Optimized Title

This is an example blog post. Pretty neat huh?

NextJS Blog with ButterCMS

Latest Posts

Markdown Syntax Guide

Example Post