V2EX › Planet › 貝克森的小站站

AI on Chrome 試用

展开 15413 字的全文

Google 從 Chrome 138 版本開始將 Gemini Nano 模型直接嵌入桌面客戶端。這是一種輕量級的大語言模型，在使用者裝置本地執行，所有資料處理都在端側完成，無需上傳至伺服器。瀏覽器會自動管理模型的分發、更新，並充分利用裝置的 GPU、NPU 或 CPU 進行硬體加速。

準備

軟體

支持 AI 功能的 Chrome 需要 138 版本以上。

瀏覽器相容性：

硬體

語言偵測器和翻譯器 API 適用於 Chrome 電腦版。這些 API 無法在行動裝置上運作。在 Chrome 中，只要符合下列條件，即可使用 Prompt API、Summarizer API、Writer API、Rewriter API 和 Proofreader API：

作業系統：Windows 10 或 11；macOS 13 以上版本 (Ventura 以上版本)； Linux；或 Chromebook Plus 裝置上的 ChromeOS (從 Platform 16389.0.0 以上版本開始)。使用 Gemini Nano 的 API 目前不支援 Android 版、iOS 版 Chrome，以及非 Chromebook Plus 裝置上的 ChromeOS。
儲存空間：包含 Chrome 設定檔的磁碟區至少要有 22 GB 的可用空間。
GPU 或 CPU：內建模型可透過 GPU 或 CPU 執行。
GPU：VRAM 必須超過 4 GB。
CPU：RAM 16 GB 以上，CPU 核心 4 個以上。
網路：無限量數據或不計量的連線，下載模型會消耗大量數據。

啟用

設裝置型號優化為 Enabled

chrome://flags/#optimization-guide-on-device-model
設 Gemini Nano 提示 API 為 Enabled

chrome://flags/#prompt-api-for-gemini-nano

複製到地址欄打開。

狀態

Language Detector: Disable

Translator: Disable

Summarizer: Disable

語言偵測 Language Detector

<textarea id="language-detector-text">Guten Tag, mein Name ist Bexon Bai. Ich bin Mobile-Entwickle und spezialisiere mich auf Android- und iOS-Technologie.</textarea>

<button onclick="detection()">檢測</button> 模型狀態：

譯者 Translator

<textarea id="translator-text">Guten Tag, mein Name ist Bexon Bai. Ich bin Mobile-Entwickle und spezialisiere mich auf Android- und iOS-Technologie.</textarea>

<button onclick="translation()">翻譯</button> 模型狀態：

摘要 Summarizer

截止至 Chrome 138 版本，僅支持 [en, es, ja]

<select id="summarizer-type"> <option value="key-points">Key Points</option> <option value="tldr">TL;DR</option> <option value="teaser">Teaser</option> <option value="headline" selected="">Headline</option> </select> <select id="summarizer-length"> <option value="short" selected="">Short</option> <option value="medium">Medium</option> <option value="long">Long</option> </select> <select id="summarizer-format"> <option value="markdown" selected="">Markdown</option> <option value="plain-text">Plain text</option> </select> <select id="summarizer-language"> <option value="en" selected="">English</option> <option value="es">Spanish</option> <option value="ja">Japanese</option> </select>

<button onclick="summaryGeneration()">摘要生成</button> 模型狀態：

技術文檔

Mac 使用 create-dmg 制作 dmg 镜像安装包

展开 2884 字的全文

create-dmg 是一个用于构建精美 dmg 镜像的 shell 脚本。目前大多数开发者，包括 Apple 官方，都在使用 dmg 镜像来分发 Mac App，本文将使用 create-dmg 来制作一个 app 分发镜像。

准备

安装 create-dmg：

通过 Homebrew
```
brew install create-dmg
```
通过 Github 官方仓库

https://github.com/create-dmg/create-dmg

创建 dmg 文件

创建时你需要准备好你的 app 和一张引导拖拽的背景图（文中提供了一张我准备好的），文件目录：

NewEmptyFolder
 - MacApp.app
 - backgroung.svg

背景图

進入資料夾所在的目錄開啟 Terminal。然後執行以下命令：

