Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is strong

Body text

中文測試

粗體

This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times. Underline.Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Blandit massa enim nec dui nunc mattis. Ornare arcu odio ut sem. Dui sapien eget mi proin sed libero enim sed. Elementum tempus egestas sed sed risus pretium quam vulputate dignissim. Nunc mi ipsum faucibus vitae.

Blockquotes

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.

Tables

Ordered Lists

1. Item one
   1. sub item one
   2. sub item two
   3. sub item three
2. Item two

Unordered Lists

• Item one
• Item two
• Item three

Code

Inline code

Block code

Sample text here

Syntax highlighting

<script src="prism.js"></script>

const foo = () => {
    return 3
}

console.log(foo())

body {
    background: pink;
}

function formatName(user) {
    return user.firstName + ' ' + user.lastName
}

const user = {
    firstName: 'Harper',
    lastName: 'Perez',
}

const element = <h1>Hello, {formatName(user)}!</h1>

ReactDOM.render(element, document.getElementById('root'))

interface Person {
    name: string
    age: number
}

function greet(person: Person) {
    return 'Hello ' + person.name
}

body {
    margin: 0;
}

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

npm install gatsby

git add .