Hero Image
比 Ctrl+F 更聰明：直接連到網頁內容

比 Ctrl+F 更聰明：直接連到網頁內容 語法 https://example.com/page.html#:~:text=[prefix-,]textStart[,textEnd][,-suffix] 範例 https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments#:~:text=without%20relying%20on%20the%20presence%20of%20IDs

Wednesday, December 25, 2024 閱讀
Hero Image
終端機程式遵循的規則

終端機程式遵循的「規則」 規則 1：非互動程式應在按 Ctrl-C 時退出 規則 2：按 q 時，TUI 應退出 規則 3：在空白行上按 Ctrl-D 時，REPL 應退出 規則 4：不要使用超過 16 種顏色 規則 5：支援 readline 鍵綁定 規則 5.1：Ctrl-W 應刪除最後一個單字 規則 6：寫入管道時停用顏色 規則 7：- 表示 stdin/stdout

Wednesday, December 25, 2024 閱讀
Hero Image
LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite

LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite 現代瀏覽器可用的 Storage API Cookies Cookies 會儲存小型的鍵值資料，主要用於工作階段管理、個人化與追蹤。Cookies 可以設定多種安全選項，例如存活時間或網域屬性，以便在多個子網域之間共用。 LocalStorage LocalStorage 只適合儲存少量且需要跨 session 保存的資料，並且受限於 5MB 的容量上限。要儲存複雜資料，通常需要轉成字串，例如使用 JSON.stringify()。這個 API 不是非同步的，代表在操作時會阻塞你的 JavaScript 程序，因此執行重型操作可能會讓 UI 無法渲染。 IndexedDB IndexedDB 是一個用於儲存大量結構化 JSON 資料的低階 API。雖然使用起來有些困難，但 IndexedDB 可以利用索引並支援非同步操作。它缺乏複雜查詢能力，只能迭代索引，更像是其他函式庫的底層基礎，而非完整的資料庫。 儲存容量限制 技術 上限 Cookie 4 KB LocalStorage 每個來源 4 MB 到 10 MB IndexedDB 取決於瀏覽器實作 OPFS 取決於可用的磁碟空間 效能比較 初始化時間 技術 時間（毫秒） IndexedDB 46 OPFS 主執行緒 23 OPFS WebWorker 26.8 WASM SQLite（記憶體） 504 WASM SQLite（IndexedDB） 535 小型寫入延遲 技術 時間（毫秒） Cookies 0.058 LocalStorage 0.017 IndexedDB 0.17 OPFS 主執行緒 1.46 OPFS WebWorker 1.54 WASM SQLite（記憶體） 0.17 WASM SQLite（IndexedDB） 3.17 小型讀取延遲 技術 時間（毫秒） Cookies 0.132 LocalStorage 0.0052 IndexedDB 0.1 OPFS 主執行緒 1.28 OPFS WebWorker 1.41 WASM SQLite（記憶體） 0.45 WASM SQLite（IndexedDB） 2.93

Friday, November 29, 2024 閱讀
Hero Image
我如何設定 Git 身分

我如何設定 Git 身分 includeIf [includeIf "gitdir:~/code/**"] path = ~/.config/git/personal [includeIf "gitdir:~/work/**"] path = ~/.config/git/work hasconfig:remote.*.url: [includeIf "hasconfig:remote.*.url:git@github.com:*/**"] path = ~/.config/git/config-gh [includeIf "hasconfig:remote.*.url:git@github.com:orgname/**"] path = ~/.config/git/config-gh-org [includeIf "hasconfig:remote.*.url:git@gitlab.com:*/**"] path = ~/.config/git/config-gl [includeIf "hasconfig:remote.*.url:git@git.sr.ht:*/**"] path = ~/.config/git/config-srht insteadOf [url "gh-work:orgname"] insteadOf = git@github.com:orgname

Monday, November 25, 2024 閱讀
Hero Image
加速 Rust 編輯、建置、執行循環

