表示形式テスト

投稿日:2024/11/11

Markdown用のCSSを作成したので説明・記録

著者: nhennoejo

hill

Headings - 見出し

# h1
## h2
###### h6

h1

h2

h6

Emphasis / Strong Emphasis - 強調・強勢

**強調される文字**
_Text to be highlighted_
**_Text to be highlighted_**

強調される文字
Text to be highlighted
Text to be highlighted

Strikethrough - 打ち消し線

~~打消し~~

~を使うことで打消しができます。打消し

Note - 補足説明

:::note info
インフォメーション
infoは省略可能です。
:::

:::note warn
警告
○○に注意してください。
:::

:::note alert
より強い警告
○○しないでください。
:::

:::note info インフォメーション infoは省略可能です。 :::

:::note warn 警告 ○○に注意してください。 :::

:::note alert より強い警告 ○○しないでください。 :::

Code - コードの挿入

```
document.querySelector('.hamburger').addEventListener('click', () => {
  document.querySelector('.nav-links').classList.toggle('expanded');
});
```


document.querySelector('.hamburger').addEventListener('click', () => {
  document.querySelector('.nav-links').classList.toggle('expanded');
});

Code spans - コードスパン

`npm install`

npm install

リスト

順序なしリスト

Ordered List - 番号付きリスト

  1. 文頭に数字.を入れると番号付きリストになります
  2. 数字.の後には スペースが必要です
  3. ネストする時には 段落と同じ数のスペースが必要です
    1. ネストするとこうなります
    2. ここに書くことができます

Blockquotes - 引用

文頭に > を置くことで引用になります。 複数行にまたがる場合、改行のたびにこの記号を置く必要があります。 引用の上下にはリストと同じく空行がないと正しく表示されません 引用の中に別のMarkdownを使用することも可能です。

引用元: 伝説の地下都市アガルタに存在する電子ケトルの謎！！

文頭が「引用元:」「出典:」「参考文献:」のときに右寄せになります。

Horizontal rules - 水平線

* * *
***
*****
- - -
---------------------------------------


Links - リンク

[トップページ](https://nhennoejo.github.io/)

[こっちからgoogle][google]
その他の文章
[こっちからもgoogle][google]

[google]: https://www.google.co.jp/

トップページ

こっちからgoogle

その他の文章

こっちからもgoogle

サイト内リンク

[post-1](post-1)

post-1

Images - 画像埋め込み

![prairie](../images/grasslands.jpg)

prairie