---
title: テスト記事_1
released_at: 2023-09-10T00:00:00+09:00
updated_at: null
tags: [Blog, CSS]
image: /uploads/test.png
publish: hidden
---

<script>
    import Codeblock from '$lib/components/codeblock.svelte';
</script>

# スタイルのテスト用記事

<warn>これはブログのスタイルのテスト用記事です。特にめぼしい情報はありません。</warn>

## リンクのテスト。

a タグのテスト。これは[Google](https://www.google.com)へのリンク

> 引用は blockquote タグ

## 見出しのテスト。

↑ これは h2

### h3 は小見出し

🐇←見て！うさぎがいるよ！かわいい！

#### h4 は小小見出し

⇩区切り線

---

## リスト系タグのテスト。

- ul 其の一
  - ui 重ねでインデント
  - アイテム 1-1-2
- アイテム 1-2

* 順不同 2改行の頭揃え
* 2-2

- ul 3-1
- 3-2
  - 3-2-1
  - 3-2-2
  - 3-2-3

↑ 三つは - \* + を使い分けている

1. ナンバリングリスト 1
1. ２番目リスト

## コードのテスト。

インラインコード``alert('hello world');``

コードブロックの装飾
<Codeblock filename="test.ts" >

```ts
function copy() {
    const code = root.querySelector('code')?.textContent;
    if (!code) return;
    navigator.clipboard.writeText(code);
}
```

</Codeblock>

## テーブルのテスト。

ヘッダーあり

| カラム名 1 | 2:右寄せテスト | 3:真ん中 column | 4:左寄せカラム |
| ---------- | :------------- | :-------------: | -------------: |
| 1-1        | セル 1-2       |    セル 1-3     |       セル 1-4 |
| 2-1        | セル 2-2       |    セル 2-3     |       セル 2-4 |