hayatosc
2026.08.16

First Post on Portfolio

A demonstration of GitHub Flavored Markdown on a paper-like white card.


Typography and Styling

これはポートフォリオサイトのローカル記事のサンプルです。太字イタリックinline code を含めた GitHub Flavored Markdown のレンダリングを検証します。

GFM Features

GFM でサポートされている各種要素の表示例です。

Lists and Tasks

  • Content Collections の設定
  • Sätteri による高速 Markdown 処理
  • さらなる機能拡張

Code Block

typescript
import { getCollection } from 'astro:content';

export async function getPosts() {
  const posts = await getCollection('posts');
  return posts.filter((p) => !p.data.draft);
}

Table

属性 size tailwind
h1 30px text-3xl
h2 24px text-2xl
h3 20px text-xl
本文 16px text-base
注意書き 12px text-xs

Blockquote

これは引用ブロックです。重要なポイントや参考引用を記述する際に使用します。

Blog Card

Astro Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between. astro.build GitHub · 常に進化し続けます。GitHubが、あなたをその先へ導く。 世界で最も広く採用され、AI が支援する開発者向けプラットフォームに参加しましょう。このプラットフォームでは、何百万人もの開発者や企業、そして世界最大のオープン ソース コミュニティが、社会や人々に価値をもたらすソフトウェアを構築しています。 github.com

※ 注意書き: この記事はサンプルのためいつでも編集・削除できます。