# Hướng Dẫn Sử Dụng Toàn Diện Zero Startpage (Từ A – Z)

> **Chào mừng bạn đến với Zero Startpage!**  
> Tiện ích mở rộng biến trang New Tab (Tab mới) trên trình duyệt thành một không gian làm việc thẩm mỹ, tối ưu năng suất và mang đậm phong cách cá nhân.

---

## 📸 Danh Sách 9 Ảnh Chụp Màn Hình Cần Chuẩn Bị (Screenshots Checklist)

Trong bản tài liệu, các thẻ chèn ảnh chuẩn `![Hình ảnh: ...](images/...)` đã được đặt sẵn kèm hướng dẫn góc chụp chi tiết. Khi xuất bản, bạn chỉ cần chụp 9 bức ảnh theo danh sách sau và lưu vào thư mục `images/`:

| STT | Tên file ảnh | Vị trí cần chụp | Mẹo để ảnh đẹp |
| :---: | :--- | :--- | :--- |
| **01** | `01-welcome-screen.png` | Toàn cảnh New Tab sạch sẽ sau khi vừa cài đặt | Chọn một hình nền thẩm mỹ, tối giản |
| **02** | `02-overview-layout.png` | Sơ đồ 4 khu vực chính trên New Tab | Có thể vẽ thêm 4 khung đánh dấu (Center, Dock, Top Right, Sidebar) |
| **03** | `03-search-engine-options.png` | Thanh tìm kiếm đang mở menu chọn Search Engine | Chụp thấy rõ icon Google Lens, Camera và Gemini AI |
| **04** | `04-clock-and-greetings.png` | Cụm Đồng hồ + Ngày tháng + Lời chào nghệ thuật | Chụp kiểu đồng hồ đẹp nhất (ví dụ Flip clock hoặc Minimalist) |
| **05** | `05-bookmark-import.png` | Popup Import Bookmark từ trình duyệt | Mở rộng cây thư mục để thấy tính năng chọn hàng loạt |
| **06** | `06-bookmark-multiselect.png` | Thanh công cụ Multi-select Toolbar | Nhấp chọn 2-3 bookmark để thanh toolbar nổi hiện lên |
| **07** | `07-widgets-showcase.png` | Các widget: Todo, Notepad, Pomodoro, Weather mở cùng lúc | Bố trí kéo thả các widget thành một bố cục làm việc đẹp mắt |
| **08** | `08-skins-and-live-fx.png` | Popup chọn Quick Access Skin & hiệu ứng Live FX | Thể hiện skin Transparent / White Mode và hiệu ứng sóng nước Canvas |
| **09** | `09-command-palette.png` | Cửa sổ Command Palette khi bấm Ctrl + K | Gõ thử chữ "todo" hoặc "theme" để thấy kết quả gợi ý lệnh |

---

## 📑 Mục Lục