加速 Rust 編輯、建置、執行循環

Monday, November 18, 2024 閱讀
Hero Image
Mac 小眾軟體推薦與工作流程分享（2024）

Mac 小眾軟體推薦與工作流程分享（2024）

Thursday, November 14, 2024 閱讀
Hero Image
Objective-See：一個關於 Apple 裝置隱私與安全的開源專案組織

Objective-See：一個關於 Apple 裝置隱私與安全的開源專案組織 今天在找小工具時發現他們做了一堆 macOS 上的開源軟體，基本都是和隱私與安全相關。 KnockKnock：查看你的 Mac 上有哪些背景行程、守護行程、啟動項、核心擴充、登入項、瀏覽器外掛等等。能看到的比「Login Items」詳細得多（有的軟體會用其他方式自啟）。 LuLu：一個開源的 macOS 網路防火牆，可以讓你詳細控制每個軟體的網路連線（類似 Hands Off!）。 TaskExplorer：增強版的工作管理員，可以看到應用的簽名、開啟的檔案、網路連線等等，還可以根據 sha256 自動幫你搜尋 VirusTotal 的結果。 Do Not Disturb：可以阻止你的 Mac 被打擾（沒錯），當你的 Mac 被別人打開上蓋時可以發送警告、執行腳本、偵測裝置變化之類的。 BlockBlock：可以阻止背景的持久化安裝，RansomWhere 可以偵測檔案被加密的行為，還有一些雜七雜八的獨立工具。 https://objective-see.org

Wednesday, November 13, 2024 閱讀
Hero Image
Advanced macOS Command-Line Tools

Advanced macOS Command-Line Tools Useful built-in macOS command-line utilities 苹果：为了安全让 M2 吃灰 sips - image manipulation sips -z <height> <width> <image> resizes the specified image, ignoring the previous aspect ratio. sips -Z <size> <image> resizes the largest side of the specified image, preserving the aspect ratio. sips -c <height> <width> <image> crops the specified image to the given dimensions (relative to the center of the original image). sips -r <degrees> <image> rotates the image by the specified degrees.

Wednesday, November 13, 2024 閱讀
Hero Image
工欲善其事，必先利其器 —— 我的家庭網路組網方案

工欲善其事，必先利其器 —— 我的家庭網路組網方案

Monday, November 11, 2024 閱讀
Hero Image
將 Cloudflare WARP 轉成 HTTP 代理

將 Cloudflare WARP 轉成 HTTP 代理 warp-cli proxy port 60606 warp-cli mode proxy 然而，Go 程式不支援 socks 代理，要手動加 transport 我可沒那個功夫去加。 好消息是，Go 預設會尊重環境變數 http_proxy。因此我們要想辦法把 socks 代理轉成 http 代理。 pproxy -v -l http://127.0.0.1:8118 -r socks5://127.0.0.1:60606 https_proxy=http://127.0.0.1:8118 http_proxy=http://127.0.0.1:8118 curl ipv4.win curl: (52) Empty reply from server # pproxy logs Serving on ipv? 127.0.0.1:8118 by http http 127.0.0.1:45012 -> socks5 127.0.0.1:60606 -> ipv4.win:80 Unknown remote protocol from 127.0.0.1 可能是 pproxy 的問題，那就用 gost。 gost -L http://127.0.0.1:8118 -F socks5://127.0.0.1:60606 2024/11/03 12:32:43 route.go:700: http://127.0.0.1:8118 on 127.0.0.1:8118 2024/11/03 12:32:46 http.go:162: [http] 127.0.0.1:33284 -> http://127.0.0.1:8118 -> ipv4.win:80 2024/11/03 12:32:46 http.go:257: [route] 127.0.0.1:33284 -> http://127.0.0.1:8118 -> 1@socks5://127.0.0.1:60606 -> ipv4.win:80 2024/11/03 12:32:46 http.go:280: [http] 127.0.0.1:33284 -> 127.0.0.1:8118 : unexpected EOF 那就用 Privoxy。

