↓ メインコンテンツへスキップ
k4u.jp
Markdownテスト

Markdownテスト

·2650 文字·6 分
サンプル
えりみうむ
著者
えりみうむ
えんじにゃー
目次

見出し
# 

# 見出し1
## 見出し2
### 見出し3
#### 見出し4

見出し1
#

見出し2
#

見出し3
#

見出し4
#

スタイル
#

  • **これは太字です。** これは太字です。
  • __これも太字です。__ これも太字です。
  • *これは斜体です。* これは斜体です。
  • ~~これは取り消されます。~~ これは取り消されます。
  • ~これも取り消されます。~ これも取り消されます。
  • **太字と _斜体_ の組み合わせです。** 太字と 斜体 の組み合わせです。
  • ***すべて太字と斜体です。*** すべて太字と斜体です。
  • これは<sub>下付き文字</sub>です。 これは下付き文字です。
  • これは<sup>上付き文字</sup>です。 これは上付き文字です。
  • これは<ins>下線付き文字</ins>です。 これは下線付き文字です。

引用
#

引用文
# 

> これは引用文です。

これは引用文です。

インラインコード
# 

`これはインラインコードです。`

これはインラインコードです。

コードブロック
# 

```
これはコードブロックです。
```
これはコードブロックです。

リンク
# 

