+++
date = "2018-08-03"
title = "テーマデモ"
math = "true"

+++

## Style Demo

# h1 Heading
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading


---

**This is bold text**

__This is bold text__

*This is italic text*

_This is italic text_

~~Deleted text~~

This is text with inline math $\sum_{n=1}^{\infty} 2^{-n} = 1$ and with math blocks:

$$
\sum_{n=1}^{\infty} 2^{-n} = 1
$$

| Heading | Another heading |
| :----:  | :-------------: |
|  text   |      text       |
|  text   |      text       |
|  text   |      text       |

> Block quotes are
> written like so.
>
> They can span multiple paragraphs,
> if you like.

Some text, and some `code` and then a nice plain [link with title](https://github.com/davidhampgonsalves/davidhampgonsalves.com-hugo "title text!").

and then

+ Create a list by starting a line with `+`, `-`, or `*`
+ Sub-lists are made by indenting 2 spaces:
  - Marker character change forces new list start:
    * Ac tristique libero volutpat at
+ Very easy!

vs.

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa

## Code

Inline `code`

``` js
var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
```

## Private Content  

プライベートな内容をこのShortCodeで作成できます。  

```
{% private %}  
ここにプライベートな内容を書きます。
{% /private %}  
```

実際に使用するときには、ShortCodeをさらに{}で囲ってください。

## Private Content Demo

下付きのバーの'Click'をクリックしてください。  
プライベートな内容が下に表示されます。  

{{% private %}}  
## Private Content
プライベートな内容です。  
{{% /private %}}  

## Portfolio Content

ポートフォリオをこのShortCodeで作成できます。  

```
{% portfolio image="/images/tn.png" alt="Coder Portfolio" %}  
作品の説明。  
{% /portfolio %}  
```

実際に使用するときには、ShortCodeをさらに{}で囲ってください。

## Portfolio Content Demo

"プロジェクト"を見てください。