1. [Giới thiệu & Cài đặt](#1-giới-thiệu--cài-đặt)
2. [Làm quen với Giao diện Tổng quan](#2-làm-quen-với-giao-diện-tổng-quan)
3. [Thanh Tìm Kiếm Đa Năng & AI Search](#3-thanh-tìm-kiếm-đa-năng--ai-search)
4. [Tùy biến Đồng hồ, Lịch & Lời chào](#4-tùy-biến-đồng-hồ-lịch--lời-chào)
5. [Quản lý Bookmarks & Phân Nhóm Chuyên Nghiệp](#5-quản-lý-bookmarks--phân-nhóm-chuyên-nghiệp)
6. [Hệ Sinh Thái Widgets Năng Suất](#6-hệ-sinh-thái-widgets-năng-suất)
7. [Tùy Biến Giao Diện, Skins & Hiệu Ứng Live FX](#7-tùy-biến-giao-diện-skins--hiệu-ứng-live-fx)
8. [Tính Năng Cho Power User](#8-tính-năng-cho-power-user)
9. [Sao Lưu & Khôi Phục Dữ Liệu (Backup & Sync)](#9-sao-lưu--khôi-phục-dữ-liệu-backup--sync)
10. [Câu Hỏi Thường Gặp (FAQ)](#10-câu-hỏi-thường-gặp-faq)

---

## 1. Giới thiệu & Cài đặt

### 1.1 Cài đặt từ Chrome Web Store / Microsoft Edge Add-ons
1. Truy cập đường link cài đặt extension trên cửa hàng tiện ích: [Zero Startpage trên Chrome Web Store](https://chromewebstore.google.com/detail/zero-startpage-newtab-rep/ogdbkgoionmjnlinbmmjncnhafhaenck).
2. Bấm nút **Thêm vào Chrome (Add to Chrome)**.
3. Khi mở một Tab mới lần đầu tiên, nếu trình duyệt hiển thị thông báo hỏi bạn có muốn giữ thay đổi hay không, chọn **Keep changes (Giữ thay đổi)**.

![Hình ảnh: Màn hình chào mừng khi mở New Tab lần đầu tiên](images/01-welcome-screen.png)
*(Gợi ý ảnh: Chụp màn hình trang New Tab sạch đẹp sau khi vừa kích hoạt extension)*

---

## 2. Làm quen với Giao diện Tổng quan

Giao diện Zero Startpage được phân bổ khoa học thành **4 khu vực chính**:

| Khu Vực | Vị Trí | Chức Năng Chính |
| :--- | :--- | :--- |
| **Trung tâm** | Giữa màn hình | Hiển thị Đồng hồ, Ngày tháng, Thanh tìm kiếm và Lưới Bookmarks |
| **Quick Access Bar** | Cạnh trái / Cạnh phải | Thanh dock chứa các phím tắt bật/tắt nhanh các widget năng suất |
| **Top Right Controls** | Góc trên bên phải | Phím tắt mở danh sách Google Apps (Gmail, Drive, Docs...) |
| **Settings Sidebar** | Trượt từ bên phải | Bảng trung tâm điều khiển toàn bộ cấu hình chi tiết của hệ thống |

![Hình ảnh: Sơ đồ 4 khu vực trên giao diện New Tab](images/02-overview-layout.png)
*(Gợi ý ảnh: Chụp toàn cảnh màn hình có các mũi tên hoặc chú thích đánh dấu 4 khu vực chính)*

---

## 3. Thanh Tìm Kiếm Đa Năng & AI Search

Thanh tìm kiếm không chỉ để gõ từ khóa thông thường, mà tích hợp sẵn nhiều tiện ích mạnh mẽ:

* **Chuyển đổi Search Engine tức thì:** Nhấp chuột vào biểu tượng logo bên trái ô tìm kiếm để chọn giữa Google, Bing, DuckDuckGo, Brave, YouTube, Yahoo, Ecosia...
* **Gợi ý thông minh (Search Suggestions):** Tự động hiển thị các từ khóa xu hướng khi bạn bắt đầu gõ.
* **Tìm kiếm bằng hình ảnh (Google Lens):** Nhấp vào icon Camera hoặc Lens trên thanh tìm kiếm để tải ảnh lên hoặc dán URL ảnh trực tiếp.
* **Chế độ Trợ lý AI (Gemini / AI Search):** Nhấp vào biểu tượng ngôi sao để chuyển sang chế độ đối thoại AI với câu hỏi của bạn.

![Hình ảnh: Thanh tìm kiếm với dropdown chọn công cụ tìm kiếm và nút tìm ảnh](images/03-search-engine-options.png)
*(Gợi ý ảnh: Chụp thanh tìm kiếm đang mở menu chọn Search Engine và các nút tìm ảnh)*

---

## 4. Tùy biến Đồng hồ, Lịch & Lời chào

Bạn có thể biến cụm thời gian ở trung tâm thành điểm nhấn nghệ thuật riêng biệt:

1. Mở **Settings** (Bánh răng ở thanh Quick Access) ➔ Chọn tab **Clock & Date**.
2. **Kiểu đồng hồ:**
   * Chọn phong cách: Digital (Kỹ thuật số), Minimal, Flip Clock, Retro, Neon Glow, 3D Floating Voxel, Split-Pill...
   * Tùy chỉnh định dạng 12h (AM/PM) hoặc 24h, bật/tắt kim giây.
3. **Lịch ngày tháng & Lịch Âm:**
   * Tùy chọn hiển thị ngày tháng Dương lịch và Lịch Âm truyền thống Việt Nam.
4. **Lời chào & Custom Title:**
   * Bật lời chào theo buổi (*Chào buổi sáng*, *Chào buổi chiều*, *Chào buổi tối*).
   * Tự đặt câu châm ngôn hoặc tên riêng của bạn kèm font chữ nghệ thuật (Fira Code, Space Grotesk, Cyberpunk Glitch, Neon...).

![Hình ảnh: Một số kiểu đồng hồ và lời chào đẹp mắt](images/04-clock-and-greetings.png)
*(Gợi ý ảnh: Chụp cận cảnh đồng hồ với hiệu ứng đổ bóng hoặc font chữ đẹp)*

---

## 5. Quản lý Bookmarks & Phân Nhóm Chuyên Nghiệp

### 5.1 Nhập Bookmark nhanh từ Trình duyệt (Browser Import)
Không cần phải tạo lại từ đầu, bạn có thể chuyển toàn bộ bookmark cũ sang dễ dàng:
1. Nhấn nút **Thêm Bookmark** (dấu `+`).
2. Chọn nút **Import from Browser**.
3. Duyệt danh mục thư mục dạng cây, tích chọn các trang web bạn muốn và bấm **Import Selected**.

![Hình ảnh: Cửa sổ Import Bookmark từ trình duyệt](images/05-bookmark-import.png)
*(Gợi ý ảnh: Chụp popup hiển thị cây thư mục bookmark và nút chọn hàng loạt)*

### 5.2 Phân nhóm Bookmarks (Groups & Tabs)
* Bấm vào icon **Layer** cạnh danh sách bookmark để tạo các Group: *Công việc*, *Học tập*, *Giải trí*, *Mạng xã hội*...
* Mỗi nhóm hoạt động như một tab riêng biệt, giúp màn hình luôn gọn gàng và ngăn nắp.

### 5.3 Thao tác chọn hàng loạt (Multi-select Toolbar)
Nhấp chuột phải vào bất kỳ bookmark nào ➔ Chọn **Select**.  
Một thanh công cụ nổi sẽ xuất hiện ở trên cùng cho phép:
* **Chọn tất cả (Select All)**
* **Gộp vào nhóm mới (Group Selected)**
* **Di chuyển nhóm (Move Selected)**
* **Xóa hàng loạt (Batch Delete)**

![Hình ảnh: Thanh công cụ Multi-select và tính năng phân nhóm](images/06-bookmark-multiselect.png)
*(Gợi ý ảnh: Chụp màn hình khi các bookmark đang có viền chọn và thanh công cụ nổi hiện lên)*

---

## 6. Hệ Sinh Thái Widgets Năng Suất

Nhấp vào các icon trên thanh **Quick Access Bar** để bật mở các cửa sổ tiện ích. Mọi widget đều hỗ trợ kéo thả tự do (**Drag & Drop**) đến vị trí bất kỳ trên màn hình:

```mermaid
graph TD
    Dock[Quick Access Bar Dock] --> W1[1. Todo List - Quản lý việc cần làm]
    Dock --> W2[2. Notepad - Ghi chú tức thì]
    Dock --> W3[3. Pomodoro - Hẹn giờ tập trung]
    Dock --> W4[4. Habit Tracker - Theo dõi thói quen]
    Dock --> W5[5. Weather - Thời tiết trực quan]
    Dock --> W6[6. RSS Reader - Điểm tin tự động]
    Dock --> W7[7. Media Controller - Điều khiển nhạc]
    Dock --> W8[8. Ambient Sounds - Âm thanh thư giãn]
    Dock --> W9[9. Gemini AI Assistant - Trợ lý thông minh]
```

### Chi tiết 9 Widget Năng Suất:
1. **Danh sách việc cần làm (Todo List):** Tạo task, chọn độ ưu tiên, đánh dấu hoàn thành kèm hiệu ứng âm thanh nhẹ nhàng.
2. **Ghi chú nhanh (Notepad):** Lưu nháp ý tưởng, hỗ trợ co giãn kích thước, tự động đồng bộ tức thời.
3. **Đồng hồ tập trung (Pomodoro & Timer):** Thiết lập chu kỳ làm việc 25 phút - nghỉ 5 phút giúp nâng cao khả năng tập trung sâu.
4. **Theo dõi thói quen (Habit Tracker):** Đánh dấu các thói quen hàng ngày (Đọc sách, Uống nước, Tập gym) và theo dõi chuỗi ngày liên tiếp (Streak).
5. **Thời tiết (Weather):** Tự động phát hiện vị trí địa lý hoặc nhập thủ công thành phố để xem nhiệt độ và dự báo nhiều ngày.
6. **Điểm tin RSS (RSS Reader):** Đăng ký feed từ các trang tin yêu thích để đọc báo nhanh mà không cần mở nhiều tab.
7. **Trình điều khiển Nhạc (Media Controller):** Tự động kết nối và hiển thị bài hát đang phát từ YouTube, Spotify, ZingMP3, Apple Music trên các tab trình duyệt khác.
8. **Âm thanh nền thư giãn (Ambient Sounds):** Bật tiếng mưa rơi, sóng biển, tiếng chim rừng, tiếng quán cà phê để vào trạng thái làm việc sâu (Deep Work).
9. **Trợ lý Gemini AI:** Trò chuyện, tóm tắt nội dung hoặc hỏi đáp kiến thức trực tiếp ngay tại trang New Tab.

![Hình ảnh: Các widget Todo, Notepad, Pomodoro mở cạnh nhau trên nền kính mờ](images/07-widgets-showcase.png)
*(Gợi ý ảnh: Bố trí các widget nổi trên nền một cách hài hòa rồi chụp lại)*

---

## 7. Tùy Biến Giao Diện, Skins & Hiệu Ứng Live FX

### 7.1 Quick Access Skins
Nhấp chuột phải vào thanh Quick Access hoặc mở **Layout Controls Popup** (biểu tượng thanh trượt) để đổi Skin:
* **Default Glass:** Nền kính mờ hiện đại, sang trọng.
* **Light Mode:** Phong cách sáng thanh lịch.
* **M3 Accent:** Tự động hòa phối theo màu sắc chủ đạo của Theme.
* **Transparent (Mới):** Hoàn toàn trong suốt 100%, các icon lơ lửng trên nền hình ảnh.
* **White Access Mode:** Tối ưu riêng cho người yêu thích trường phái tối giản Đen - Trắng (Monochrome), không bị lẫn màu.

### 7.2 Hình nền động & Kho ảnh Unsplash
* **Unsplash Integration:** Gõ từ khóa tìm kiếm và áp dụng ngay hàng triệu bức ảnh 4K sắc nét chỉ với 1 cú click.
* **Video Wallpaper:** Dán link hoặc tải lên video MP4/WebM lofi yêu thích để làm nền động.
* **Hiệu ứng Live FX (Canvas / WebGL):**
  * *Splash Cursor:* Di chuột tạo dòng nước phát sáng lượn theo con trỏ.
  * *Liquid Ether:* Sóng chất lỏng chuyển động mềm mại.
  * *Soft Aurora / Light Pillar:* Cực quang êm dịu tạo cảm giác thư giãn.
  * *Pixel Snow HQ:* Hiệu ứng tuyết rơi phong cách retro.

![Hình ảnh: Bộ điều khiển bố cục Layout Controls và hiệu ứng Live FX](images/08-skins-and-live-fx.png)
*(Gợi ý ảnh: Chụp popup tùy biến Skin và hiệu ứng hạt Canvas trên nền)*

---

## 8. Tính Năng Cho Power User

### 8.1 Command Palette (`Ctrl + K` hoặc `Cmd + K`)
Chỉ cần nhấn tổ hợp phím tắt:
* Gõ tên bất kỳ cài đặt nào để nhảy thẳng đến mục đó.
* Gõ tên widget (ví dụ: `todo`, `note`, `weather`, `clock`) để bật/tắt nhanh mà không cần nhấc chuột.

### 8.2 Google Apps Launcher
Bấm biểu tượng **9 chấm** ở góc trên bên phải để mở menu các dịch vụ quen thuộc của Google: Drive, Gmail, Maps, Calendar, Meet, YouTube...

![Hình ảnh: Cửa sổ Command Palette khi bấm Ctrl+K](images/09-command-palette.png)
*(Gợi ý ảnh: Chụp giao diện Command Palette hiển thị danh sách thao tác nhanh)*

---

## 9. Sao Lưu & Khôi Phục Dữ Liệu (Backup & Sync)

Toàn bộ dữ liệu của bạn được lưu an toàn tuyệt đối ngay trên thiết bị của bạn (**Local Storage / IndexedDB**). Để đồng bộ sang máy tính khác hoặc sao lưu định kỳ:

1. Vào **Settings** ➔ Tab **System** ➔ Mục **Data & Sync**.
2. **Export Configuration:** Tải về file `.json` chứa toàn bộ cấu hình giao diện, bookmarks và các ghi chú.
3. **Import Configuration:** Tải file `.json` lên trên trình duyệt hoặc thiết bị mới để khôi phục 100% không gian làm việc trong nháy mắt.
4. *(Tùy chọn)* Bật đồng bộ đám mây **Google Drive Sync** để tự động đồng bộ hóa bản sao lưu an toàn.

---

## 10. Câu Hỏi Thường Gặp (FAQ)

### 1. Extension này có làm nặng hay chậm trình duyệt không?
> **Trả lời:** Hoàn toàn không! Zero Startpage được xây dựng với kiến trúc tối ưu hiệu năng (*Zero Bloat*), tận dụng GPU acceleration và kỹ thuật tải chậm (Lazy Loading). Khi bạn chuyển sang tab làm việc khác, extension sẽ tự động tạm dừng toàn bộ các vòng lặp hoạt họa và hiệu ứng WebGL, đảm bảo tiêu thụ **gần như 0% CPU và RAM**.

### 2. Dữ liệu cá nhân và Bookmark của tôi có được bảo mật không?
> **Trả lời:** Tuyệt đối an toàn. Tiện ích tuân thủ nguyên tắc **Local-First & Zero Tracking**: toàn bộ bookmark, danh sách công việc, ghi chú và tùy chọn cá nhân đều lưu trữ 100% trên máy tính của bạn thông qua Chrome Local Storage. Không có máy chủ bên thứ ba thu thập hay ghi nhận bất kỳ dữ liệu nào của bạn.

### 3. Làm thế nào để quay về bố cục mặc định nếu tôi lỡ kéo lệch các widget?
> **Trả lời:** Bạn chỉ cần mở **Settings** (Bánh răng ở Quick Access Bar) ➔ Vào tab **Layout** (hoặc nhấp chuột phải trên màn hình chọn **Layout Controls**) ➔ Nhấn nút **Khôi phục Bố cục Gốc (Reset Layout)**. Tất cả widget, thanh tìm kiếm và cụm đồng hồ sẽ lập tức trở về vị trí cân đối chuẩn ban đầu.