create-dmg \
  --volname "Application Installer" \
  --background "background.svg" \
  --window-pos 400 200 \
  --window-size 660 400 \
  --icon-size 100 \
  --icon "Application.app" 160 160 \
  --hide-extension "Application.app" \
  --app-drop-link 500 160 \
  "Application.dmg" \
  "Application.app/"

雙擊開啟 Application.dmg

如果你有準備icns圖示，也可以設定映象的圖示：

  --volicon "AppIcon.icns" \

Android 啟用 V1 V2 簽名

在 app 的 build.gradle 的 android 標籤下加入如下

signingConfigs {  
    debug {  
        v1SigningEnabled true  
        v2SigningEnabled true  
    }  
    release {  
        v1SigningEnabled true  
        v2SigningEnabled true  
    }  
}

Mac 中使用 Windows 版 Steam 的方法（通过 Sikarugir）

展开 1337 字的全文

iOS app 的 Clean Architecture + MVVM 架構的一個 Demo

展开 10207 字的全文

螢幕截圖

文件架構

.
├── Feature/
│   ├── Data/ 
│   │   ├── Network/
│   │   │   ├── CloudUserApi.swift
│   │   │   ├── CloudUserRequest.swift
│   │   │   └── CloudUserResponse.swift
│   │   └── Service/
│   │       └── CloudApiService.swift
│   ├── Domain/ 
│   │   ├── Entities/
│   │   │   └── UserEntity.swift
│   │   └── UseCases/
│   │       ├── CloudUserUseCase.swift
│   │       └── CloudSyncUseCase.swift
│   ├── Presentation/ 
│   │   └── CloudUserViewModel.swift
│   └── UI/
│       ├── Components/
│       │   ├── UserRowView.swift
│       │   ├── UserRowView.swift
│       │   └── UserRowView.swift
│       └── UserListView.swift
└── UserApp.swift

App Entry Point

<details> <summary>UserApp.swift</summary>

@main
struct UserApp: App {
  var body: some Scene {
    WindowGroup {
      UserListView()
    }
  }
}

#Preview {
  UserListView()
}

</details>

UI Layer

<details> <summary>Feature/UI/UserListView.swift</summary>

import SwiftUI

struct UserListView: View {
  @StateObject private var viewModel = CloudUserViewModel()
  
  var body: some View {
    NavigationView {
      ZStack {
        if viewModel.isLoading {
          ProgressView("Loading users...")
        } else if let error = viewModel.errorMessage {
          VStack(spacing: 16) {
            Image(systemName: "exclamationmark.triangle")
              .font(.system(size: 48))
              .foregroundColor(.orange)
            Text("Error")
              .font(.headline)
            Text(error)
              .font(.subheadline)
              .foregroundColor(.secondary)
              .multilineTextAlignment(.center)
              .padding(.horizontal)
            Button("Retry") {
              Task {
                await viewModel.loadUsers()
              }
            }
            .buttonStyle(.borderedProminent)
          }
        } else {
          List(viewModel.filteredUsers) { user in
            NavigationLink(destination: UserDetailView(user: user)) {
              UserRowView(user: user)
            }
          }
          .searchable(text: $viewModel.searchText, prompt: "Search users")
        }
      }
      .navigationTitle("Users")
      .toolbar {
        ToolbarItem(placement: .navigationBarTrailing) {
          Button {
            Task {
              await viewModel.syncUsers()
            }
          } label: {
            Image(systemName: "arrow.clockwise")
          }
          .disabled(viewModel.isLoading)
        }
      }
    }
    .task {
      await viewModel.loadUsers()
    }
  }
}

</details> <details> <summary>Feature/UI/Components/UserRowView.swift</summary>

import SwiftUI

struct UserRowView: View {
  let user: UserEntity
  
  var body: some View {
    VStack(alignment: .leading, spacing: 8) {
      Text(user.name)
        .font(.headline)
      
      HStack {
        Image(systemName: "person.circle")
          .foregroundColor(.blue)
        Text(user.username)
          .font(.subheadline)
          .foregroundColor(.secondary)
      }
      
      HStack {
        Image(systemName: "building.2")
          .foregroundColor(.purple)
        Text(user.company)
          .font(.subheadline)
          .foregroundColor(.secondary)
      }
    }
    .padding(.vertical, 4)
  }
}

