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.
GitHub · 常に進化し続けます。GitHubが、あなたをその先へ導く。
世界で最も広く採用され、AI が支援する開発者向けプラットフォームに参加しましょう。このプラットフォームでは、何百万人もの開発者や企業、そして世界最大のオープン ソース コミュニティが、社会や人々に価値をもたらすソフトウェアを構築しています。
※ 注意書き: この記事はサンプルのためいつでも編集・削除できます。