Hello Next.js Blog

2022-02-27

Blog やアクティビティの履歴を残す場所を作ろうと思い、Next.js を用いて GitHub Pages にデプロイするものを作成。

TypeScript & Next.js は初めて触ったもののそこそこのものは表現できそう。

以下 Markdown の検証。


You can also write code blocks here!

This is a paragraph.

This is a paragraph.
const str = 'this is string'

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
# Header 1 #
## Header 2 ##
### Header 3 ###
#### Header 4 ####
##### Header 5 #####
###### Header 6 ######

Table test

NumberTitleYear
1Python1991
2Java1995
3Go2009

View raw (TEST.md)

This is a header.

  1. This is the first list item.
  2. This is the second list item.

Here's some example code:

Markdown.generate();
> ## This is a header.
> 1. This is the first list item.
> 2. This is the second list item.
>
> Here's some example code:
>
>     Markdown.generate();
  • Red
  • Green
  • Blue
  • Red
  • Green
  • Blue
- Red
- Green
- Blue

* Red
* Green
* Blue
  • code goes here in this line
  • bold goes here
- `code goes` here in this line
- **bold** goes here
  1. Buy flour and salt
  2. Mix together with water
  3. Bake
1. Buy flour and salt
1. Mix together with water
1. Bake
  1. code goes here in this line
  2. bold goes here
1. `code goes` here in this line
1. **bold** goes here

Advanced Syntax

www.example.com, https://example.com, and contact@example.com.

Footnote

A note1

Strikethrough

one or two tildes.

Table

abcd

Tasklist

  • to do
  • done

Paragraph:

Code
Paragraph:

    Code





* * *

***

*****

- - -

---------------------------------------

This is an example link.

This link has no title attr.

This is an example reference-style link.

This is [an example](http://example.com "Example") link.

[This link](http://example.com) has no title attr.

This is [an example] [id] reference-style link.

[id]: http://example.com "Optional Title"

single asterisks

single underscores

double asterisks

double underscores

*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

This paragraph has some code in it.

This paragraph has some `code` in it.
    This paragraph has some `code` in it.

Alt Text

![Alt Text](https://upload.wikimedia.org/wikipedia/commons/8/8e/Nextjs-logo.svg "Image Title")

Footnotes

  1. Big note.