</details> <details> <summary>Feature/UI/Components/UserDetailView.swift</summary>

import SwiftUI

struct UserDetailView: View {
  let user: UserEntity
  
  var body: some View {
    List {
      Section("Personal Information") {
        DetailRow(icon: "person.fill", title: "Name", value: user.name)
        DetailRow(icon: "at", title: "Username", value: user.username)
        DetailRow(icon: "envelope.fill", title: "Email", value: user.email)
        DetailRow(icon: "phone.fill", title: "Phone", value: user.phone)
        DetailRow(icon: "globe", title: "Website", value: user.website)
      }
      
      Section("Location") {
        DetailRow(icon: "location.fill", title: "City", value: user.city)
      }
      
      Section("Company") {
        DetailRow(icon: "building.2.fill", title: "Company", value: user.company)
        VStack(alignment: .leading, spacing: 4) {
          HStack {
            Image(systemName: "quote.opening")
              .foregroundColor(.blue)
            Text("Catch Phrase")
              .font(.subheadline)
              .foregroundColor(.secondary)
          }
          Text(user.catchPhrase)
            .font(.body)
            .italic()
            .padding(.leading, 24)
        }
      }
    }
    .navigationTitle(user.name)
    .navigationBarTitleDisplayMode(.inline)
  }
}

</details> <details> <summary>Feature/UI/Components/DetailRow.swift</summary>

import SwiftUI

struct DetailRow: View {
  let icon: String
  let title: String
  let value: String
  
  var body: some View {
    HStack {
      Image(systemName: icon)
        .foregroundColor(.blue)
        .frame(width: 24)
      VStack(alignment: .leading, spacing: 2) {
        Text(title)
          .font(.caption)
          .foregroundColor(.secondary)
        Text(value)
          .font(.body)
      }
    }
  }
}

</details>

Presentation Layer

<details> <summary>Feature/Presentation/CloudUserViewModel.swift</summary>

import Combine
import Foundation

class CloudUserViewModel: ObservableObject {
  @Published var users: [UserEntity] = []
  @Published var isLoading = false
  @Published var errorMessage: String?
  @Published var searchText = ""
  
  private let getUsersUseCase = CloudUserUseCaseImpl()
  private let syncUseCase = CloudSyncUseCaseImpl()
  
  var filteredUsers: [UserEntity] {
    if searchText.isEmpty {
      return users
    }
    return users.filter { user in
      user.name.localizedCaseInsensitiveContains(searchText) ||
      user.username.localizedCaseInsensitiveContains(searchText) ||
      user.email.localizedCaseInsensitiveContains(searchText) ||
      user.company.localizedCaseInsensitiveContains(searchText)
    }
  }
  
  func loadUsers() async {
    isLoading = true
    errorMessage = nil
    
    do {
      users = try await getUsersUseCase.execute()
    } catch {
      errorMessage = error.localizedDescription
    }
    
    isLoading = false
  }
  
  func syncUsers() async {
    isLoading = true
    errorMessage = nil
    
    do {
      try await syncUseCase.execute()
      users = try await getUsersUseCase.execute()
    } catch {
      errorMessage = error.localizedDescription
    }
    
    isLoading = false
  }
}

</details>

Domain Layer

<details> <summary>Feature/Domain/Entities/UserEntity.swift</summary>

struct UserEntity: Identifiable {
  let id: Int
  let name: String
  let username: String
  let email: String
  let city: String
  let company: String
  let phone: String
  let website: String
  let catchPhrase: String
}

</details> <details> <summary>Feature/Domain/UseCases/CloudUserUseCase.swift</summary>

protocol CloudUserUseCase {
  func execute() async throws -> [UserEntity]
}

class CloudUserUseCaseImpl: CloudUserUseCase {
  private let service: CloudApiService
  
  init(service: CloudApiService = CloudApiServiceImpl()) {
    self.service = service
  }
  
