見出し1:最大レベルの見出し
これは通常の段落テキストです。太字のテキストや斜体のテキスト、そして下線付きのテキストを含んでいます。
見出し2:セクションタイトル
ここではインラインコード
の例を示しています。プログラミングでよく使われる表現です。
見出し3:サブセクション
これは引用文です。重要な情報や他の人の言葉を引用する際に使用します。ピクセルアートスタイルの境界線が特徴的です。
見出し4:詳細項目
順序なしリストの例:
- 最初のアイテム
- 二番目のアイテム
- 三番目のアイテム
見出し5:小見出し
順序付きリストの例:
- ステップ1:準備
- ステップ2:実行
- ステップ3:確認
見出し6:最小レベルの見出し
コードブロックの例:
function helloWorld() {
console.log("Hello, Pixel World!");
return "ピクセルアートの世界へようこそ!";
}
// 使用例
const message = helloWorld();
console.log(message);
TypeScriptの例:
interface PixelArt {
width: number;
height: number;
colors: string[];
}
const createPixelArt = (config: PixelArt): void => {
console.log(`Creating ${config.width}x${config.height} pixel art`);
console.log(`Using colors: ${config.colors.join(', ')}`);
};
CSSの例:
.pixelated-border {
box-shadow:
0 0 0 2px #60a5fa,
0 0 0 4px #000,
0 0 0 6px #60a5fa;
}
.font-jp-pixel {
font-family: var(--font-dotgothic16);
text-shadow: 2px 2px 0 #000;
}
これで全てのスタイルが適用されました。リンクのスタイルも青色テーマに合わせて調整されています。 コードブロックにはコピー機能も追加されています!