# 功能全覽 (https://21notion.com/zh-TW/docs)

import { Download, FileText, Star, BookOpen, Layout, PenTool, CheckSquare, Folder, Map, Globe, Film, Target, Package, Gamepad2, CreditCard, Brain, MousePointer, Zap, Settings, Calculator, Compass, HelpCircle, LifeBuoy, Wrench } from 'lucide-react';

## 基礎入門

開始使用 FLO.W 之前，請先了解這些基礎內容：

<Cards>
  <Card icon={<Download className="text-purple-500" />} title="Notion 下載" href="/docs/notion-download">
    下載安裝 Notion 應用
  </Card>

  <Card icon={<FileText className="text-blue-500" />} title="模板匯入指南" href="/docs/template-import-guide">
    學習如何匯入和使用模板
  </Card>
</Cards>

## 快速開始

掌握 FLO.W 的核心功能，快速上手使用：

<Cards>
  <Card icon={<BookOpen className="text-blue-500" />} title="模板概覽" href="/docs/basic-feature/template-overview">
    理解模板的核心設計思路
  </Card>

  <Card icon={<Layout className="text-green-500" />} title="首頁導航" href="/docs/basic-feature/homepage">
    學會使用模板的首頁與導航模組
  </Card>

  <Card icon={<PenTool className="text-purple-500" />} title="筆記系統" href="/docs/basic-feature/note-taking">
    使用筆記記錄功能
  </Card>

  <Card icon={<CheckSquare className="text-orange-500" />} title="任務管理" href="/docs/basic-feature/task-management">
    掌握任務管理系統
  </Card>

  <Card icon={<Folder className="text-red-500" />} title="專案管理" href="/docs/basic-feature/project-management">
    管理你的專案
  </Card>

  <Card icon={<Map className="text-indigo-500" />} title="領域管理" href="/docs/basic-feature/area">
    組織不同的生活領域
  </Card>

  <Card icon={<Globe className="text-cyan-500" />} title="網頁剪藏" href="/docs/basic-feature/web-clipper">
    儲存網頁內容
  </Card>
</Cards>

***

## 生活記錄

使用 FLO.W 記錄和管理你的生活：

<Cards>
  <Card icon={<Film className="text-red-500" />} title="電影追蹤" href="/docs/lifestyle/movie-tracker">
    記錄觀影體驗和評價
  </Card>

  <Card icon={<Target className="text-green-500" />} title="習慣追蹤" href="/docs/lifestyle/habits-tracker">
    培養良好的生活習慣
  </Card>

  <Card icon={<Package className="text-orange-500" />} title="資產清單" href="/docs/lifestyle/assets-inventory">
    管理個人資產和物品
  </Card>

  <Card icon={<Gamepad2 className="text-purple-500" />} title="遊戲記錄" href="/docs/lifestyle/gaming-tracker">
    記錄遊戲進度和評價
  </Card>

  <Card icon={<CreditCard className="text-indigo-500" />} title="訂閱管理" href="/docs/lifestyle/subscription-tracker">
    管理各種訂閱服務
  </Card>
</Cards>

## 進階用法

探索 FLO.W 的高階功能：

<Cards>
  <Card icon={<Brain className="text-purple-500" />} title="Notion AI" href="/docs/advance-feature/notion-ai">
    使用 AI 功能提升效率
  </Card>

  <Card icon={<MousePointer className="text-blue-500" />} title="快捷按鈕" href="/docs/advance-feature/notion-button">
    建立互動式按鈕
  </Card>

  <Card icon={<Zap className="text-yellow-500" />} title="資料庫自動化" href="/docs/advance-feature/automation">
    配置自動化工作流
  </Card>

  <Card icon={<Calculator className="text-orange-500" />} title="公式應用" href="/docs/advance-feature/formula">
    掌握 Notion 公式的使用
  </Card>
</Cards>

## 欄位詳解

瞭解各種資料庫欄位的配置和使用：

<Cards>
  <Card icon={<FileText className="text-blue-500" />} title="筆記欄位解析" href="/docs/properties/note">
    配置筆記的各種屬性
  </Card>

  <Card icon={<CheckSquare className="text-green-500" />} title="任務欄位解析" href="/docs/properties/task">
    設定任務的屬性欄位
  </Card>

  <Card icon={<Folder className="text-orange-500" />} title="專案欄位解析" href="/docs/properties/project">
    配置專案的屬性欄位
  </Card>

  <Card icon={<Compass className="text-purple-500" />} title="剪藏欄位解析" href="/docs/properties/explore">
    瞭解更多屬性配置
  </Card>
</Cards>

## 常見問題

遇到問題？檢視這些常見問題解答：

<Cards>
  <Card icon={<HelpCircle className="text-yellow-500" />} title="購買前必讀" href="/docs/faq/before-purchase">
    版本選擇與購買相關問題
  </Card>

  <Card icon={<BookOpen className="text-blue-500" />} title="快速上手" href="/docs/faq/getting-started">
    入門學習與模板匯入
  </Card>

  <Card icon={<Settings className="text-green-500" />} title="自訂與修改" href="/docs/faq/customization">
    模板修改與個性化設定
  </Card>

  <Card icon={<Map className="text-purple-500" />} title="系統設計理念" href="/docs/faq/system-design">
    理解模板的設計哲學
  </Card>

  <Card icon={<Wrench className="text-orange-500" />} title="故障排除" href="/docs/faq/troubleshooting">
    常見問題與錯誤修復
  </Card>

  <Card icon={<LifeBuoy className="text-red-500" />} title="升級與支援" href="/docs/faq/support">
    版本升級與技術支援
  </Card>
</Cards>

## 技術支援

如果您需要技術支援，可加入我們的[飛書交流群](/docs/faq/support#join-feishu-group)