  func execute() async throws -> [UserEntity] {
    let responses = try await service.getUsers()
    return responses.map { response in
      UserEntity(
        id: response.id,
        name: response.name,
        username: response.username,
        email: response.email,
        city: response.address.city,
        company: response.company.name,
        phone: response.phone,
        website: response.website,
        catchPhrase: response.company.catchPhrase
      )
    }
  }
}

</details> <details> <summary>Feature/Domain/UseCases/CloudSyncUseCase.swift</summary>

protocol CloudSyncUseCase {
  func execute() async throws
}

class CloudSyncUseCaseImpl: CloudSyncUseCase {
  private let service: CloudApiService
  
  init(service: CloudApiService = CloudApiServiceImpl()) {
    self.service = service
  }
  
  func execute() async throws {
    try await service.syncUsers()
  }
}

</details>

Data Layer

<details> <summary>Feature/Data/Network/CloudUserRequest.swift</summary>

struct CloudUserRequest: Codable {
  var endpoint: String = "/users"
}

</details> <details> <summary>Feature/Data/Network/CloudUserResponse.swift</summary>

struct CloudUserResponse: Codable {
  let id: Int
  let name: String
  let username: String
  let email: String
  let address: Address
  let phone: String
  let website: String
  let company: Company
  
  struct Address: Codable {
    let street: String
    let suite: String
    let city: String
    let zipcode: String
    let geo: Geo
    
    struct Geo: Codable {
      let lat: String
      let lng: String
    }
  }
  
  struct Company: Codable {
    let name: String
    let catchPhrase: String
    let bs: String
  }
}

</details> <details> <summary>Feature/Data/Network/CloudUserApi.swift</summary>

import Foundation

protocol CloudUserApi {
  func fetchUsers() async throws -> [CloudUserResponse]
}

class CloudUserApiImpl: CloudUserApi {
  private let baseURL = "https://jsonplaceholder.typicode.com"
  
  func fetchUsers() async throws -> [CloudUserResponse] {
    guard let url = URL(string: "\(baseURL)/users") else {
      throw URLError(.badURL)
    }
    
    let (data, _) = try await URLSession.shared.data(from: url)
    let users = try JSONDecoder().decode([CloudUserResponse].self, from: data)
    return users
  }
}

</details> <details> <summary>Feature/Data/Service/CloudApiService.swift</summary>

protocol CloudApiService {
  func getUsers() async throws -> [CloudUserResponse]
  func syncUsers() async throws
}

class CloudApiServiceImpl: CloudApiService {
  private let api: CloudUserApi
  
  init(api: CloudUserApi = CloudUserApiImpl()) {
    self.api = api
  }
  
  func getUsers() async throws -> [CloudUserResponse] {
    return try await api.fetchUsers()
  }
  
  func syncUsers() async throws {
    _ = try await api.fetchUsers()
  }
}

</details>

Xcode Swift Package Manager 無法下載 GitHub 包問題

展开 741 字的全文

使用 GPG 簽名 git commits

展开 2335 字的全文

目的

因為 git 本身允許修改 commit，本文章指導如何在 macOS 作業系統中使用 GPG 對 git 提交進行數字簽名。透過這種方式，提交在 GitHub 或其它 git 程式碼管理系統上將被標記為已驗證，從而增加提交的可信度。🎉

配置步驟

安裝 GPG

透過 Homebrew 安裝 GPG：

brew install gpg

安裝 GPG 工具，之後可以使用它來生成和管理金鑰對。

檢查現有的 GPG 金鑰

在生成新的 GPG 金鑰對之前，首先檢查是否已經存在 GPG 金鑰。執行以下命令：

gpg --list-secret-keys --keyid-format LONG
如果命令沒有返回任何金鑰，說明你還沒有配置 GPG 金鑰。
% gpg --list-secret-keys --keyid-format LONG
gpg: directory '/Users/UserName/.gnupg' created
gpg: /Users/UserName/.gnupg/trustdb.gpg: trustdb created

如果返回了金鑰資訊，則可以跳過生成 GPG 金鑰對的步驟。

% gpg --list-secret-keys --keyid-format LONG
[keyboxd]
---------
sec   ed25519/E7175B0CAF8C4FE0 2024-09-16 [SC]
      *****************
uid                 [ultimate] UserName <[email protected]>
ssb   cv25519/88CAD4AB29BCB4B5 2024-09-16 [E]