Wednesday, November 6, 2024 閱讀
Hero Image
使用 Cloudflare 中轉 V2Ray 流量

使用 Cloudflare 中轉 V2Ray 流量 最好用的 V2Ray 一鍵安裝腳本 V2Ray 腳本 DNS 設定 V2Ray 腳本中轉教學 安裝腳本 bash <(wget -qO- -o- https://git.io/v2ray.sh) 準備 我們現在就新增一筆 DNS 記錄，名稱：ai，IPv4 位址：寫你的 VPS IP，代理狀態必須關閉，雲朵圖示為灰色。 提示：你可以使用 v2ray ip 查看你的 VPS IP。 新增中轉配置 使用 v2ray add ws ai.233boy.com 新增一個 vmess-ws-tls 配置；記得把 ai.233boy.com 改成你的網域。 就是剛才新增記錄的那個網域，假設你的網域是 233boy.com，新增的名稱是 ai，網域就是 ai.233boy.com。 開啟中轉 在 Cloudflare 後台首頁，點你的網域進去，在左側選項選單選擇 SSL/TLS。 把 SSL/TLS 加密模式改成 完全。 接著在左側選項選單選擇 DNS。 編輯剛新增的記錄，把代理狀態打開，也就是 已代理，雲朵圖示為點亮狀態，然後儲存。 雲朵點亮後，流量就會走 Cloudflare 中轉。 提醒：雲朵點亮代表流量經由 Cloudflare 中轉；雲朵灰色代表直連，不走 Cloudflare 中轉。 取得真實客戶端 IP 有些人可能有特殊需求，因為套上 CF 後，預設在查看日誌時會顯示客戶端 IP 為 CF 的 IP。

Tuesday, October 22, 2024 閱讀
Hero Image
進階 Shell 腳本技巧：用 Bash 自動化複雜任務

進階 Shell 腳本技巧：用 Bash 自動化複雜任務 使用內建指令 內建指令執行更快，因為不需要載入外部程序。 減少子殼層 子殼層會帶來效能成本。 # Inefficient output=$(cat file.txt) # Efficient output=$(<file.txt) 使用陣列處理大量資料 處理大量資料時，陣列比多個變數更有效率，也更好管理。 # Inefficient item1="apple" item2="banana" item3="cherry" # Efficient items=("apple" "banana" "cherry") for item in "${items[@]}"; do echo "$item" done 啟用 Noclobber 避免檔案被意外覆寫。 set -o noclobber 使用函式 函式可以封裝並重用程式碼，讓腳本更乾淨、重複更少。 高效的檔案操作 進行檔案操作時，使用更有效率的技巧以降低資源消耗。 # Inefficient while read -r line; do echo "$line" done < file.txt # Efficient while IFS= read -r line; do echo "$line" done < file.txt 平行處理 像 xargs 和 GNU parallel 這類工具非常實用。 錯誤處理 健全的錯誤處理對建立可靠、易維護的腳本至關重要。 # Exit on Error: Using set -e ensures that your script exits immediately if any command fails, preventing cascading errors. set -e # Custom Error Messages: Implement custom error messages to provide more context when something goes wrong. command1 || { echo "command1 failed"; exit 1; } # Trap Signals: Use the `trap` command to catch and handle signals and errors gracefully. trap 'echo "Error occurred"; cleanup; exit 1' ERR function cleanup() { # Cleanup code } # Validate Inputs: Always validate user inputs and script arguments to prevent unexpected behavior. if [[ -z "$1" ]]; then echo "Usage: $0 <argument>" exit 1 fi # Logging: Implement logging to keep track of script execution and diagnose issues. logfile="script.log" exec > >(tee -i $logfile) exec 2>&1 echo "Script started" 自動化複雜的系統管理工作 自動化備份 系統監控 使用者管理 自動更新 網路設定

Wednesday, September 25, 2024 閱讀