I'm available for hiring. Hire now.

My First Post

Profile picture

· By

Thiago Villa
Dev Thoughts

  • #gatsby
  • #markdown
This is the alt text
Photo Credit: Christopher Ayme

This is a test post written in Markdown to evaluate the layout and formatting of my Gatsby-powered blog template.

The first paragraph above is the lead and hence is uses .body-large or similar. This and the next are regular size.

Table of Contents

  1. Introduction
  2. Markdown Examples
  3. Conclusion

Introduction

Gatsby is a modern static site generator built with React. It enables blazing fast websites and integrates well with Markdown for content.

Here's a sample link to GatsbyJS.org and a relative link to another post.

Markdown Examples

Headings

This is an H4

And here's an H5
Tiny H6

Paragraph and Emphasis

You can write paragraphs normally. Use *asterisks* or _underscores_ for italic, and **double** or __double underscores__ for bold. You can also combine them.

Lists

Unordered list:

  • Item 1
    • Nested Item A
    • Nested Item B
  • Item 2

Ordered list:

  1. First
  2. Second
    1. Sub-second
    2. Sub-sub-second
  3. Third

Code

Inline code looks like this.

Code block (JavaScript):

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

Code block (bash):

npm install gatsby
gatsby develop

Blockquote

“The best way to get started is to quit talking and begin doing.”
— Walt Disney

Image

Gatsby Logo

Table

Feature Gatsby Next.js
Static Gen
React-Based
File Routing
Markdown MDX

Horizontal Rule


Conclusion

This post should help you test how Markdown renders on your blog. If everything looks good—headings, code, images, and lists—you're ready to go!


Happy Blogging!

Thiago Villa

About the Author

Thiago Villa - Senior Fullstack Software Engineering Consultant

I build sturdy, structured, and scalable software designed to grow, adapt, and withstand the test of time.

Made with ❤️ in Vale do Coquinho.

© 2024 Thiago Villa. All rights reserved.