後面也可以透過這條命令檢視已有的金鑰

生成 GPG 金鑰對

生成新金鑰對：

gpg --full-generate-key --expert
# 使用 --expert 選項可以支援 ECC 
# 加密演算法。如果選擇 RSA 演算法，則無需使用 --expert 選項

選擇金鑰型別：選擇 (9) ECC (sign and encrypt) default
選擇演算法：選擇 (1) Curve 25519
設定金鑰過期時間：0 為永不過期
確認資訊 Key is valid for? (0) Is this correct? (y/N)
設定使用者 ID：確保郵箱地址與commit郵箱一致
設定密碼

匯出公鑰

獲取金鑰列表：

gpg --list-secret-keys --keyid-format LONG

示例輸出：

% gpg --list-secret-keys --keyid-format LONG
gpg: checking the trustdb
gpg: marginals needed: 3  completes needed: 1  trust model: pgp
gpg: depth: 0  valid:   1  signed:   0  trust: 0-, 0q, 0n, 0m, 0f, 1u
[keyboxd]
---------
sec   ed25519/E7175B0CAF8C4FE0 2024-09-16 [SC]
      *****************
uid                 [ultimate] UserName <[email protected]>
ssb   cv25519/88CAD4AB29BCB4B5 2024-09-16 [E]

記下 sec ed25519/ 後面的 GPG Key ID，例如 E7175B0CAF8C4FE0

匯出公鑰：

gpg --armor --export E7175B0CAF8C4FE0

將匯出的公鑰複製並貼上到 GitHub 的 GPG 金鑰新增頁面上。

-----BEGIN PGP PUBLIC KEY BLOCK-----
PUBLIC KEY
-----END PGP PUBLIC KEY BLOCK-----

配置 Git

設定 gpg-agent 環境變數：

echo 'export GPG_TTY=$(tty)' >> ~/.zshrc
source ~/.zshrc

這裡只寫了Oh my zsh的，其它工具自行改一下

配置 Git 使用 GPG 簽名：

當前目錄

git config user.signingkey E7175B0CAF8C4FE0
git config commit.gpgsign true

全域性

git config --global user.signingkey E7175B0CAF8C4FE0
git config --global commit.gpgsign true

注意替換為實際的 GPG Key ID。

對於不需要 GPG 簽名的 Git 倉庫，進入倉庫目錄並執行：

git config commit.gpgsign false

祝程式設計愉悅！

Mac 簡單配置不同 host 的 ssh-key

展开 3748 字的全文

1. 生成新 SSH 金鑰

ssh-keygen -t ed25519 -C "[email protected]"

執行後會出現提示：

Enter file in which to save the key: 直接回車使用預設名稱 id_ed25519
Enter passphrase: 建議設置密碼以增加安全性(也可以直接回車跳過)
Enter same passphrase again: 再次輸入密碼確認

提示: 如果你使用的是舊系統不支援 ed25519,可以使用 ssh-keygen -t rsa -b 4096 -C "[email protected]" 替代。

2. 設置正確的檔案權限(重要!)

SSH 對檔案權限要求嚴格,否則金鑰可能被忽略:

chmod 700 ~/.ssh
chmod 600 ~/.ssh/id_ed25519
chmod 644 ~/.ssh/id_ed25519.pub

3. 將 SSH 金鑰新增到 ssh-agent

macOS 用戶

# 啟動 ssh-agent
eval "$(ssh-agent -s)"

# 編輯或創建 config 檔案,實現自動載入
vi ~/.ssh/config

按 i 進入編輯模式,加入以下內容:

Host *
  AddKeysToAgent yes
  UseKeychain yes
  IdentityFile ~/.ssh/id_ed25519

按 esc 然後輸入 :wq 儲存退出。

# 新增金鑰到 ssh-agent
ssh-add --apple-use-keychain ~/.ssh/id_ed25519

Linux 用戶

# 啟動 ssh-agent
eval "$(ssh-agent -s)"

# 新增金鑰
ssh-add ~/.ssh/id_ed25519

Windows 用戶(Git Bash)

# 啟動 ssh-agent
eval "$(ssh-agent -s)"

