Hello World: 這是第一篇測試文章

歡迎來到 Firstsun Blog 👋

這是一個基於 Astro + Tailwind CSS 構建的現代化技術部落格。這篇文章的主要目的是測試 Markdown 的渲染樣式是否符合我們的設計需求。

字體與排版 (Typography)

我們使用了 Inter 作為英文字體，並配合系統預設字體來呈現中文。

• 粗體 (Bold): 這是 粗體文字 的效果。
• 斜體 (Italic): 這是 斜體文字 的效果。
• 刪除線 (Strikethrough): 這是 被刪除的內容。
• 行內程式碼 (Inline Code): 像是 const a = 1; 這樣的顯示效果。

引用區塊 (Blockquote):

「問路所追求的是一條公益、慈愛、真理之路。」

— 這是一個引用範例，用來展示引言的樣式。

列表樣式 (Lists)

無序列表

• 第一點
• 第二點
  • 子列表項目 A
  • 子列表項目 B
• 第三點

有序列表

1. 安裝 Node.js
2. 執行 pnpm create astro@latest
3. 開始快樂的 Coding！

程式碼區塊 (Code Blocks)

我們支援語法高亮 (Syntax Highlighting)。以下是一個 TypeScript 的範例：

interface User {
  id: number;
  name: string;
  role: 'admin' | 'user'; // 角色定義
}

function greet(user: User): string {
  return `Hello, ${user.name}! You are a ${user.role}.`;
}

// 測試執行
const currentUser: User = {
  id: 1,
  name: "Firstsun",
  role: "admin"
};

console.log(greet(currentUser));

連結與按鈕

這是一個 普通連結，滑鼠移上去應該要有我們設定的 Brand Color (#fb7258) 效果。

表格 (Tables)

感謝您的閱讀！這就是目前的樣式展示。