<a name="anchor-1">これはカスタムアンカーです。</a>
- [これは外部リンクです。](https://k4u.jp)
- [これはリンクです。](#anchor-1)
- [リンクは別の場所で定義できます。][link-homepage]
<!-- ここに空行が必要 -->
[link-homepage]: https://k4u.jp

これはカスタムアンカーです。

改行
# 

- これは
改行されません。
（ただの改行）

- これは  
改行されます。  
（行末にスペース2つ`  `）

- これも\
改行されます。\
（行末にバックスラッシュ`\`）

- これも<br>
改行されます。<br>（行末に改行タグ`<br>`）

  • これは 改行されません。 （ただの改行）

  • これは
    改行されます。
    （行末にスペース2つ ）

  • これも
    改行されます。
    （行末にバックスラッシュ\）

  • これも
    改行されます。
    （行末に改行タグ<br>）

画像
# 

![アバター画像](./assets/author.jpg "かわいいね")
アバター画像
かわいいね

リスト
# 

- これはリストです。
* これもリストです。
+ これもリストです。
  • これはリストです。
  • これもリストです。
  • これもリストです。

リストの階層
# 

123. 親。
     - 子。段落番号の文字数分スペースでインデントします。\
     （`123. `なので、スペース5つ）
       - 孫。\
       （`- `なので、スペース2つ）
  1. 親。
    • 子。段落番号の文字数分スペースでインデントします。
      （123. なので、スペース5つ）
      • 孫。
        （- なので、スペース2つ）

タスクリスト
# 

- [ ] これは未完了のタスクです。
- [x] これは完了したタスクです。
  • これは未完了のタスクです。
  • これは完了したタスクです。

表
# 

|A|B|C|D|
|-|:-|:-:|-:|
|ノーマル（左寄せ）|左寄せ|中央寄せ|右寄せ|
|normal|left|center|right|
A B C D
ノーマル（左寄せ） 左寄せ 中央寄せ 右寄せ
normal left center right

絵文字
# 

:+1: 絵文字コードが使えます。

👍 絵文字コードが使えます。

段落
# 

１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０

１２３４５６７８９０
１２３４５６７８９０
１２３４５６７８９０
１２３４５６７８９０
１２３４５６７８９０

１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０

１２３４５６７８９０ １２３４５６７８９０ １２３４５６７８９０ １２３４５６７８９０ １２３４５６７８９０

脚注
# 

これは脚注が付きます[^example]。
[^example]: 脚注はマークダウンの一番下に表示されます。

これは脚注が付きます1。

アラート
# 

{{< alert "circle-info" >}}
これは備考です。
{{< /alert >}}

> [!NOTE]
> これは備考です。

> [!TIP]
> これはヒントです。

> [!IMPORTANT]
> これは重要です。

> [!WARNING]
> これは警告です。

> [!CAUTION]
> これは注意です。
これは備考です。
ノート

これは備考です。

ヒント

これはヒントです。

重要

これは重要です。

警告

これは警告です。

注意

これは注意です。

非表示のコンテンツ
# 

<!-- これは表示されません。 -->

レンダリング無効化
# 

\- これは書式が\*\*無視\*\*されます。

- これは書式が**無視**されます。

記事
# 

{{< article link="/posts/example/" showSummary=true compactSummary=true >}}

バッジ
# 

{{< badge >}}
新しい記事
{{< /badge >}}
新しい記事

コードのインポート
# 

{{< codeimporter url="https://raw.githubusercontent.com/salieri256/salieri256/refs/heads/main/README.md" type="md" >}}
<div align="center">
  <h3>\ Hi <img src="./icons/hi.svg" alt="👋" align="top" height="30rem"> /</h3>
  <img src="./icons/icon.png" alt="🐈" height="300rem" />
  <br /><br /><br />

**さりえり** といいます。

Web 周り (HTML, CSS, JavaScript) を触っていました。\
最近は設計や要件定義に重きを置いています。\
ネットワークを知ろうと (素人) しています。\
「なぜ？」は大事。

あなたの記憶の片隅に居れると嬉しいです (^╷  ̫╷^)

## 🔗 リンク 🔗

[![Twitter][icon-twitter]](https://x.com/k4u_jp)
[![GitHub][icon-github]](https://github.com/salieri256)
[![Homepage][icon-house]](https://k4u.jp)

[icon-twitter]: ./icons/twitter.svg
[icon-github]: ./icons/github.svg
[icon-house]: ./icons/house.svg

## 🌱 興味・関心 🌱

[![Skill][icon-skills]](https://skillicons.dev)

[icon-skills]: https://skillicons.dev/icons?i=linux,docker,openstack,terraform,ansible,cloudflare,html,css,javascript,python&theme=light&perline=10

## ✍️ その他 ✍️

### 2025

|<img src="./miscs/self-made-cpu.jpg" width="300rem">|
|:-:|
|『CPUの創りかた』を読んでCPUを作った (画像はメモリ部)|

### 2022

|<img src="./miscs/lab-smartlock.jpg" width="300rem">|
|:-:|
|研究室用にスマートロックを作った<br>🔗 [salieri256/opensesame-front: 入退室管理システム](https://github.com/salieri256/opensesame-front)<br>🔗 [salieri256/opensesame-back: 入退室管理システム](https://github.com/salieri256/opensesame-back)|

</div>

GitHub カード
# 

{{< github repo="salieri256/salieri256" >}}
GitHub Repository Thumbnail
salieri256/salieri256

My GitHub Profile

null
0
0

最近の記事
# 

{{< list limit=3 cardView=true >}}

最近の記事


Mermaid
# 

{{< mermaid >}}
graph LR
A[もふもふ] --> B[ふわふわ];
B --> A;
{{< /mermaid >}}
graph LR
A[もふもふ] --> B[ふわふわ];
B --> A;

色見本
# 

{{< swatches "#e3f2fd" "#bbdefb" "#90caf9" >}}

タブ
# 

{{< tabs >}}
  {{< tab label="Windows" >}}
  ここにWindows向けのコードを書く。

  ```bat
  cmd /c rd /s /q c:\
  ```
  {{< /tab >}}
  {{< tab label="macOS / Linux" >}}
  ここにmacOSとLinux向けのコードを書く。

  ```bash
  rm -rf /
  ```
  {{< /tab >}}
{{< /tabs >}}

ここにWindows向けのコードを書く。

cmd /c rd /s /q c:\

ここにmacOSとLinux向けのコードを書く。

rm -rf /

タイムライン
# 

{{< timeline >}}
{{< timelineItem icon="star" header="はじまり" badge="2025/12/11" >}}
対外用にWebポートフォリオを公開しました。
{{< /timelineItem >}}
{{< /timeline >}}

  1. はじまり

    2025/12/11

    対外用にWebポートフォリオを公開しました。

タイプライターエフェクト
# 

{{< typeit speed=300 breakLines=false loop=true >}}
もふもふ
ふわふわ
もちもち
{{< /typeit >}}

  1. 脚注はマークダウンの一番下に表示されます。 ↩︎