# 新增金鑰
ssh-add ~/.ssh/id_ed25519

4. 複製公鑰到剪貼簿

macOS

pbcopy < ~/.ssh/id_ed25519.pub

Linux

# 使用 xclip(需先安裝: sudo apt install xclip)
xclip -selection clipboard < ~/.ssh/id_ed25519.pub

# 或直接顯示並手動複製
cat ~/.ssh/id_ed25519.pub

Windows(Git Bash)

clip < ~/.ssh/id_ed25519.pub

5. 將公鑰新增到 GitHub

登入 GitHub
點擊右上角頭像 → Settings
左側選單選擇 SSH and GPG keys
點擊 New SSH key
Title: 輸入這個金鑰的描述(例如: "My Laptop")
Key: 貼上剛才複製的公鑰
點擊 Add SSH key

6. 配置多個 Git 服務(選用)

如果你使用多個 Git 託管服務或多個帳號,可以編輯 ~/.ssh/config:

vi ~/.ssh/config

按 i 進入編輯模式,加入配置:

# GitHub 個人帳號
Host github.com
  HostName github.com
  User git
  PreferredAuthentications publickey
  IdentityFile ~/.ssh/id_ed25519

# GitHub 工作帳號
Host github-work
  HostName github.com
  User git
  PreferredAuthentications publickey
  IdentityFile ~/.ssh/id_ed25519_work

# Bitbucket
Host bitbucket.org
  HostName bitbucket.org
  User git
  PreferredAuthentications publickey
  IdentityFile ~/.ssh/bitbucket_id_ed25519

# GitLab
Host gitlab.com
  HostName gitlab.com
  User git
  PreferredAuthentications publickey
  IdentityFile ~/.ssh/gitlab_id_ed25519

按 esc 然後輸入 :wq 儲存。

使用工作帳號時:

git clone git@github-work:company/repo.git

7. 測試連接

GitHub

ssh -T [email protected]

成功的回應:

Hi <username>! You've successfully authenticated, but GitHub does not provide shell access.

Bitbucket

ssh -T [email protected]

GitLab

ssh -T [email protected]

常見問題排解

❌ Permission denied (publickey)

可能原因:

公鑰沒有正確新增到 GitHub
檔案權限不正確
ssh-agent 沒有載入金鑰

解決方法:

# 檢查權限
ls -la ~/.ssh

# 確認金鑰已載入
ssh-add -l

# 如果沒有,重新新增
ssh-add ~/.ssh/id_ed25519

# 詳細除錯模式
ssh -vT [email protected]

❌ 首次連接提示無法確認主機真實性

The authenticity of host 'github.com' can't be established.
ED25519 key fingerprint is SHA256:xxx...
Are you sure you want to continue connecting (yes/no/[fingerprint])?

輸入 yes 並按回車(注意要完整輸入 yes,不能只按回車)。

❌ ssh-add 後重啟電腦金鑰消失

參考步驟 3 的 config 配置,確保已加入 AddKeysToAgent yes。

❌ 設定正確的檔案權限

chmod 700 ~/.ssh
chmod 600 ~/.ssh/id_ed25519
chmod 644 ~/.ssh/id_ed25519.pub
chmod 600 ~/.ssh/config

安全提示

永遠不要分享你的私鑰 (id_ed25519)
建議為私鑰設置 passphrase 增加安全性
定期輪換金鑰 每年或離職時更新
刪除不用的金鑰 在 GitHub Settings 中移除舊裝置的金鑰
備份私鑰 但要加密存放在安全的地方

將現有專案改用 SSH

如果你的專案目前使用 HTTPS,可以切換到 SSH:

# 查看當前遠端 URL
git remote -v

# 更改為 SSH URL
git remote set-url origin [email protected]:username/repo.git

# 確認更改
git remote -v

祝程式設計愉悅! 🚀

如果遇到問題,可以使用 ssh -vvv [email protected] 查看詳細除錯資訊。

Lizard: Android 上的 Planet 小瀏覽器

Lizard 是一個沒什麼用的 Planet 小瀏覽器

新站搭建

這個地方也是有夠隱秘的😎

測試一下所有功能