akTAR.'s Blog

表示テスト

投稿日:2025/3/23

以下は、コードブロック、引用、表などの要素がどのように表示されるか確認するためのテスト用 Markdown の例です。Astro の MDX や Markdown コンテンツとして配置して、表示を確認してみてください。

見出し h1

見出し h2

見出し h3

見出し h4

見出し h5
見出し h6

表示テスト文書

この文書は、コードブロック引用、および などの Markdown 要素がどのようにレンダリングされるか確認するためのテスト用です。


コードブロック

以下は JavaScript のサンプルコードです:

// 配列の要素を合計する関数
function sum(arr) {
return arr.reduce((a, b) => a + b, 0);
}
console.log(sum([1, 2, 3, 4])); // 10 を出力

また、インラインコードも試してみます。たとえば、const x = 10; のように記述できます。


C++ の例

#include <iostream>
using namespace std;
int main() {
cout << "Hello, C++!" << endl;
return 0;
}

Go の例

package main
import "fmt"
func main() {
fmt.Println("Hello, Go!")
}

Bash の例

#!/bin/bash
echo "Hello, Bash!"

Python の例

def greet(name):
print(f"Hello, {name}!")
greet("Python")

引用

以下は引用の例です:

「成功するためには、準備が必要だ。― ベンジャミン・フランクリン」

ネストした引用も可能です。これは、さらに深いレベルの引用です。


以下はシンプルな表の例です:

名前年齢
山田 太郎30日本
John Smith25アメリカ
李 小龍32香港

表の見た目はテーマやスタイルシート(例: Tailwind CSS の prose クラスなど)によって変わりますが、基本的な表構造はこのようになります。


その他の要素

  • リスト:
    • 順不同リストの例
    • アイテム1
    • アイテム2
  1. 順序付きリストの例
  2. ステップ2
  3. ステップ3

強調斜体取り消し線 も利用できます。

リンク