h1#

h3#

h4#

▼行間を開ける#

例）

1
<br>
2
<br>

実際

▼引用#

例）

1
>ここに引用する文章を書きます
2
>>入れ子にするならこうします

実際

ここに引用する文章を書きます

入子にするならこうします

※チェックボックスはvuepressでは使えないようです。 こうなっちゃいます）

1
- [] チェック１
2
- [x] チェック２

実際

• [] チェック１
• チェック２

▼リスト#

例）

1
- リスト１
2
* リスト２
3
+ リスト３
4
1. 順序つきリスト１
5
2. 順序つきリスト２

実際

• リスト１

• リスト２

• リスト３

1. 順序つきリスト１
2. 順序つきリスト２

▼水平線#

例）ハイフンかアスタリスク三個以上

1
***
2
* * *
3
******
4
---
5
- - -
6
------

実際

▼強調#

例）

1
*イタリック体*
2

3
**Bold体**
4

5
***イタリック&ボールド体***
6

7
_イタリック体_
8

9
__Bold体__
10

11
___イタリック&ボールド体___

実際

イタリック体

Bold体

イタリック&ボールド体

イタリック体

Bold体

イタリック&ボールド体

▼打ち消し#

例）

1
~~打ち消し~~

実際

打ち消し

ちなみに、注釈はvuepressでは使えないようです。plugin使ったらわかりませんが。

▼自動リンク#

例）

1
<https://sirenji-suiren.netlify.app>

実際

https://sirenji-suiren.netlify.app

▼インライン記法#

例）

1
[リンクのタイトル](https://sirenji-suiren.netlify.app)

実際

リンクのタイトル

▼画像#

例）.vuepressディレクトリの中のpublicファイルが参照できるディレクトリです。

1
![画像のタイトル](/avatar.jpg)

実際

▼codeのインライン表記#

例）

1
```print("Hello")```というふうに一行で

実際

print("Hello")というふうに一行で

▼シンプルなcodeの記載#

例）うまくコードを表示できないので苦肉の策です。

1
`を三つ続けて打つ
2
print("やっほー")
3
`を三つ続けて打つ

1
print("やっほー")

▼シンタックスハイライトを使う場合#

例）

1
`を三つ続けて打つPython
2
print("やっほー")
3
`を三つ続けて打つ

実際

1
print("やっほー")

Bash, C#(cs), C++(cpp), CSS, Diff, HTML, XML, Ini, Java, Javascript, PHP, Perl, Python, Ruby, SQL, 1C, AVR Assembler(avrasm), Apache, Axapta, CMake, DOS .bat(dos), Delphi, Django, Erlang, Erlang, REPL, Go, Haskell, Lisp, Lua, MEL, Nginx, Objective C(objectivec), Parser3, Python, profile, Scala, Smalltalk, TeX, VBScript, VHDL, Vala は上のコードのPythonに当たる部分をこの通りに記載すればシンタックスになります。

▼テーブル記法#

例）

1
| Left align | Right align | Center align |
2
|:-----------|------------:|:------------:|
3
| This       |        This |     This     |
4
| column     |      column |    column    |
5
| will       |        will |     will     |
6
| be         |          be |      be      |
7
| left       |       right |    center    |
8
| aligned    |     aligned |   aligned    |

実際