2023 年 2 月 1 日推特創始人 Jack Dorsey 宣布基於 Nostr 的應用去中心化社交產品Damu發布後,依照Nostr協定的類 X 的網站如雨後春筍般的建立。
半夜看了一下這類型應用,突然想,能不能很快就自己建立出來,以前沒有AI的輔助,絕對沒有勇氣去執行這要花很多時間研究的應用。
嘗試建立Nostr應用網站,是因前幾天,練習寫了建立AI打工仔,建構自動化數位員工賺取比特幣 (Sats)的 AI Agent
這次,所用開發工具 Antigravity IDE + Claude sonnet Opus 4.5 + Gemini 3 Pro (High),程式純然用 Html+javascript做相關串接就可,但開發過程還真完全沒碰到任何技術問題,就開發完成了。
畫面如下: 網站網址 https://www.iaiguidance.com/feed.html




# Nostriga - 下一代去中心化社交客戶端 (Next-Gen Nostr Client)
Nostriga 是一個基於 Nostr 協議構建的現代化、輕量級社群客戶端。它專注於提供流暢、美觀且功能豐富的用戶體驗,讓您輕鬆接入去中心化社交網絡。
---
## ✨ 核心功能 (Key Features)
### 1. 社交互動 (Social Feed)
- **全球動態**: 瀏覽來自全球中繼站 (Relays) 的最新筆記。
- **互動操作**:
- ❤️ **按讚 (Like)**: 支持發送 Kind 7 反應。
- 🔄 **轉發 (Repost)**: 一鍵轉發喜歡的內容 (Kind 6)。
- 💬 **回覆 (Reply)**: 參與討論,支持多層級對話。
### 2. ⚡ 閃電網絡支付 (Zaps) [NEW]
- **一鍵打賞**: 直接在筆記上點擊閃電圖標 (Zap) 進行打賞。
- **智能解析**: 自動檢測用戶個人資料中的閃電地址 (LNURL/Lud16)。
- **靈活支付**:
- 支持 **WebLN** (如 Alby 擴充功能) 自動喚起錢包支付。
- 提供 **發票 (Invoice)** 複製功能,可使用任何閃電錢包手動支付。
- **預設金額**: 快速選擇 21, 210, 1000, 5000 sats。
### 3. 🔒 加密私訊 (Direct Messages) [NEW]
- **私密聊天**: 透過 NIP-04 協議發送端到端加密訊息。
- **獨立介面**: 專屬的「訊息 (Messages)」分頁,採用雙欄式佈局。
- **實時更新**: 發送訊息後立即顯示,無需等待中繼站回傳。
- **解密支援**: 支援使用 NIP-07 擴充功能 (推薦) 或本地 nsec 私鑰解密。
### 4. 🔍 全網搜尋 (Global Search) [NEW]
- **本地過濾**: 在搜尋欄輸入關鍵字,即時過濾當前頁面的筆記。
- **全網搜尋**: 按下 **Enter** 鍵,觸發 NIP-50 全網搜尋 (支援 `relay.nostr.band` 等搜尋中繼站)。
### 5. 用戶體驗 (UX/UI)
- **現代化設計**: 採用深色模式、玻璃擬態 (Glassmorphism) 和流暢動畫。
- **響應式佈局**: 完美適配桌面端與移動端設備。
- **個人資料**: 查看與編輯個人資料 (頭像、橫幅、簡介)。
- **QR Code**: 快速分享您的公鑰 (Npub) 或閃電地址。
---
## 🚀 如何開始 (Getting Started)
### 1. 安裝與運行
由於 Nostriga 是一個純前端應用 (HTML/JS/CSS),您無需安裝任何後端服務。
1. 下載本專案代碼。
2. 直接使用瀏覽器打開 `index.html` 或 `feed.html`。
3. (推薦) 使用 Live Server 或任何靜態 HTTP 伺服器運行,以獲得最佳體驗。
### 2. 登入方式
Nostriga 提供多種登入選擇:
- **NIP-07 擴充功能 (推薦)**: 安裝 [Alby](https://getalby.com/) 或 [nos2x](https://github.com/fiatjaf/nos2x) 瀏覽器擴充功能。這是最安全的方式,私鑰永遠不會離開您的擴充功能。
- **nsec 私鑰**: 直接輸入您的 `nsec` 開頭私鑰 (僅存儲於本地 Session,重新整理後需重新登入)。
- **只讀模式**: 輸入 `npub` 公鑰,僅瀏覽內容,無法互動。
---
## 📖 操作指南 (Usage Guide)
### 發送 Zap (打賞)
1. 在任何筆記下方點擊 **⚡** 圖標。
2. 選擇金額 (例如 21 sats) 或輸入自定義金額。
3. 點擊 **"Zap It!"**。
4. 若安裝了 Alby,會自動彈出支付確認;否則,請複製顯示的 Invoice 代碼到您的錢包支付。
### 發送私訊 (DM)
1. 點擊左側側邊欄的 **"Messages"**。
2. 點擊右側的 **+** 按鈕開始新對話,輸入對方的 Npub 或公鑰。
3. 在對話窗口輸入訊息並發送。
### 搜尋內容
1. 在右側搜尋欄輸入關鍵字。
2. **本地搜尋**: 直接查看過濾後的當前列表。
3. **全網搜尋**: 按下 **Enter**,系統將從中繼站檢索更多相關內容。
---
## 🛠️ 技術線(Tech Stack)
- **Core**: Vanilla JavaScript (ES6+), HTML5, CSS3
- **Protocol**: Nostr (NIP-01, 04, 07, 19, 50, 57)
- **Cryptography**: `nostr-tools` (由 CDN 引入)
- **Icons**: SVG Icons (Lucide-style)

















