84 lines
1.6 KiB
Markdown
84 lines
1.6 KiB
Markdown
---
|
|
title: テスト記事_1
|
|
released: 2023-09-10
|
|
updated: 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 |
|