Hello World

Satelite

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Hello from Hugo! If you’re reading this in your browser, good job! The file content/post/hello-world.md has been converted into a complete HTML document by Hugo. Isn’t that pretty nifty?

A Section

A forest
Look... I like using these images | source: (https://example.com)

Here’s a simple titled section where you can place whatever information you want.

You can use inline HTML if you want, but really there’s not much that Markdown can’t do.

Showing off with Markdown

A full cheat sheet can be found here or through Google.

There are some easy examples for styling, though. I can’t emphasize that enough. Creating links or inline code blocks are very straightforward.

There are some _easy_ examples for styling, though. I can't **emphasize** that enough.
Creating [links](https://google.com/) or `inline code` blocks are very straightforward.
  1. Test
  2. Test
  3. Test
TestTest2
HiHi2

don’t quote me on this

  • person who doesn’t want to be quoted

More Text!


Front Matter for Fun

This is the meta data for this post. It is located at the top of the content/post/hello-world.md markdown file.

---
title: "Hello Hugo!"
description: "Saying 'Hello' from Hugo"
date: "2014-09-01"
categories:
  - "example"
  - "hello"
tags:
  - "example"
  - "hugo"
  - "blog"
---
.main-header {
  height: 100vh;
  margin: 0 0 10vh 0; // commentTest
  width: 100vw;

  img {
    pointer-events: none;
    user-select: none;
  }
  @media screen and (max-width: 575px) {
    margin: 0 0 5vh 0;
  }
}

This section, called ‘Front Matter’, is what tells Hugo about the content in this file: the title of the item, the description, and the date it was posted. In our example, we’ve added two custom bits of data too. The categories and tags sections are used in this example for indexing/grouping content. You will learn more about what that means by examining the code in this example and through reading the Hugo documentation.