# VuePress の記事の書き方

VuePress では、マークダウンで記載したテキストファイルがそのまま記事になります。

# マークダウン

Wikipediaマークダウンのページ(opens new window)

よく使う記法を以下に書いておきます。

# リンク

[Google](https://www.google.com/?hl=ja)

Google(opens new window)

# リスト

- 項目A
- 項目B
    - 項目B-1
  • 項目A
  • 項目B
    • 項目B-1

# 番号付きリスト

1. 1番目の項目
2. 2番目の項目
  1. 1番目の項目
  2. 2番目の項目

# 太字

**太字のテキスト**

太字のテキスト

# 水平線

***

# VuePress 独自記法

公式サイトのマークダウン拡張記法(opens new window)

# 内部リンク

my-blog
├── blog
│   ├── _posts
│   │   └── 2020-1-1-test.md
│   └── .vuepress
│       ├── public
│       │    ├── posts-img
│       │    │     └── 2020-09-28-blog-sample.PNG
│       │    └── common-img
│       └── config.js
└── package.json

2020-1-1-test.md への内部リンクは以下のように書けます。

[テストのページへ](2020-1-1-test.md)

# 絵文字

:smiley:

😃

使える絵文字一覧(opens new window)

# 画像の表示

.vuepress に public フォルダを作って、その中に画像ファイルを保存します。

my-blog
├── blog
│   ├── _posts
│   │   └── 2020-1-1-test.md
│   └── .vuepress
│       ├── public
│       │    ├── posts-img
│       │    │     └── 2020-09-28-blog-sample.PNG
│       │    └── common-img
│       └── config.js
└── package.json

public の中の画像ファイルを指定できます。

<img src="/posts-img/2020-09-28-blog-sample.PNG" >