[{"data":1,"prerenderedAt":41527},["ShallowReactive",2],{"nav-search-articles-zh":3,"news-\u002Fnews\u002Fcursor-ios-mobile-app":41067,"news-prev-next-zh":41471},[4,1575,2138,2664,3456,4214,4852,6119,6596,7110,7501,7792,7978,8482,9960,10456,10783,12794,13472,13962,14453,14932,15382,15660,16742,18122,19196,19655,20541,20834,21308,22602,23655,24095,24865,25429,26285,27129,28323,28570,30447,31021,31588,32184,32550,33333,34225,34652,34857,35112,36339,36987,37883,38507,38987,39549,40269],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"date":11,"updated":11,"category":12,"image":13,"tags":14,"series":21,"readingTime":22,"difficulty":23,"local":24,"platforms":25,"gpu":29,"draft":7,"body":30,"_type":1569,"_id":1570,"_source":1571,"_file":1572,"_stem":1573,"_extension":1574},"\u002Farticles\u002Fcodebase-memory","articles",false,"","Codebase Memory MCP 實測：把整個程式碼庫變成 AI Agent 可查詢的知識圖譜","Codebase Memory MCP 是一個本機運行的程式碼知識圖譜引擎，能讓 Claude Code、Codex、Cursor 等 AI Agent 直接查詢函式、呼叫鏈、架構與影響範圍。本文實測安裝、索引、3D Graph UI 與 CLI 查詢流程。","2026-06-29","AI & Tools","\u002Fday_assets\u002Fcodebase-memory\u002Fproject.jpg",[15,16,17,18,19,20],"AI Tools","AI Agents","Open Source","CLI","Data Visualization","Codex","ai-agent","10 min read","Medium",true,[26,27,28],"macOS","Windows","Linux","None",{"type":31,"children":32,"toc":1553},"root",[33,41,47,52,66,82,87,92,97,101,106,111,116,121,152,157,160,166,171,176,205,210,223,228,231,237,242,280,285,290,320,325,330,333,338,343,379,384,429,434,439,477,482,501,504,510,515,539,544,559,564,599,612,630,635,638,643,648,676,689,802,807,810,816,821,834,862,867,872,911,916,919,925,937,949,976,981,999,1004,1013,1052,1060,1108,1113,1118,1121,1127,1132,1244,1249,1277,1304,1331,1336,1339,1345,1350,1355,1369,1374,1379,1384,1387,1393,1398,1431,1436,1441,1444,1449,1454,1459,1464,1469,1474,1477,1482,1487,1492,1497,1502,1507,1515,1547],{"type":34,"tag":35,"props":36,"children":38},"element","h2",{"id":37},"前言",[39],{"type":40,"value":37},"text",{"type":34,"tag":42,"props":43,"children":44},"p",{},[45],{"type":40,"value":46},"如果你有認真用過 AI Coding Agent，應該很快就會遇到一個問題：",{"type":34,"tag":42,"props":48,"children":49},{},[50],{"type":40,"value":51},"AI 很會寫程式，但它不一定真的「知道」你的 codebase 長什麼樣子。",{"type":34,"tag":42,"props":53,"children":54},{},[55,57,64],{"type":40,"value":56},"它可以用 ",{"type":34,"tag":58,"props":59,"children":61},"code",{"className":60},[],[62],{"type":40,"value":63},"grep",{"type":40,"value":65}," 找字串，可以讀幾個檔案，也可以靠你貼脈絡給它猜。但當專案變大之後，這種探索方式很容易變成「一邊猜、一邊翻、一邊漏」。",{"type":34,"tag":42,"props":67,"children":68},{},[69,71,80],{"type":40,"value":70},"今天要介紹的 ",{"type":34,"tag":72,"props":73,"children":77},"a",{"href":74,"rel":75},"https:\u002F\u002Fgithub.com\u002FDeusData\u002Fcodebase-memory-mcp",[76],"nofollow",[78],{"type":40,"value":79},"Codebase Memory MCP",{"type":40,"value":81},"，就是專門解決這件事的工具。",{"type":34,"tag":42,"props":83,"children":84},{},[85],{"type":40,"value":86},"它會在本機把整個 repository 解析成 knowledge graph，包含 functions、classes、imports、call chains、HTTP routes、cross-service links 等資訊。然後透過 MCP 提供給 Claude Code、Codex、Cursor、Gemini CLI、VS Code 等 Agent 使用。",{"type":34,"tag":42,"props":88,"children":89},{},[90],{"type":40,"value":91},"換句話說，它不是讓 AI 再多讀幾個檔案，而是讓 AI 可以直接查「這個函式誰呼叫」、「這段改動會影響哪裡」、「整個專案有哪些模組」、「這個 route 對應到哪段程式碼」。",{"type":34,"tag":42,"props":93,"children":94},{},[95],{"type":40,"value":96},"我自己實測下來，最有感的是：它把 codebase discovery 從翻檔案，變成查圖譜。",{"type":34,"tag":98,"props":99,"children":100},"hr",{},[],{"type":34,"tag":35,"props":102,"children":104},{"id":103},"實測畫面",[105],{"type":40,"value":103},{"type":34,"tag":42,"props":107,"children":108},{},[109],{"type":40,"value":110},"這次我直接拿自己的部落格專案做測試。索引完成後，Codebase Memory MCP 把整個 repo 轉成可以互動的 3D knowledge graph。影片裡可以看到我直接拖動畫面、縮放圖譜，並用節點之間的連線快速觀察程式碼關聯。",{"type":34,"tag":112,"props":113,"children":115},"fullscreen-video",{"src":114},"\u002Fday_assets\u002Fcodebase-memory\u002Fdemo.mp4",[],{"type":34,"tag":42,"props":117,"children":118},{},[119],{"type":40,"value":120},"索引結果如下：",{"type":34,"tag":122,"props":123,"children":124},"ul",{},[125,131,136,141],{"type":34,"tag":126,"props":127,"children":128},"li",{},[129],{"type":40,"value":130},"掃描檔案：326 個",{"type":34,"tag":126,"props":132,"children":133},{},[134],{"type":40,"value":135},"Graph nodes：3995 個",{"type":34,"tag":126,"props":137,"children":138},{},[139],{"type":40,"value":140},"Graph edges：8243 條",{"type":34,"tag":126,"props":142,"children":143},{},[144,146],{"type":40,"value":145},"UI 位址：",{"type":34,"tag":58,"props":147,"children":149},{"className":148},[],[150],{"type":40,"value":151},"http:\u002F\u002Flocalhost:9749",{"type":34,"tag":42,"props":153,"children":154},{},[155],{"type":40,"value":156},"這不是單純畫一張漂亮的圖而已。背後的 nodes\u002Fedges 真的可以被 MCP 工具查詢，包含架構概覽、函式呼叫路徑、程式碼片段、語意搜尋與 Cypher-like query。",{"type":34,"tag":98,"props":158,"children":159},{},[],{"type":34,"tag":35,"props":161,"children":163},{"id":162},"codebase-memory-mcp-是什麼",[164],{"type":40,"value":165},"Codebase Memory MCP 是什麼？",{"type":34,"tag":42,"props":167,"children":168},{},[169],{"type":40,"value":170},"官方對它的定位是「給 AI Coding Agent 用的 code intelligence engine」。",{"type":34,"tag":42,"props":172,"children":173},{},[174],{"type":40,"value":175},"它的核心流程大概是這樣：",{"type":34,"tag":177,"props":178,"children":179},"ol",{},[180,185,190,195,200],{"type":34,"tag":126,"props":181,"children":182},{},[183],{"type":40,"value":184},"用 tree-sitter 解析專案裡的程式碼",{"type":34,"tag":126,"props":186,"children":187},{},[188],{"type":40,"value":189},"把 functions、classes、modules、routes、imports 等結構變成 graph",{"type":34,"tag":126,"props":191,"children":192},{},[193],{"type":40,"value":194},"用 SQLite 在本機儲存索引",{"type":34,"tag":126,"props":196,"children":197},{},[198],{"type":40,"value":199},"透過 MCP tools 讓 Agent 查詢這些結構",{"type":34,"tag":126,"props":201,"children":202},{},[203],{"type":40,"value":204},"如果安裝 UI 版本，還能在瀏覽器看到 3D graph visualization",{"type":34,"tag":42,"props":206,"children":207},{},[208],{"type":40,"value":209},"官方 README 提到它支援 158 種語言，並針對 Python、TypeScript、JavaScript、PHP、C#、Go、C\u002FC++、Java、Kotlin、Rust 等語言加入 Hybrid LSP semantic type resolution。",{"type":34,"tag":42,"props":211,"children":212},{},[213,215,221],{"type":40,"value":214},"它也不是雲端服務，不需要 API key，不需要 Docker。整個過程都在本機跑，資料會存在 ",{"type":34,"tag":58,"props":216,"children":218},{"className":217},[],[219],{"type":40,"value":220},"~\u002F.cache\u002Fcodebase-memory-mcp\u002F",{"type":40,"value":222},"。",{"type":34,"tag":42,"props":224,"children":225},{},[226],{"type":40,"value":227},"這點對公司內部專案或私有 repo 很重要，因為你的 codebase 不需要上傳到第三方服務。",{"type":34,"tag":98,"props":229,"children":230},{},[],{"type":34,"tag":35,"props":232,"children":234},{"id":233},"它和-grep-最大的不同",[235],{"type":40,"value":236},"它和 grep 最大的不同",{"type":34,"tag":42,"props":238,"children":239},{},[240],{"type":40,"value":241},"一般 Agent 找 code，大多是這樣：",{"type":34,"tag":243,"props":244,"children":248},"pre",{"className":245,"code":246,"language":247,"meta":8,"style":8},"language-bash shiki shiki-themes one-dark-pro","grep -R \"ProcessOrder\" .\n","bash",[249],{"type":34,"tag":58,"props":250,"children":251},{"__ignoreMap":8},[252],{"type":34,"tag":253,"props":254,"children":257},"span",{"class":255,"line":256},"line",1,[258,263,269,275],{"type":34,"tag":253,"props":259,"children":261},{"style":260},"--shiki-default:#61AFEF",[262],{"type":40,"value":63},{"type":34,"tag":253,"props":264,"children":266},{"style":265},"--shiki-default:#D19A66",[267],{"type":40,"value":268}," -R",{"type":34,"tag":253,"props":270,"children":272},{"style":271},"--shiki-default:#98C379",[273],{"type":40,"value":274}," \"ProcessOrder\"",{"type":34,"tag":253,"props":276,"children":277},{"style":271},[278],{"type":40,"value":279}," .\n",{"type":34,"tag":42,"props":281,"children":282},{},[283],{"type":40,"value":284},"找到幾個字串後，再一個一個檔案讀，接著推測呼叫關係。",{"type":34,"tag":42,"props":286,"children":287},{},[288],{"type":40,"value":289},"Codebase Memory MCP 的思路不同。它先把 codebase 建成結構化圖譜，所以 Agent 可以直接問：",{"type":34,"tag":243,"props":291,"children":293},{"className":245,"code":292,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli trace_path '{\"function_name\":\"ProcessOrder\",\"direction\":\"inbound\"}'\n",[294],{"type":34,"tag":58,"props":295,"children":296},{"__ignoreMap":8},[297],{"type":34,"tag":253,"props":298,"children":299},{"class":255,"line":256},[300,305,310,315],{"type":34,"tag":253,"props":301,"children":302},{"style":260},[303],{"type":40,"value":304},"codebase-memory-mcp",{"type":34,"tag":253,"props":306,"children":307},{"style":271},[308],{"type":40,"value":309}," cli",{"type":34,"tag":253,"props":311,"children":312},{"style":271},[313],{"type":40,"value":314}," trace_path",{"type":34,"tag":253,"props":316,"children":317},{"style":271},[318],{"type":40,"value":319}," '{\"function_name\":\"ProcessOrder\",\"direction\":\"inbound\"}'\n",{"type":34,"tag":42,"props":321,"children":322},{},[323],{"type":40,"value":324},"這代表它查的不是「哪裡出現這個字」，而是「誰真的呼叫它」。",{"type":34,"tag":42,"props":326,"children":327},{},[328],{"type":40,"value":329},"這個差異在大專案裡非常明顯。因為字串搜尋很容易找到註解、測試資料、文件、同名變數，但 graph query 可以回到程式結構本身。",{"type":34,"tag":98,"props":331,"children":332},{},[],{"type":34,"tag":35,"props":334,"children":336},{"id":335},"安裝方式",[337],{"type":40,"value":335},{"type":34,"tag":42,"props":339,"children":340},{},[341],{"type":40,"value":342},"macOS 或 Linux 可以直接使用官方安裝腳本：",{"type":34,"tag":243,"props":344,"children":346},{"className":245,"code":345,"language":247,"meta":8,"style":8},"curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002FDeusData\u002Fcodebase-memory-mcp\u002Fmain\u002Finstall.sh | bash\n",[347],{"type":34,"tag":58,"props":348,"children":349},{"__ignoreMap":8},[350],{"type":34,"tag":253,"props":351,"children":352},{"class":255,"line":256},[353,358,363,368,374],{"type":34,"tag":253,"props":354,"children":355},{"style":260},[356],{"type":40,"value":357},"curl",{"type":34,"tag":253,"props":359,"children":360},{"style":265},[361],{"type":40,"value":362}," -fsSL",{"type":34,"tag":253,"props":364,"children":365},{"style":271},[366],{"type":40,"value":367}," https:\u002F\u002Fraw.githubusercontent.com\u002FDeusData\u002Fcodebase-memory-mcp\u002Fmain\u002Finstall.sh",{"type":34,"tag":253,"props":369,"children":371},{"style":370},"--shiki-default:#ABB2BF",[372],{"type":40,"value":373}," | ",{"type":34,"tag":253,"props":375,"children":376},{"style":260},[377],{"type":40,"value":378},"bash\n",{"type":34,"tag":42,"props":380,"children":381},{},[382],{"type":40,"value":383},"如果你想要 3D Graph UI，建議直接安裝 UI 版本：",{"type":34,"tag":243,"props":385,"children":387},{"className":245,"code":386,"language":247,"meta":8,"style":8},"curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002FDeusData\u002Fcodebase-memory-mcp\u002Fmain\u002Finstall.sh | bash -s -- --ui\n",[388],{"type":34,"tag":58,"props":389,"children":390},{"__ignoreMap":8},[391],{"type":34,"tag":253,"props":392,"children":393},{"class":255,"line":256},[394,398,402,406,410,414,419,424],{"type":34,"tag":253,"props":395,"children":396},{"style":260},[397],{"type":40,"value":357},{"type":34,"tag":253,"props":399,"children":400},{"style":265},[401],{"type":40,"value":362},{"type":34,"tag":253,"props":403,"children":404},{"style":271},[405],{"type":40,"value":367},{"type":34,"tag":253,"props":407,"children":408},{"style":370},[409],{"type":40,"value":373},{"type":34,"tag":253,"props":411,"children":412},{"style":260},[413],{"type":40,"value":247},{"type":34,"tag":253,"props":415,"children":416},{"style":265},[417],{"type":40,"value":418}," -s",{"type":34,"tag":253,"props":420,"children":421},{"style":265},[422],{"type":40,"value":423}," --",{"type":34,"tag":253,"props":425,"children":426},{"style":265},[427],{"type":40,"value":428}," --ui\n",{"type":34,"tag":42,"props":430,"children":431},{},[432],{"type":40,"value":433},"我這次實測安裝後，它會自動偵測目前機器上有哪些 coding agent，並寫入對應設定。",{"type":34,"tag":42,"props":435,"children":436},{},[437],{"type":40,"value":438},"我這邊偵測到的包含：",{"type":34,"tag":122,"props":440,"children":441},{},[442,447,452,457,462,467,472],{"type":34,"tag":126,"props":443,"children":444},{},[445],{"type":40,"value":446},"Claude Code",{"type":34,"tag":126,"props":448,"children":449},{},[450],{"type":40,"value":451},"Codex CLI",{"type":34,"tag":126,"props":453,"children":454},{},[455],{"type":40,"value":456},"Gemini CLI",{"type":34,"tag":126,"props":458,"children":459},{},[460],{"type":40,"value":461},"OpenCode",{"type":34,"tag":126,"props":463,"children":464},{},[465],{"type":40,"value":466},"VS Code",{"type":34,"tag":126,"props":468,"children":469},{},[470],{"type":40,"value":471},"Cursor",{"type":34,"tag":126,"props":473,"children":474},{},[475],{"type":40,"value":476},"Kiro",{"type":34,"tag":42,"props":478,"children":479},{},[480],{"type":40,"value":481},"安裝完成後可以檢查版本：",{"type":34,"tag":243,"props":483,"children":485},{"className":245,"code":484,"language":247,"meta":8,"style":8},"codebase-memory-mcp --version\n",[486],{"type":34,"tag":58,"props":487,"children":488},{"__ignoreMap":8},[489],{"type":34,"tag":253,"props":490,"children":491},{"class":255,"line":256},[492,496],{"type":34,"tag":253,"props":493,"children":494},{"style":260},[495],{"type":40,"value":304},{"type":34,"tag":253,"props":497,"children":498},{"style":265},[499],{"type":40,"value":500}," --version\n",{"type":34,"tag":98,"props":502,"children":503},{},[],{"type":34,"tag":35,"props":505,"children":507},{"id":506},"啟動-3d-graph-ui",[508],{"type":40,"value":509},"啟動 3D Graph UI",{"type":34,"tag":42,"props":511,"children":512},{},[513],{"type":40,"value":514},"如果你安裝的是 UI variant，可以用以下指令啟動：",{"type":34,"tag":243,"props":516,"children":518},{"className":245,"code":517,"language":247,"meta":8,"style":8},"codebase-memory-mcp --ui=true --port=9749\n",[519],{"type":34,"tag":58,"props":520,"children":521},{"__ignoreMap":8},[522],{"type":34,"tag":253,"props":523,"children":524},{"class":255,"line":256},[525,529,534],{"type":34,"tag":253,"props":526,"children":527},{"style":260},[528],{"type":40,"value":304},{"type":34,"tag":253,"props":530,"children":531},{"style":265},[532],{"type":40,"value":533}," --ui=true",{"type":34,"tag":253,"props":535,"children":536},{"style":265},[537],{"type":40,"value":538}," --port=9749\n",{"type":34,"tag":42,"props":540,"children":541},{},[542],{"type":40,"value":543},"然後打開：",{"type":34,"tag":243,"props":545,"children":548},{"className":546,"code":547,"language":40,"meta":8,"style":8},"language-text shiki shiki-themes one-dark-pro","http:\u002F\u002Flocalhost:9749\n",[549],{"type":34,"tag":58,"props":550,"children":551},{"__ignoreMap":8},[552],{"type":34,"tag":253,"props":553,"children":554},{"class":255,"line":256},[555],{"type":34,"tag":253,"props":556,"children":557},{},[558],{"type":40,"value":547},{"type":34,"tag":42,"props":560,"children":561},{},[562],{"type":40,"value":563},"UI 會先顯示目前已索引的 projects。",{"type":34,"tag":565,"props":566,"children":575},"div",{"className":567},[568,569,570,571,572,573,574],"my-8","rounded-xl","overflow-hidden","shadow-2xl","border","border-slate-200","dark:border-slate-800",[576,578,586,587],{"type":40,"value":577},"\n  ",{"type":34,"tag":579,"props":580,"children":585},"img",{"src":13,"alt":581,"className":582},"Codebase Memory MCP 已索引專案列表",[583,584],"w-full","h-auto",[],{"type":40,"value":577},{"type":34,"tag":42,"props":588,"children":596},{"className":589},[590,591,592,593,594,595],"text-center","text-sm","text-slate-500","py-2","bg-slate-50","dark:bg-slate-900\u002F50",[597],{"type":40,"value":598},"Projects 頁面會列出已索引的 repository、節點數與邊數",{"type":34,"tag":42,"props":600,"children":601},{},[602,604,610],{"type":40,"value":603},"點擊 ",{"type":34,"tag":58,"props":605,"children":607},{"className":606},[],[608],{"type":40,"value":609},"View Graph",{"type":40,"value":611}," 後，就能進入 3D graph 畫面。",{"type":34,"tag":565,"props":613,"children":615},{"className":614},[568,569,570,571,572,573,574],[616,617,623,624],{"type":40,"value":577},{"type":34,"tag":579,"props":618,"children":622},{"src":619,"alt":620,"className":621},"\u002Fday_assets\u002Fcodebase-memory\u002Fview.jpg","Codebase Memory MCP 3D graph visualization",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":625,"children":627},{"className":626},[590,591,592,593,594,595],[628],{"type":40,"value":629},"3D Graph UI 可以用來觀察整個 codebase 的模組、檔案與呼叫關係",{"type":34,"tag":42,"props":631,"children":632},{},[633],{"type":40,"value":634},"這個畫面很適合拿來快速理解大型專案的形狀。你可以旋轉、縮放、點擊節點，看某個 module 或 function 在整個系統裡的位置。",{"type":34,"tag":98,"props":636,"children":637},{},[],{"type":34,"tag":35,"props":639,"children":641},{"id":640},"索引目前專案",[642],{"type":40,"value":640},{"type":34,"tag":42,"props":644,"children":645},{},[646],{"type":40,"value":647},"如果你想手動索引目前 repo，可以使用 CLI：",{"type":34,"tag":243,"props":649,"children":651},{"className":245,"code":650,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli index_repository '{\"repo_path\":\"\u002Fpath\u002Fto\u002Fyour\u002Frepo\"}'\n",[652],{"type":34,"tag":58,"props":653,"children":654},{"__ignoreMap":8},[655],{"type":34,"tag":253,"props":656,"children":657},{"class":255,"line":256},[658,662,666,671],{"type":34,"tag":253,"props":659,"children":660},{"style":260},[661],{"type":40,"value":304},{"type":34,"tag":253,"props":663,"children":664},{"style":271},[665],{"type":40,"value":309},{"type":34,"tag":253,"props":667,"children":668},{"style":271},[669],{"type":40,"value":670}," index_repository",{"type":34,"tag":253,"props":672,"children":673},{"style":271},[674],{"type":40,"value":675}," '{\"repo_path\":\"\u002Fpath\u002Fto\u002Fyour\u002Frepo\"}'\n",{"type":34,"tag":42,"props":677,"children":678},{},[679,681,687],{"type":40,"value":680},"我在自己的 ",{"type":34,"tag":58,"props":682,"children":684},{"className":683},[],[685],{"type":40,"value":686},"tech-blog",{"type":40,"value":688}," repo 實測，輸出結果是：",{"type":34,"tag":243,"props":690,"children":694},{"className":691,"code":692,"language":693,"meta":8,"style":8},"language-json shiki shiki-themes one-dark-pro","{\n  \"project\": \"Volumes-ssd-1-tech-blog\",\n  \"status\": \"indexed\",\n  \"nodes\": 3995,\n  \"edges\": 8243\n}\n","json",[695],{"type":34,"tag":58,"props":696,"children":697},{"__ignoreMap":8},[698,706,731,753,775,793],{"type":34,"tag":253,"props":699,"children":700},{"class":255,"line":256},[701],{"type":34,"tag":253,"props":702,"children":703},{"style":370},[704],{"type":40,"value":705},"{\n",{"type":34,"tag":253,"props":707,"children":709},{"class":255,"line":708},2,[710,716,721,726],{"type":34,"tag":253,"props":711,"children":713},{"style":712},"--shiki-default:#E06C75",[714],{"type":40,"value":715},"  \"project\"",{"type":34,"tag":253,"props":717,"children":718},{"style":370},[719],{"type":40,"value":720},": ",{"type":34,"tag":253,"props":722,"children":723},{"style":271},[724],{"type":40,"value":725},"\"Volumes-ssd-1-tech-blog\"",{"type":34,"tag":253,"props":727,"children":728},{"style":370},[729],{"type":40,"value":730},",\n",{"type":34,"tag":253,"props":732,"children":734},{"class":255,"line":733},3,[735,740,744,749],{"type":34,"tag":253,"props":736,"children":737},{"style":712},[738],{"type":40,"value":739},"  \"status\"",{"type":34,"tag":253,"props":741,"children":742},{"style":370},[743],{"type":40,"value":720},{"type":34,"tag":253,"props":745,"children":746},{"style":271},[747],{"type":40,"value":748},"\"indexed\"",{"type":34,"tag":253,"props":750,"children":751},{"style":370},[752],{"type":40,"value":730},{"type":34,"tag":253,"props":754,"children":756},{"class":255,"line":755},4,[757,762,766,771],{"type":34,"tag":253,"props":758,"children":759},{"style":712},[760],{"type":40,"value":761},"  \"nodes\"",{"type":34,"tag":253,"props":763,"children":764},{"style":370},[765],{"type":40,"value":720},{"type":34,"tag":253,"props":767,"children":768},{"style":265},[769],{"type":40,"value":770},"3995",{"type":34,"tag":253,"props":772,"children":773},{"style":370},[774],{"type":40,"value":730},{"type":34,"tag":253,"props":776,"children":778},{"class":255,"line":777},5,[779,784,788],{"type":34,"tag":253,"props":780,"children":781},{"style":712},[782],{"type":40,"value":783},"  \"edges\"",{"type":34,"tag":253,"props":785,"children":786},{"style":370},[787],{"type":40,"value":720},{"type":34,"tag":253,"props":789,"children":790},{"style":265},[791],{"type":40,"value":792},"8243\n",{"type":34,"tag":253,"props":794,"children":796},{"class":255,"line":795},6,[797],{"type":34,"tag":253,"props":798,"children":799},{"style":370},[800],{"type":40,"value":801},"}\n",{"type":34,"tag":42,"props":803,"children":804},{},[805],{"type":40,"value":806},"速度也很快。這個 repo 不是巨型專案，但裡面有 Nuxt、Vue、TypeScript、Python scripts、Markdown content、skills 等混合內容，索引起來仍然非常順。",{"type":34,"tag":98,"props":808,"children":809},{},[],{"type":34,"tag":35,"props":811,"children":813},{"id":812},"實際查詢搜尋-code-graph",[814],{"type":40,"value":815},"實際查詢：搜尋 code graph",{"type":34,"tag":42,"props":817,"children":818},{},[819],{"type":40,"value":820},"索引完成後，就可以直接查 graph。",{"type":34,"tag":42,"props":822,"children":823},{},[824,826,832],{"type":40,"value":825},"例如我想找 repo 裡跟 ",{"type":34,"tag":58,"props":827,"children":829},{"className":828},[],[830],{"type":40,"value":831},"twitter webhook blog",{"type":40,"value":833}," 相關的程式結構：",{"type":34,"tag":243,"props":835,"children":837},{"className":245,"code":836,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli search_graph '{\"project\":\"Volumes-ssd-1-tech-blog\",\"query\":\"twitter webhook blog\",\"limit\":8}'\n",[838],{"type":34,"tag":58,"props":839,"children":840},{"__ignoreMap":8},[841],{"type":34,"tag":253,"props":842,"children":843},{"class":255,"line":256},[844,848,852,857],{"type":34,"tag":253,"props":845,"children":846},{"style":260},[847],{"type":40,"value":304},{"type":34,"tag":253,"props":849,"children":850},{"style":271},[851],{"type":40,"value":309},{"type":34,"tag":253,"props":853,"children":854},{"style":271},[855],{"type":40,"value":856}," search_graph",{"type":34,"tag":253,"props":858,"children":859},{"style":271},[860],{"type":40,"value":861}," '{\"project\":\"Volumes-ssd-1-tech-blog\",\"query\":\"twitter webhook blog\",\"limit\":8}'\n",{"type":34,"tag":42,"props":863,"children":864},{},[865],{"type":40,"value":866},"它回傳的不是一般 grep 結果，而是已經被結構化的 symbol。",{"type":34,"tag":42,"props":868,"children":869},{},[870],{"type":40,"value":871},"我這次查到的結果包含：",{"type":34,"tag":122,"props":873,"children":874},{},[875,884,893,902],{"type":34,"tag":126,"props":876,"children":877},{},[878],{"type":34,"tag":58,"props":879,"children":881},{"className":880},[],[882],{"type":40,"value":883},"_expand_twitter_discussion",{"type":34,"tag":126,"props":885,"children":886},{},[887],{"type":34,"tag":58,"props":888,"children":890},{"className":889},[],[891],{"type":40,"value":892},"TwitterScraper.fetch",{"type":34,"tag":126,"props":894,"children":895},{},[896],{"type":34,"tag":58,"props":897,"children":899},{"className":898},[],[900],{"type":40,"value":901},"TwitterPlaywrightScraper.fetch",{"type":34,"tag":126,"props":903,"children":904},{},[905],{"type":34,"tag":58,"props":906,"children":908},{"className":907},[],[909],{"type":40,"value":910},"test_twitter._tweet",{"type":34,"tag":42,"props":912,"children":913},{},[914],{"type":40,"value":915},"這種結果對 Agent 很好用。它不需要先讀一堆檔案，就能知道哪些 symbols 可能跟任務相關。",{"type":34,"tag":98,"props":917,"children":918},{},[],{"type":34,"tag":35,"props":920,"children":922},{"id":921},"實際查詢追蹤函式呼叫關係",[923],{"type":40,"value":924},"實際查詢：追蹤函式呼叫關係",{"type":34,"tag":42,"props":926,"children":927},{},[928,930,936],{"type":40,"value":929},"更有感的是 ",{"type":34,"tag":58,"props":931,"children":933},{"className":932},[],[934],{"type":40,"value":935},"trace_path",{"type":40,"value":222},{"type":34,"tag":42,"props":938,"children":939},{},[940,942,947],{"type":40,"value":941},"例如我想知道 ",{"type":34,"tag":58,"props":943,"children":945},{"className":944},[],[946],{"type":40,"value":883},{"type":40,"value":948}," 這個 method 的上下游呼叫關係：",{"type":34,"tag":243,"props":950,"children":952},{"className":245,"code":951,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli trace_path '{\"project\":\"Volumes-ssd-1-tech-blog\",\"function_name\":\"_expand_twitter_discussion\",\"direction\":\"both\",\"depth\":2,\"mode\":\"calls\",\"include_tests\":false}'\n",[953],{"type":34,"tag":58,"props":954,"children":955},{"__ignoreMap":8},[956],{"type":34,"tag":253,"props":957,"children":958},{"class":255,"line":256},[959,963,967,971],{"type":34,"tag":253,"props":960,"children":961},{"style":260},[962],{"type":40,"value":304},{"type":34,"tag":253,"props":964,"children":965},{"style":271},[966],{"type":40,"value":309},{"type":34,"tag":253,"props":968,"children":969},{"style":271},[970],{"type":40,"value":314},{"type":34,"tag":253,"props":972,"children":973},{"style":271},[974],{"type":40,"value":975}," '{\"project\":\"Volumes-ssd-1-tech-blog\",\"function_name\":\"_expand_twitter_discussion\",\"direction\":\"both\",\"depth\":2,\"mode\":\"calls\",\"include_tests\":false}'\n",{"type":34,"tag":42,"props":977,"children":978},{},[979],{"type":40,"value":980},"它可以直接回傳 callers 和 callees。",{"type":34,"tag":565,"props":982,"children":984},{"className":983},[568,569,570,571,572,573,574],[985,986,992,993],{"type":40,"value":577},{"type":34,"tag":579,"props":987,"children":991},{"src":988,"alt":989,"className":990},"\u002Fday_assets\u002Fcodebase-memory\u002Fsearch.jpg","Codebase Memory MCP trace_path 終端機查詢結果",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":994,"children":996},{"className":995},[590,591,592,593,594,595],[997],{"type":40,"value":998},"在終端機執行 trace_path 後，可以直接看到 callers、callees 與 hop 深度",{"type":34,"tag":42,"props":1000,"children":1001},{},[1002],{"type":40,"value":1003},"在我的實測裡，它找到：",{"type":34,"tag":42,"props":1005,"children":1006},{},[1007],{"type":34,"tag":1008,"props":1009,"children":1010},"strong",{},[1011],{"type":40,"value":1012},"誰呼叫它：",{"type":34,"tag":122,"props":1014,"children":1015},{},[1016,1025,1034,1043],{"type":34,"tag":126,"props":1017,"children":1018},{},[1019],{"type":34,"tag":58,"props":1020,"children":1022},{"className":1021},[],[1023],{"type":40,"value":1024},"HorizonOrchestrator.run",{"type":34,"tag":126,"props":1026,"children":1027},{},[1028],{"type":34,"tag":58,"props":1029,"children":1031},{"className":1030},[],[1032],{"type":40,"value":1033},"src.mcp.server.main",{"type":34,"tag":126,"props":1035,"children":1036},{},[1037],{"type":34,"tag":58,"props":1038,"children":1040},{"className":1039},[],[1041],{"type":40,"value":1042},"src.services.webhook_cli.main",{"type":34,"tag":126,"props":1044,"children":1045},{},[1046],{"type":34,"tag":58,"props":1047,"children":1049},{"className":1048},[],[1050],{"type":40,"value":1051},"src.main.main",{"type":34,"tag":42,"props":1053,"children":1054},{},[1055],{"type":34,"tag":1008,"props":1056,"children":1057},{},[1058],{"type":40,"value":1059},"它呼叫誰：",{"type":34,"tag":122,"props":1061,"children":1062},{},[1063,1072,1081,1090,1099],{"type":34,"tag":126,"props":1064,"children":1065},{},[1066],{"type":34,"tag":58,"props":1067,"children":1069},{"className":1068},[],[1070],{"type":40,"value":1071},"TwitterScraper.fetch_replies_for_item",{"type":34,"tag":126,"props":1073,"children":1074},{},[1075],{"type":34,"tag":58,"props":1076,"children":1078},{"className":1077},[],[1079],{"type":40,"value":1080},"TwitterScraper.append_discussion_content",{"type":34,"tag":126,"props":1082,"children":1083},{},[1084],{"type":34,"tag":58,"props":1085,"children":1087},{"className":1086},[],[1088],{"type":40,"value":1089},"ContentAnalyzer.analyze_batch",{"type":34,"tag":126,"props":1091,"children":1092},{},[1093],{"type":34,"tag":58,"props":1094,"children":1096},{"className":1095},[],[1097],{"type":40,"value":1098},"TwitterScraper._fetch_dataset",{"type":34,"tag":126,"props":1100,"children":1101},{},[1102],{"type":34,"tag":58,"props":1103,"children":1105},{"className":1104},[],[1106],{"type":40,"value":1107},"ContentAnalyzer._get_concurrency",{"type":34,"tag":42,"props":1109,"children":1110},{},[1111],{"type":40,"value":1112},"這就是我覺得它真正有魅力的地方。",{"type":34,"tag":42,"props":1114,"children":1115},{},[1116],{"type":40,"value":1117},"很多時候我們不是不知道要搜尋什麼，而是不知道某段 code 在整個系統裡的上下游影響。Codebase Memory MCP 直接把這件事變成一個 graph query。",{"type":34,"tag":98,"props":1119,"children":1120},{},[],{"type":34,"tag":35,"props":1122,"children":1124},{"id":1123},"常用-mcp-tools",[1125],{"type":40,"value":1126},"常用 MCP Tools",{"type":34,"tag":42,"props":1128,"children":1129},{},[1130],{"type":40,"value":1131},"官方目前提供的工具包含：",{"type":34,"tag":122,"props":1133,"children":1134},{},[1135,1146,1157,1168,1178,1189,1200,1211,1222,1233],{"type":34,"tag":126,"props":1136,"children":1137},{},[1138,1144],{"type":34,"tag":58,"props":1139,"children":1141},{"className":1140},[],[1142],{"type":40,"value":1143},"index_repository",{"type":40,"value":1145},"：索引 repository",{"type":34,"tag":126,"props":1147,"children":1148},{},[1149,1155],{"type":34,"tag":58,"props":1150,"children":1152},{"className":1151},[],[1153],{"type":40,"value":1154},"search_graph",{"type":40,"value":1156},"：搜尋 graph 裡的 function、class、route、variable",{"type":34,"tag":126,"props":1158,"children":1159},{},[1160,1166],{"type":34,"tag":58,"props":1161,"children":1163},{"className":1162},[],[1164],{"type":40,"value":1165},"query_graph",{"type":40,"value":1167},"：執行 Cypher-like query",{"type":34,"tag":126,"props":1169,"children":1170},{},[1171,1176],{"type":34,"tag":58,"props":1172,"children":1174},{"className":1173},[],[1175],{"type":40,"value":935},{"type":40,"value":1177},"：追蹤呼叫、資料流或跨服務路徑",{"type":34,"tag":126,"props":1179,"children":1180},{},[1181,1187],{"type":34,"tag":58,"props":1182,"children":1184},{"className":1183},[],[1185],{"type":40,"value":1186},"get_code_snippet",{"type":40,"value":1188},"：用 qualified name 讀取原始碼片段",{"type":34,"tag":126,"props":1190,"children":1191},{},[1192,1198],{"type":34,"tag":58,"props":1193,"children":1195},{"className":1194},[],[1196],{"type":40,"value":1197},"get_graph_schema",{"type":40,"value":1199},"：查看 graph schema",{"type":34,"tag":126,"props":1201,"children":1202},{},[1203,1209],{"type":34,"tag":58,"props":1204,"children":1206},{"className":1205},[],[1207],{"type":40,"value":1208},"get_architecture",{"type":40,"value":1210},"：產生架構概覽",{"type":34,"tag":126,"props":1212,"children":1213},{},[1214,1220],{"type":34,"tag":58,"props":1215,"children":1217},{"className":1216},[],[1218],{"type":40,"value":1219},"search_code",{"type":40,"value":1221},"：graph-augmented code search",{"type":34,"tag":126,"props":1223,"children":1224},{},[1225,1231],{"type":34,"tag":58,"props":1226,"children":1228},{"className":1227},[],[1229],{"type":40,"value":1230},"detect_changes",{"type":40,"value":1232},"：偵測 git diff 的影響範圍",{"type":34,"tag":126,"props":1234,"children":1235},{},[1236,1242],{"type":34,"tag":58,"props":1237,"children":1239},{"className":1238},[],[1240],{"type":40,"value":1241},"manage_adr",{"type":40,"value":1243},"：管理 Architecture Decision Records",{"type":34,"tag":42,"props":1245,"children":1246},{},[1247],{"type":40,"value":1248},"對我來說最常用的會是這幾個：",{"type":34,"tag":243,"props":1250,"children":1252},{"className":245,"code":1251,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli get_architecture '{\"project\":\"your-project\",\"aspects\":[\"all\"]}'\n",[1253],{"type":34,"tag":58,"props":1254,"children":1255},{"__ignoreMap":8},[1256],{"type":34,"tag":253,"props":1257,"children":1258},{"class":255,"line":256},[1259,1263,1267,1272],{"type":34,"tag":253,"props":1260,"children":1261},{"style":260},[1262],{"type":40,"value":304},{"type":34,"tag":253,"props":1264,"children":1265},{"style":271},[1266],{"type":40,"value":309},{"type":34,"tag":253,"props":1268,"children":1269},{"style":271},[1270],{"type":40,"value":1271}," get_architecture",{"type":34,"tag":253,"props":1273,"children":1274},{"style":271},[1275],{"type":40,"value":1276}," '{\"project\":\"your-project\",\"aspects\":[\"all\"]}'\n",{"type":34,"tag":243,"props":1278,"children":1280},{"className":245,"code":1279,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli search_graph '{\"project\":\"your-project\",\"query\":\"auth login token\",\"limit\":20}'\n",[1281],{"type":34,"tag":58,"props":1282,"children":1283},{"__ignoreMap":8},[1284],{"type":34,"tag":253,"props":1285,"children":1286},{"class":255,"line":256},[1287,1291,1295,1299],{"type":34,"tag":253,"props":1288,"children":1289},{"style":260},[1290],{"type":40,"value":304},{"type":34,"tag":253,"props":1292,"children":1293},{"style":271},[1294],{"type":40,"value":309},{"type":34,"tag":253,"props":1296,"children":1297},{"style":271},[1298],{"type":40,"value":856},{"type":34,"tag":253,"props":1300,"children":1301},{"style":271},[1302],{"type":40,"value":1303}," '{\"project\":\"your-project\",\"query\":\"auth login token\",\"limit\":20}'\n",{"type":34,"tag":243,"props":1305,"children":1307},{"className":245,"code":1306,"language":247,"meta":8,"style":8},"codebase-memory-mcp cli trace_path '{\"project\":\"your-project\",\"function_name\":\"handleLogin\",\"direction\":\"both\",\"depth\":3}'\n",[1308],{"type":34,"tag":58,"props":1309,"children":1310},{"__ignoreMap":8},[1311],{"type":34,"tag":253,"props":1312,"children":1313},{"class":255,"line":256},[1314,1318,1322,1326],{"type":34,"tag":253,"props":1315,"children":1316},{"style":260},[1317],{"type":40,"value":304},{"type":34,"tag":253,"props":1319,"children":1320},{"style":271},[1321],{"type":40,"value":309},{"type":34,"tag":253,"props":1323,"children":1324},{"style":271},[1325],{"type":40,"value":314},{"type":34,"tag":253,"props":1327,"children":1328},{"style":271},[1329],{"type":40,"value":1330}," '{\"project\":\"your-project\",\"function_name\":\"handleLogin\",\"direction\":\"both\",\"depth\":3}'\n",{"type":34,"tag":42,"props":1332,"children":1333},{},[1334],{"type":40,"value":1335},"這些查詢都很適合交給 AI Agent 自己跑。你只要問「幫我找登入流程的入口」、「這個函式被誰呼叫」、「改這裡會影響哪裡」，Agent 就可以用這些 tools 找答案。",{"type":34,"tag":98,"props":1337,"children":1338},{},[],{"type":34,"tag":35,"props":1340,"children":1342},{"id":1341},"團隊共享-graph-artifact",[1343],{"type":40,"value":1344},"團隊共享 Graph Artifact",{"type":34,"tag":42,"props":1346,"children":1347},{},[1348],{"type":40,"value":1349},"Codebase Memory MCP 還有一個很實用的設計：可以把 graph artifact 放進 repo。",{"type":34,"tag":42,"props":1351,"children":1352},{},[1353],{"type":40,"value":1354},"它會產生：",{"type":34,"tag":243,"props":1356,"children":1358},{"className":546,"code":1357,"language":40,"meta":8,"style":8},".codebase-memory\u002Fgraph.db.zst\n",[1359],{"type":34,"tag":58,"props":1360,"children":1361},{"__ignoreMap":8},[1362],{"type":34,"tag":253,"props":1363,"children":1364},{"class":255,"line":256},[1365],{"type":34,"tag":253,"props":1366,"children":1367},{},[1368],{"type":40,"value":1357},{"type":34,"tag":42,"props":1370,"children":1371},{},[1372],{"type":40,"value":1373},"這是一個壓縮後的 SQLite graph snapshot。",{"type":34,"tag":42,"props":1375,"children":1376},{},[1377],{"type":40,"value":1378},"如果團隊願意把它 commit 進 repo，其他人 clone 下來後就不用每次都完整重建索引，可以直接從 artifact bootstrap，再針對本機 diff 做增量更新。",{"type":34,"tag":42,"props":1380,"children":1381},{},[1382],{"type":40,"value":1383},"這點對大型 monorepo 會很有幫助，因為它把「每個人都重新掃一次」變成「共享一份 graph snapshot」。",{"type":34,"tag":98,"props":1385,"children":1386},{},[],{"type":34,"tag":35,"props":1388,"children":1390},{"id":1389},"適合誰使用",[1391],{"type":40,"value":1392},"適合誰使用？",{"type":34,"tag":42,"props":1394,"children":1395},{},[1396],{"type":40,"value":1397},"我覺得 Codebase Memory MCP 特別適合這幾種情境：",{"type":34,"tag":177,"props":1399,"children":1400},{},[1401,1406,1411,1416,1421,1426],{"type":34,"tag":126,"props":1402,"children":1403},{},[1404],{"type":40,"value":1405},"你常用 Claude Code、Codex、Cursor 這類 AI Coding Agent",{"type":34,"tag":126,"props":1407,"children":1408},{},[1409],{"type":40,"value":1410},"你的專案已經大到 grep 不夠直覺",{"type":34,"tag":126,"props":1412,"children":1413},{},[1414],{"type":40,"value":1415},"你需要快速理解陌生 codebase",{"type":34,"tag":126,"props":1417,"children":1418},{},[1419],{"type":40,"value":1420},"你常常要追函式呼叫鏈或影響範圍",{"type":34,"tag":126,"props":1422,"children":1423},{},[1424],{"type":40,"value":1425},"你在維護多語言、多服務或 monorepo",{"type":34,"tag":126,"props":1427,"children":1428},{},[1429],{"type":40,"value":1430},"你希望 code intelligence 在本機完成，不想上傳私有程式碼",{"type":34,"tag":42,"props":1432,"children":1433},{},[1434],{"type":40,"value":1435},"如果你只是寫很小的單檔腳本，它可能有點殺雞用牛刀。",{"type":34,"tag":42,"props":1437,"children":1438},{},[1439],{"type":40,"value":1440},"但只要專案開始有多個模組、測試、API route、背景任務或 shared package，它的價值就會變得很明顯。",{"type":34,"tag":98,"props":1442,"children":1443},{},[],{"type":34,"tag":35,"props":1445,"children":1447},{"id":1446},"我實測後的感想",[1448],{"type":40,"value":1446},{"type":34,"tag":42,"props":1450,"children":1451},{},[1452],{"type":40,"value":1453},"我一開始以為它只是「幫 Agent 多一個搜尋工具」。",{"type":34,"tag":42,"props":1455,"children":1456},{},[1457],{"type":40,"value":1458},"實際跑完之後，我覺得它更像是幫 AI Agent 裝了一份本機 codebase memory。",{"type":34,"tag":42,"props":1460,"children":1461},{},[1462],{"type":40,"value":1463},"過去 AI 要理解專案，常常會先搜尋、讀檔、再搜尋、再讀檔。這個過程不只耗 token，也很容易漏掉真正重要的結構關係。",{"type":34,"tag":42,"props":1465,"children":1466},{},[1467],{"type":40,"value":1468},"Codebase Memory MCP 的做法是先把 codebase 轉成圖，再讓 Agent 查圖。這讓 Agent 的探索方式更接近資深工程師：先看架構，再追依賴，再讀關鍵片段。",{"type":34,"tag":42,"props":1470,"children":1471},{},[1472],{"type":40,"value":1473},"尤其搭配 3D Graph UI 後，它很適合拿來做 onboarding。新成員進 repo 時，不用從資料夾樹慢慢猜，可以直接先看整體 graph，再點進關鍵 node。",{"type":34,"tag":98,"props":1475,"children":1476},{},[],{"type":34,"tag":35,"props":1478,"children":1480},{"id":1479},"總結",[1481],{"type":40,"value":1479},{"type":34,"tag":42,"props":1483,"children":1484},{},[1485],{"type":40,"value":1486},"Codebase Memory MCP 是我近期覺得很值得裝給 AI Coding Agent 的工具。",{"type":34,"tag":42,"props":1488,"children":1489},{},[1490],{"type":40,"value":1491},"它不是取代 Agent，而是幫 Agent 補上一層本機 code intelligence。",{"type":34,"tag":42,"props":1493,"children":1494},{},[1495],{"type":40,"value":1496},"它能把 codebase 變成可查詢的 knowledge graph，支援 3D visualization、CLI 查詢、MCP tools、call graph、architecture overview、impact analysis，而且整個流程都可以在本機完成。",{"type":34,"tag":42,"props":1498,"children":1499},{},[1500],{"type":40,"value":1501},"如果你已經在用 Claude Code、Codex、Cursor 或其他支援 MCP 的 coding agent，我會建議至少裝一次 UI variant 試試看。",{"type":34,"tag":42,"props":1503,"children":1504},{},[1505],{"type":40,"value":1506},"真的看到自己的 repo 被轉成一張可以查詢、可以旋轉、可以追呼叫關係的圖之後，你會很快理解它的價值。",{"type":34,"tag":42,"props":1508,"children":1509},{},[1510],{"type":34,"tag":1008,"props":1511,"children":1512},{},[1513],{"type":40,"value":1514},"相關連結：",{"type":34,"tag":122,"props":1516,"children":1517},{},[1518,1527,1537],{"type":34,"tag":126,"props":1519,"children":1520},{},[1521],{"type":34,"tag":72,"props":1522,"children":1524},{"href":74,"rel":1523},[76],[1525],{"type":40,"value":1526},"Codebase Memory MCP GitHub 官方倉庫",{"type":34,"tag":126,"props":1528,"children":1529},{},[1530],{"type":34,"tag":72,"props":1531,"children":1534},{"href":1532,"rel":1533},"https:\u002F\u002Fgithub.com\u002FDeusData\u002Fcodebase-memory-mcp\u002Freleases\u002Flatest",[76],[1535],{"type":40,"value":1536},"Codebase Memory MCP 最新 Release",{"type":34,"tag":126,"props":1538,"children":1539},{},[1540],{"type":34,"tag":72,"props":1541,"children":1544},{"href":1542,"rel":1543},"https:\u002F\u002Farxiv.org\u002Fabs\u002F2603.27277",[76],[1545],{"type":40,"value":1546},"Codebase-Memory 研究預印本",{"type":34,"tag":1548,"props":1549,"children":1550},"style",{},[1551],{"type":40,"value":1552},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":8,"searchDepth":708,"depth":708,"links":1554},[1555,1556,1557,1558,1559,1560,1561,1562,1563,1564,1565,1566,1567,1568],{"id":37,"depth":708,"text":37},{"id":103,"depth":708,"text":103},{"id":162,"depth":708,"text":165},{"id":233,"depth":708,"text":236},{"id":335,"depth":708,"text":335},{"id":506,"depth":708,"text":509},{"id":640,"depth":708,"text":640},{"id":812,"depth":708,"text":815},{"id":921,"depth":708,"text":924},{"id":1123,"depth":708,"text":1126},{"id":1341,"depth":708,"text":1344},{"id":1389,"depth":708,"text":1392},{"id":1446,"depth":708,"text":1446},{"id":1479,"depth":708,"text":1479},"markdown","content:articles:codebase-memory.md","content","articles\u002Fcodebase-memory.md","articles\u002Fcodebase-memory","md",{"_path":1576,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1577,"description":1578,"date":1579,"updated":1579,"category":1580,"image":1581,"tags":1582,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":1588,"gpu":29,"draft":7,"body":1592,"_type":1569,"_id":2135,"_source":1571,"_file":2136,"_stem":2137,"_extension":1574},"\u002Farticles\u002Fdeskreen","Deskreen 同網域臨時螢幕分享工具實測：用手機或另一台電腦看你的畫面","Deskreen 可以把電腦畫面分享給同一個區域網路內的手機、平板或另一台電腦。這篇紀錄實際使用流程、適合場景，以及內網 IP 和隱私注意事項。","2026-06-28","Tools","\u002Fday_assets\u002Fdeskreen\u002FQR.jpg",[17,1583,1584],"Network","Productivity","github-tech","5 min read","Easy",[27,26,28,1589,1590,1591],"iOS","Android","Web",{"type":31,"children":1593,"toc":2122},[1594,1598,1618,1623,1628,1633,1637,1660,1663,1668,1673,1678,1701,1706,1729,1734,1737,1742,1747,1757,1762,1770,1775,1780,1835,1840,1843,1848,1853,1860,1865,1882,1888,1893,1898,1916,1922,1927,1945,1951,1956,1974,1977,1983,1988,2016,2021,2049,2061,2064,2069,2074,2079,2084,2089,2092,2099,2118],{"type":34,"tag":35,"props":1595,"children":1596},{"id":37},[1597],{"type":40,"value":37},{"type":34,"tag":42,"props":1599,"children":1600},{},[1601,1603,1608,1610,1616],{"type":40,"value":1602},"我這次測的是 ",{"type":34,"tag":1008,"props":1604,"children":1605},{},[1606],{"type":40,"value":1607},"Deskreen Community Edition",{"type":40,"value":1609},"。它的定位要先講清楚一點：它比較不像 ",{"type":34,"tag":72,"props":1611,"children":1613},{"href":1612},"\u002Farticles\u002Frustdesk",[1614],{"type":40,"value":1615},"RustDesk",{"type":40,"value":1617}," 那種完整的遠端桌面或跨網域螢幕分享工具，不能期待它拿來取代 AnyDesk、Parsec、Zoom 分享畫面或公司內部會議系統。",{"type":34,"tag":42,"props":1619,"children":1620},{},[1621],{"type":40,"value":1622},"Deskreen 比較像是一個臨時應急的小工具。假設你在辦公室突然想把自己的電腦畫面給旁邊的人看，大家剛好在同一個 Wi-Fi 或同一個區域網路裡，就可以讓對方用手機、平板，或另一台電腦的瀏覽器連進來看。",{"type":34,"tag":42,"props":1624,"children":1625},{},[1626],{"type":40,"value":1627},"如果你看完 RustDesk 覺得帳號、權限、固定密碼、自建伺服器這些設定太重，而你的需求只是同一個 Wi-Fi 內看畫面，那 Deskreen 會比較接近你要的東西。",{"type":34,"tag":42,"props":1629,"children":1630},{},[1631],{"type":40,"value":1632},"另一個我覺得實際會遇到的情境是臨時報告。比如你要投影的那台電腦沒有簡報檔、沒有登入雲端硬碟，或是根本沒有裝任何螢幕分享軟體。這時你可以在自己的筆電上開 Deskreen，讓另一台設備輸入網址或掃 QR Code，快速把畫面投過去。",{"type":34,"tag":112,"props":1634,"children":1636},{"src":1635},"\u002Fday_assets\u002Fdeskreen\u002Fdemo.mp4",[],{"type":34,"tag":122,"props":1638,"children":1639},{},[1640,1650],{"type":34,"tag":126,"props":1641,"children":1642},{},[1643],{"type":34,"tag":72,"props":1644,"children":1647},{"href":1645,"rel":1646},"https:\u002F\u002Fdeskreen.com\u002Fzh-TW\u002F",[76],[1648],{"type":40,"value":1649},"Deskreen 官方網站",{"type":34,"tag":126,"props":1651,"children":1652},{},[1653],{"type":34,"tag":72,"props":1654,"children":1657},{"href":1655,"rel":1656},"https:\u002F\u002Fgithub.com\u002Fpavlobu\u002Fdeskreen",[76],[1658],{"type":40,"value":1659},"Deskreen GitHub",{"type":34,"tag":98,"props":1661,"children":1662},{},[],{"type":34,"tag":35,"props":1664,"children":1666},{"id":1665},"它適合什麼情境",[1667],{"type":40,"value":1665},{"type":34,"tag":42,"props":1669,"children":1670},{},[1671],{"type":40,"value":1672},"我會把 Deskreen 當成「同網域內的臨時畫面分享」，不是遠端協作工具。",{"type":34,"tag":42,"props":1674,"children":1675},{},[1676],{"type":40,"value":1677},"比較適合的情境：",{"type":34,"tag":122,"props":1679,"children":1680},{},[1681,1686,1691,1696],{"type":34,"tag":126,"props":1682,"children":1683},{},[1684],{"type":40,"value":1685},"辦公室同一個 Wi-Fi 內，臨時把畫面展示給同事看。",{"type":34,"tag":126,"props":1687,"children":1688},{},[1689],{"type":40,"value":1690},"手機或平板想暫時看電腦畫面。",{"type":34,"tag":126,"props":1692,"children":1693},{},[1694],{"type":40,"value":1695},"臨時報告時，另一台電腦沒有你的檔案，但可以開瀏覽器。",{"type":34,"tag":126,"props":1697,"children":1698},{},[1699],{"type":40,"value":1700},"不想登入帳號、不想裝一堆會議軟體，只是要快速分享畫面。",{"type":34,"tag":42,"props":1702,"children":1703},{},[1704],{"type":40,"value":1705},"比較不適合的情境：",{"type":34,"tag":122,"props":1707,"children":1708},{},[1709,1714,1719,1724],{"type":34,"tag":126,"props":1710,"children":1711},{},[1712],{"type":40,"value":1713},"你想跨城市、跨網路分享螢幕。",{"type":34,"tag":126,"props":1715,"children":1716},{},[1717],{"type":40,"value":1718},"你需要遠端控制對方電腦。",{"type":34,"tag":126,"props":1720,"children":1721},{},[1722],{"type":40,"value":1723},"你需要企業級權限管理、錄影、會議室管理。",{"type":34,"tag":126,"props":1725,"children":1726},{},[1727],{"type":40,"value":1728},"你要把它長期當成穩定的第二螢幕方案。",{"type":34,"tag":42,"props":1730,"children":1731},{},[1732],{"type":40,"value":1733},"如果只是短時間展示，Deskreen 的流程算很快。但如果你要正式遠端工作，還是用專門的遠端桌面或會議工具會比較穩。",{"type":34,"tag":98,"props":1735,"children":1736},{},[],{"type":34,"tag":35,"props":1738,"children":1740},{"id":1739},"下載與安裝",[1741],{"type":40,"value":1739},{"type":34,"tag":42,"props":1743,"children":1744},{},[1745],{"type":40,"value":1746},"免費版本可以到 GitHub 下載 Community Edition：",{"type":34,"tag":42,"props":1748,"children":1749},{},[1750],{"type":34,"tag":72,"props":1751,"children":1754},{"href":1752,"rel":1753},"https:\u002F\u002Fgithub.com\u002Fpavlobu\u002Fdeskreen\u002Freleases",[76],[1755],{"type":40,"value":1756},"Deskreen GitHub Releases",{"type":34,"tag":42,"props":1758,"children":1759},{},[1760],{"type":40,"value":1761},"如果你需要更多進階功能，可以到官方網站看 Deskreen Pro：",{"type":34,"tag":42,"props":1763,"children":1764},{},[1765],{"type":34,"tag":72,"props":1766,"children":1768},{"href":1645,"rel":1767},[76],[1769],{"type":40,"value":1649},{"type":34,"tag":42,"props":1771,"children":1772},{},[1773],{"type":40,"value":1774},"我這次是在 macOS 上測試。如果下載到的是單一執行檔，macOS 有可能會跳出「無法驗證開發者」或把檔案當成文字檔打開。這種情況不是它壞掉，而是 macOS Gatekeeper 擋住未簽章或未公證的檔案。",{"type":34,"tag":42,"props":1776,"children":1777},{},[1778],{"type":40,"value":1779},"如果你確定來源是官方 GitHub，才建議解除限制。假設檔案放在下載資料夾，可以用這種方式處理：",{"type":34,"tag":243,"props":1781,"children":1783},{"className":245,"code":1782,"language":247,"meta":8,"style":8},"chmod +x \u002Fpath\u002Fto\u002Fmac_krokiet_skia_vulkan_arm64\nxattr -d com.apple.quarantine \u002Fpath\u002Fto\u002Fmac_krokiet_skia_vulkan_arm64\n\u002Fpath\u002Fto\u002Fmac_krokiet_skia_vulkan_arm64\n",[1784],{"type":34,"tag":58,"props":1785,"children":1786},{"__ignoreMap":8},[1787,1805,1827],{"type":34,"tag":253,"props":1788,"children":1789},{"class":255,"line":256},[1790,1795,1800],{"type":34,"tag":253,"props":1791,"children":1792},{"style":260},[1793],{"type":40,"value":1794},"chmod",{"type":34,"tag":253,"props":1796,"children":1797},{"style":271},[1798],{"type":40,"value":1799}," +x",{"type":34,"tag":253,"props":1801,"children":1802},{"style":271},[1803],{"type":40,"value":1804}," \u002Fpath\u002Fto\u002Fmac_krokiet_skia_vulkan_arm64\n",{"type":34,"tag":253,"props":1806,"children":1807},{"class":255,"line":708},[1808,1813,1818,1823],{"type":34,"tag":253,"props":1809,"children":1810},{"style":260},[1811],{"type":40,"value":1812},"xattr",{"type":34,"tag":253,"props":1814,"children":1815},{"style":265},[1816],{"type":40,"value":1817}," -d",{"type":34,"tag":253,"props":1819,"children":1820},{"style":271},[1821],{"type":40,"value":1822}," com.apple.quarantine",{"type":34,"tag":253,"props":1824,"children":1825},{"style":271},[1826],{"type":40,"value":1804},{"type":34,"tag":253,"props":1828,"children":1829},{"class":255,"line":733},[1830],{"type":34,"tag":253,"props":1831,"children":1832},{"style":260},[1833],{"type":40,"value":1834},"\u002Fpath\u002Fto\u002Fmac_krokiet_skia_vulkan_arm64\n",{"type":34,"tag":42,"props":1836,"children":1837},{},[1838],{"type":40,"value":1839},"如果不確定檔案來源，就不要硬開。這種工具會讀取你的螢幕畫面，來源一定要確認。",{"type":34,"tag":98,"props":1841,"children":1842},{},[],{"type":34,"tag":35,"props":1844,"children":1846},{"id":1845},"使用流程",[1847],{"type":40,"value":1845},{"type":34,"tag":42,"props":1849,"children":1850},{},[1851],{"type":40,"value":1852},"Deskreen 的流程很簡單，電腦端開起來之後，它會給你一個 QR Code 和連線網址。接收端只要是同一個區域網路內的裝置，通常用瀏覽器就能連。",{"type":34,"tag":1854,"props":1855,"children":1857},"h3",{"id":1856},"_1-電腦端顯示-qr-code",[1858],{"type":40,"value":1859},"1. 電腦端顯示 QR Code",{"type":34,"tag":42,"props":1861,"children":1862},{},[1863],{"type":40,"value":1864},"打開 Deskreen 後，第一步會看到 QR Code。你可以用手機或平板掃描，也可以把網址複製到同網域的另一台電腦上。",{"type":34,"tag":565,"props":1866,"children":1868},{"className":1867},[568,569,570,571,572,573,574],[1869,1870,1875,1876],{"type":40,"value":577},{"type":34,"tag":579,"props":1871,"children":1874},{"src":1581,"alt":1872,"className":1873},"Deskreen 電腦端顯示 QR Code",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":1877,"children":1879},{"className":1878},[590,591,592,593,594,595],[1880],{"type":40,"value":1881},"電腦端開啟 Deskreen 後，會提供 QR Code 和連線網址",{"type":34,"tag":1854,"props":1883,"children":1885},{"id":1884},"_2-選擇要分享的畫面",[1886],{"type":40,"value":1887},"2. 選擇要分享的畫面",{"type":34,"tag":42,"props":1889,"children":1890},{},[1891],{"type":40,"value":1892},"接著 Deskreen 會讓你選擇要分享整個螢幕，還是只分享某個視窗。",{"type":34,"tag":42,"props":1894,"children":1895},{},[1896],{"type":40,"value":1897},"我會建議臨時展示時優先選單一視窗，這樣比較不容易把桌面通知、私訊、密碼管理器或其他工作資料一起露出去。",{"type":34,"tag":565,"props":1899,"children":1901},{"className":1900},[568,569,570,571,572,573,574],[1902,1903,1909,1910],{"type":40,"value":577},{"type":34,"tag":579,"props":1904,"children":1908},{"src":1905,"alt":1906,"className":1907},"\u002Fday_assets\u002Fdeskreen\u002Fshare.jpg","Deskreen 選擇分享螢幕或視窗",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":1911,"children":1913},{"className":1912},[590,591,592,593,594,595],[1914],{"type":40,"value":1915},"可以選擇分享整個螢幕，或只分享指定視窗",{"type":34,"tag":1854,"props":1917,"children":1919},{"id":1918},"_3-確認接收端",[1920],{"type":40,"value":1921},"3. 確認接收端",{"type":34,"tag":42,"props":1923,"children":1924},{},[1925],{"type":40,"value":1926},"選完畫面後，Deskreen 會讓你確認接收端資訊。這一步其實滿重要的，因為你要確認連進來的是你要分享的人，不是同一個 Wi-Fi 裡其他陌生裝置。",{"type":34,"tag":565,"props":1928,"children":1930},{"className":1929},[568,569,570,571,572,573,574],[1931,1932,1938,1939],{"type":40,"value":577},{"type":34,"tag":579,"props":1933,"children":1937},{"src":1934,"alt":1935,"className":1936},"\u002Fday_assets\u002Fdeskreen\u002Fcheck.jpg","Deskreen 確認接收端裝置資訊",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":1940,"children":1942},{"className":1941},[590,591,592,593,594,595],[1943],{"type":40,"value":1944},"分享前會看到接收端裝置資訊，確認沒問題再按下分享",{"type":34,"tag":1854,"props":1946,"children":1948},{"id":1947},"_4-手機端看到電腦畫面",[1949],{"type":40,"value":1950},"4. 手機端看到電腦畫面",{"type":34,"tag":42,"props":1952,"children":1953},{},[1954],{"type":40,"value":1955},"確認後，手機端就可以直接在瀏覽器看到電腦畫面。我這次是用 iPhone 掃電腦端的 QR Code，連線後就能看到剛剛選定的畫面。",{"type":34,"tag":565,"props":1957,"children":1959},{"className":1958},[568,569,570,571,572,573,574],[1960,1961,1967,1968],{"type":40,"value":577},{"type":34,"tag":579,"props":1962,"children":1966},{"src":1963,"alt":1964,"className":1965},"\u002Fday_assets\u002Fdeskreen\u002Fphone.jpg","iPhone 透過 Deskreen 查看電腦畫面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":1969,"children":1971},{"className":1970},[590,591,592,593,594,595],[1972],{"type":40,"value":1973},"手機掃描 QR Code 後，就能在瀏覽器看到電腦分享出來的畫面",{"type":34,"tag":98,"props":1975,"children":1976},{},[],{"type":34,"tag":35,"props":1978,"children":1980},{"id":1979},"關於同網域和-ip",[1981],{"type":40,"value":1982},"關於同網域和 IP",{"type":34,"tag":42,"props":1984,"children":1985},{},[1986],{"type":40,"value":1987},"Deskreen 主要是跑在同一個區域網路裡。這裡講的「同網域」比較接近日常口語，也就是同一個 Wi-Fi、同一個辦公室內網，或同一個路由器下面的網路環境。",{"type":34,"tag":42,"props":1989,"children":1990},{},[1991,1993,1999,2001,2007,2008,2014],{"type":40,"value":1992},"如果畫面上出現 ",{"type":34,"tag":58,"props":1994,"children":1996},{"className":1995},[],[1997],{"type":40,"value":1998},"192.168.x.x",{"type":40,"value":2000},"、",{"type":34,"tag":58,"props":2002,"children":2004},{"className":2003},[],[2005],{"type":40,"value":2006},"10.x.x.x",{"type":40,"value":2000},{"type":34,"tag":58,"props":2009,"children":2011},{"className":2010},[],[2012],{"type":40,"value":2013},"172.16.x.x",{"type":40,"value":2015}," 這類 IP，通常是內網 IP。它不是你的公開外網 IP，外面的人不能直接靠這串位址從網際網路連進來。",{"type":34,"tag":42,"props":2017,"children":2018},{},[2019],{"type":40,"value":2020},"但我還是會注意幾件事：",{"type":34,"tag":122,"props":2022,"children":2023},{},[2024,2029,2034,2039,2044],{"type":34,"tag":126,"props":2025,"children":2026},{},[2027],{"type":40,"value":2028},"不要把 Deskreen 的連線網址貼到公開聊天室或社群。",{"type":34,"tag":126,"props":2030,"children":2031},{},[2032],{"type":40,"value":2033},"不要在不信任的公共 Wi-Fi 上分享敏感畫面。",{"type":34,"tag":126,"props":2035,"children":2036},{},[2037],{"type":40,"value":2038},"不要去路由器開 port forwarding，把它暴露到外網。",{"type":34,"tag":126,"props":2040,"children":2041},{},[2042],{"type":40,"value":2043},"分享前確認接收端裝置資訊。",{"type":34,"tag":126,"props":2045,"children":2046},{},[2047],{"type":40,"value":2048},"能選單一視窗就不要直接分享整個桌面。",{"type":34,"tag":42,"props":2050,"children":2051},{},[2052,2054,2059],{"type":40,"value":2053},"如果只是寫教學文章，截圖露出 ",{"type":34,"tag":58,"props":2055,"children":2057},{"className":2056},[],[2058],{"type":40,"value":1998},{"type":40,"value":2060}," 這類內網 IP 通常風險很低。不過公開發文時我還是習慣打碼，讀者看起來也比較乾淨。",{"type":34,"tag":98,"props":2062,"children":2063},{},[],{"type":34,"tag":35,"props":2065,"children":2067},{"id":2066},"實測心得",[2068],{"type":40,"value":2066},{"type":34,"tag":42,"props":2070,"children":2071},{},[2072],{"type":40,"value":2073},"我覺得 Deskreen 最好用的地方不是功能多，而是它夠直接。打開軟體、掃 QR Code、選畫面、確認，接收端用瀏覽器就能看，不需要在每一台設備上都安裝同一套軟體。",{"type":34,"tag":42,"props":2075,"children":2076},{},[2077],{"type":40,"value":2078},"但它的限制也很明顯。它比較吃網路環境，最好大家都在同一個穩定的區域網路裡。它也不是設計來做完整遠端控制，接收端主要就是看畫面。",{"type":34,"tag":42,"props":2080,"children":2081},{},[2082],{"type":40,"value":2083},"如果你的需求是臨時展示、臨時報告、臨時讓手機或另一台電腦看畫面，Deskreen 這種工具反而剛好。它不用太重，也不用先規劃一堆帳號和權限。",{"type":34,"tag":42,"props":2085,"children":2086},{},[2087],{"type":40,"value":2088},"但如果你要長期遠端工作、跨網路分享、錄影會議、多人協作，那就不要勉強它。把 Deskreen 當成一個放在工具箱裡的應急工具，會比較符合它的使用方式。",{"type":34,"tag":98,"props":2090,"children":2091},{},[],{"type":34,"tag":42,"props":2093,"children":2094},{},[2095],{"type":34,"tag":1008,"props":2096,"children":2097},{},[2098],{"type":40,"value":1514},{"type":34,"tag":122,"props":2100,"children":2101},{},[2102,2110],{"type":34,"tag":126,"props":2103,"children":2104},{},[2105],{"type":34,"tag":72,"props":2106,"children":2108},{"href":1645,"rel":2107},[76],[2109],{"type":40,"value":1649},{"type":34,"tag":126,"props":2111,"children":2112},{},[2113],{"type":34,"tag":72,"props":2114,"children":2116},{"href":1655,"rel":2115},[76],[2117],{"type":40,"value":1659},{"type":34,"tag":1548,"props":2119,"children":2120},{},[2121],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":2123},[2124,2125,2126,2127,2133,2134],{"id":37,"depth":708,"text":37},{"id":1665,"depth":708,"text":1665},{"id":1739,"depth":708,"text":1739},{"id":1845,"depth":708,"text":1845,"children":2128},[2129,2130,2131,2132],{"id":1856,"depth":733,"text":1859},{"id":1884,"depth":733,"text":1887},{"id":1918,"depth":733,"text":1921},{"id":1947,"depth":733,"text":1950},{"id":1979,"depth":708,"text":1982},{"id":2066,"depth":708,"text":2066},"content:articles:deskreen.md","articles\u002Fdeskreen.md","articles\u002Fdeskreen",{"_path":1612,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2139,"description":2140,"date":2141,"updated":2141,"category":12,"image":2142,"tags":2143,"series":1585,"readingTime":2145,"difficulty":23,"local":24,"platforms":2146,"gpu":29,"draft":7,"body":2147,"_type":1569,"_id":2661,"_source":1571,"_file":2662,"_stem":2663,"_extension":1574},"RustDesk 開源遠端桌面實測：用 Windows 串流控制 macOS","RustDesk 是一款開源遠端桌面工具，可以跨平台遠端控制電腦，也支援自建伺服器。這篇記錄我從 GitHub 下載、登入帳號、開啟權限、設定固定密碼，到第一次接受連線的實測流程。","2026-06-27","\u002Fday_assets\u002Frustdesk\u002F0.png",[17,1583,1584,2144],"Rust","6 min read",[27,26,28,1591],{"type":31,"children":2148,"toc":2649},[2149,2153,2163,2168,2173,2177,2200,2203,2208,2213,2217,2245,2249,2272,2284,2287,2292,2297,2314,2327,2332,2335,2340,2345,2350,2368,2373,2376,2381,2386,2404,2409,2412,2417,2422,2440,2445,2450,2453,2458,2463,2481,2486,2491,2494,2499,2504,2522,2527,2532,2535,2540,2545,2550,2555,2560,2563,2567,2572,2577,2582,2595,2600,2603,2610],{"type":34,"tag":35,"props":2150,"children":2151},{"id":37},[2152],{"type":40,"value":37},{"type":34,"tag":42,"props":2154,"children":2155},{},[2156,2157,2161],{"type":40,"value":1602},{"type":34,"tag":1008,"props":2158,"children":2159},{},[2160],{"type":40,"value":1615},{"type":40,"value":2162},"。它比較接近 TeamViewer、AnyDesk 那種完整遠端桌面工具，可以跨網路控制另一台電腦，也可以自己架中繼伺服器。我的測試方式是用 Windows 端連到 macOS，直接串流並操作 Mac 上的畫面。",{"type":34,"tag":42,"props":2164,"children":2165},{},[2166],{"type":40,"value":2167},"我原本只是想找一個開源的遠端控制工具，後來才發現 RustDesk 在 GitHub 上的聲量很誇張。官方頁面也直接提到它是 113K+ stars、世界前 100 開源專案之一。頂級的～～～",{"type":34,"tag":42,"props":2169,"children":2170},{},[2171],{"type":40,"value":2172},"實測下來，它功能很完整，第一次用的時候最好花幾分鐘把帳號、權限、密碼都整理好，不然你會一直在各種小視窗裡找東西。",{"type":34,"tag":112,"props":2174,"children":2176},{"src":2175},"\u002Fday_assets\u002Frustdesk\u002Frustdesk.mp4",[],{"type":34,"tag":122,"props":2178,"children":2179},{},[2180,2190],{"type":34,"tag":126,"props":2181,"children":2182},{},[2183],{"type":34,"tag":72,"props":2184,"children":2187},{"href":2185,"rel":2186},"https:\u002F\u002Frustdesk.com\u002Fzh-tw\u002F",[76],[2188],{"type":40,"value":2189},"RustDesk 官方網站",{"type":34,"tag":126,"props":2191,"children":2192},{},[2193],{"type":34,"tag":72,"props":2194,"children":2197},{"href":2195,"rel":2196},"https:\u002F\u002Fgithub.com\u002Frustdesk\u002Frustdesk\u002Freleases\u002F",[76],[2198],{"type":40,"value":2199},"RustDesk GitHub Releases",{"type":34,"tag":98,"props":2201,"children":2202},{},[],{"type":34,"tag":35,"props":2204,"children":2206},{"id":2205},"先講適合誰",[2207],{"type":40,"value":2205},{"type":34,"tag":42,"props":2209,"children":2210},{},[2211],{"type":40,"value":2212},"RustDesk 適合的是「我真的需要控制另一台電腦」的情境，而不是單純把畫面給旁邊的人看。",{"type":34,"tag":42,"props":2214,"children":2215},{},[2216],{"type":40,"value":1677},{"type":34,"tag":122,"props":2218,"children":2219},{},[2220,2225,2230,2235,2240],{"type":34,"tag":126,"props":2221,"children":2222},{},[2223],{"type":40,"value":2224},"家裡或辦公室有另一台電腦，需要偶爾遠端操作。",{"type":34,"tag":126,"props":2226,"children":2227},{},[2228],{"type":40,"value":2229},"Windows、macOS、Linux 之間需要互相連線。",{"type":34,"tag":126,"props":2231,"children":2232},{},[2233],{"type":40,"value":2234},"想找開源的 TeamViewer 或 AnyDesk 替代方案。",{"type":34,"tag":126,"props":2236,"children":2237},{},[2238],{"type":40,"value":2239},"團隊有隱私或穩定性需求，之後想自建伺服器。",{"type":34,"tag":126,"props":2241,"children":2242},{},[2243],{"type":40,"value":2244},"需要鍵盤滑鼠、剪貼簿、檔案傳輸、音訊等權限控制。",{"type":34,"tag":42,"props":2246,"children":2247},{},[2248],{"type":40,"value":1705},{"type":34,"tag":122,"props":2250,"children":2251},{},[2252,2257,2262,2267],{"type":34,"tag":126,"props":2253,"children":2254},{},[2255],{"type":40,"value":2256},"你只是同一個 Wi-Fi 裡臨時分享畫面。",{"type":34,"tag":126,"props":2258,"children":2259},{},[2260],{"type":40,"value":2261},"你不需要控制，只想讓手機或另一台電腦看畫面。",{"type":34,"tag":126,"props":2263,"children":2264},{},[2265],{"type":40,"value":2266},"你不想碰權限、帳號、固定密碼或安全設定。",{"type":34,"tag":126,"props":2268,"children":2269},{},[2270],{"type":40,"value":2271},"你只是臨時報告，接收端最好不要安裝任何東西。",{"type":34,"tag":42,"props":2273,"children":2274},{},[2275,2277,2282],{"type":40,"value":2276},"如果你只是在同一個 Wi-Fi 場域裡，需要更簡單的畫面分享，我會把 RustDesk 放一邊，改用下一篇的 ",{"type":34,"tag":72,"props":2278,"children":2279},{"href":1576},[2280],{"type":40,"value":2281},"Deskreen",{"type":40,"value":2283},"。Deskreen 比較像是打開軟體、掃 QR Code、瀏覽器看畫面，心智負擔小很多。",{"type":34,"tag":98,"props":2285,"children":2286},{},[],{"type":34,"tag":35,"props":2288,"children":2290},{"id":2289},"下載方式",[2291],{"type":40,"value":2289},{"type":34,"tag":42,"props":2293,"children":2294},{},[2295],{"type":40,"value":2296},"我這次是直接到 GitHub Releases 下載。官方網站也能進下載頁，但 GitHub Releases 的好處是版本、平台和檔案格式都攤開給你看，比較清楚。",{"type":34,"tag":565,"props":2298,"children":2300},{"className":2299},[568,569,570,571,572,573,574],[2301,2302,2307,2308],{"type":40,"value":577},{"type":34,"tag":579,"props":2303,"children":2306},{"src":2142,"alt":2304,"className":2305},"RustDesk GitHub Releases 下載頁面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2309,"children":2311},{"className":2310},[590,591,592,593,594,595],[2312],{"type":40,"value":2313},"到 GitHub Releases 選擇自己的系統版本下載",{"type":34,"tag":42,"props":2315,"children":2316},{},[2317,2319,2325],{"type":40,"value":2318},"我截圖時看到的是 ",{"type":34,"tag":58,"props":2320,"children":2322},{"className":2321},[],[2323],{"type":40,"value":2324},"1.4.8",{"type":40,"value":2326},"，但版本會一直更新，所以不用硬找同一個版號。你只要到 Releases 頁面，選對 Windows、macOS、Linux、Android 或 iOS 對應的檔案就好。",{"type":34,"tag":42,"props":2328,"children":2329},{},[2330],{"type":40,"value":2331},"這邊我會特別注意官方頁面上的警告：如果是陌生人打電話叫你安裝 RustDesk，然後要求你把 ID 或密碼給他，直接掛電話。遠端控制工具本身沒有問題，但它很容易被拿來做客服詐騙。這類工具一旦授權出去，對方就可能真的控制你的電腦。",{"type":34,"tag":98,"props":2333,"children":2334},{},[],{"type":34,"tag":35,"props":2336,"children":2338},{"id":2337},"第一次打開後先找設定",[2339],{"type":40,"value":2337},{"type":34,"tag":42,"props":2341,"children":2342},{},[2343],{"type":40,"value":2344},"RustDesk 打開後，主畫面左邊會看到自己的 ID，右邊可以輸入對方的遠端 ID。這個概念跟很多遠端桌面工具差不多。",{"type":34,"tag":42,"props":2346,"children":2347},{},[2348],{"type":40,"value":2349},"但我第一次卡住的地方是設定入口。它不是放在很明顯的大按鈕，而是在右上角那個小小的選單裡。那個位置有點像漢堡選單，不特別找一下其實滿容易忽略。",{"type":34,"tag":565,"props":2351,"children":2353},{"className":2352},[568,569,570,571,572,573,574],[2354,2355,2361,2362],{"type":40,"value":577},{"type":34,"tag":579,"props":2356,"children":2360},{"src":2357,"alt":2358,"className":2359},"\u002Fday_assets\u002Frustdesk\u002F1.jpg","RustDesk 主畫面右上角設定選單",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2363,"children":2365},{"className":2364},[590,591,592,593,594,595],[2366],{"type":40,"value":2367},"設定入口在右上角的小選單裡，第一次用很容易找不到",{"type":34,"tag":42,"props":2369,"children":2370},{},[2371],{"type":40,"value":2372},"我會建議第一次打開不要急著連線，先進設定把帳號和安全相關的東西處理好。遠端控制工具只要權限沒想清楚，後面用起來會比較不安心。",{"type":34,"tag":98,"props":2374,"children":2375},{},[],{"type":34,"tag":35,"props":2377,"children":2379},{"id":2378},"登入帳號方便管理設備",[2380],{"type":40,"value":2378},{"type":34,"tag":42,"props":2382,"children":2383},{},[2384],{"type":40,"value":2385},"進設定後，我先處理的是帳號。RustDesk 支援登入，設備管理會比較直覺。我這邊是用 GitHub 帳號登入。",{"type":34,"tag":565,"props":2387,"children":2389},{"className":2388},[568,569,570,571,572,573,574],[2390,2391,2397,2398],{"type":40,"value":577},{"type":34,"tag":579,"props":2392,"children":2396},{"src":2393,"alt":2394,"className":2395},"\u002Fday_assets\u002Frustdesk\u002F2.jpg","RustDesk 設定中的帳號登入頁面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2399,"children":2401},{"className":2400},[590,591,592,593,594,595],[2402],{"type":40,"value":2403},"登入帳號後，後續管理自己的設備會比較方便",{"type":34,"tag":42,"props":2405,"children":2406},{},[2407],{"type":40,"value":2408},"如果你只是偶爾幫別人連一次，不登入也不是不能用。但如果是自己的幾台設備要互連，我會建議登入。這樣你之後不用每次都靠截圖、手抄 ID，設備列表也比較好管理。",{"type":34,"tag":98,"props":2410,"children":2411},{},[],{"type":34,"tag":35,"props":2413,"children":2415},{"id":2414},"權限不要一次全開給陌生人",[2416],{"type":40,"value":2414},{"type":34,"tag":42,"props":2418,"children":2419},{},[2420],{"type":40,"value":2421},"RustDesk 的安全設定裡可以開很多權限，像是鍵盤滑鼠、剪貼簿、檔案傳輸、音訊、查看鏡頭、終端機、TCP 通道、遠端重新啟動、錄製工作階段、隱私模式等等。",{"type":34,"tag":565,"props":2423,"children":2425},{"className":2424},[568,569,570,571,572,573,574],[2426,2427,2433,2434],{"type":40,"value":577},{"type":34,"tag":579,"props":2428,"children":2432},{"src":2429,"alt":2430,"className":2431},"\u002Fday_assets\u002Frustdesk\u002F3.jpg","RustDesk 安全設定中的遠端權限清單",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2435,"children":2437},{"className":2436},[590,591,592,593,594,595],[2438],{"type":40,"value":2439},"安全設定可以細分遠端控制、剪貼簿、檔案、音訊等權限",{"type":34,"tag":42,"props":2441,"children":2442},{},[2443],{"type":40,"value":2444},"我測自己的設備時會開比較多，因為我知道連線端是誰。但如果是臨時讓別人協助，建議只開需要的權限。比如只是讓對方看畫面，就不要順手開檔案傳輸和終端機。只是要對方幫你點幾個設定，也不一定要開剪貼簿或隱私模式。",{"type":34,"tag":42,"props":2446,"children":2447},{},[2448],{"type":40,"value":2449},"這不是小題大作。遠端桌面工具的權限一旦開太寬，對方能做的事情就會比你想像多。",{"type":34,"tag":98,"props":2451,"children":2452},{},[],{"type":34,"tag":35,"props":2454,"children":2456},{"id":2455},"固定密碼適合自己的設備",[2457],{"type":40,"value":2455},{"type":34,"tag":42,"props":2459,"children":2460},{},[2461],{"type":40,"value":2462},"RustDesk 可以設定固定密碼。這個功能很方便，因為你不用每次都等對方報一次性密碼，也不用人坐在那台電腦前面按確認。",{"type":34,"tag":565,"props":2464,"children":2466},{"className":2465},[568,569,570,571,572,573,574],[2467,2468,2474,2475],{"type":40,"value":577},{"type":34,"tag":579,"props":2469,"children":2473},{"src":2470,"alt":2471,"className":2472},"\u002Fday_assets\u002Frustdesk\u002F4.jpg","RustDesk 設定固定密碼",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2476,"children":2478},{"className":2477},[590,591,592,593,594,595],[2479],{"type":40,"value":2480},"固定密碼適合自己的設備，但密碼強度要認真設",{"type":34,"tag":42,"props":2482,"children":2483},{},[2484],{"type":40,"value":2485},"我的看法是：固定密碼適合自己的電腦、自己的伺服器、自己的工作環境。不太適合臨時支援陌生設備，也不適合把同一組密碼長期丟在聊天軟體裡。",{"type":34,"tag":42,"props":2487,"children":2488},{},[2489],{"type":40,"value":2490},"如果要開固定密碼，至少要用夠長、不要重複使用的密碼。能搭配帳號管理和額外驗證就更好。RustDesk 也有一次性密碼的模式，臨時支援時我會比較偏向用一次性密碼。",{"type":34,"tag":98,"props":2492,"children":2493},{},[],{"type":34,"tag":35,"props":2495,"children":2497},{"id":2496},"第一次連線要接受請求",[2498],{"type":40,"value":2496},{"type":34,"tag":42,"props":2500,"children":2501},{},[2502],{"type":40,"value":2503},"第一次連線時，被控制的那台電腦會看到請求視窗。這一步其實就是最後一道人工確認。",{"type":34,"tag":565,"props":2505,"children":2507},{"className":2506},[568,569,570,571,572,573,574],[2508,2509,2515,2516],{"type":40,"value":577},{"type":34,"tag":579,"props":2510,"children":2514},{"src":2511,"alt":2512,"className":2513},"\u002Fday_assets\u002Frustdesk\u002F5.jpg","RustDesk 第一次連線時的接受請求視窗",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2517,"children":2519},{"className":2518},[590,591,592,593,594,595],[2520],{"type":40,"value":2521},"第一次連線時，需要在被控端按下接受",{"type":34,"tag":42,"props":2523,"children":2524},{},[2525],{"type":40,"value":2526},"我這次是 Windows 端連 macOS。接受之後，Windows 上就能看到 Mac 畫面，也能操作滑鼠鍵盤。實際延遲會跟網路品質有關，但就一般操作、開設定、看畫面來說，體感算順。",{"type":34,"tag":42,"props":2528,"children":2529},{},[2530],{"type":40,"value":2531},"macOS 這邊還有一件事要注意：系統本身可能會要求你開螢幕錄製、輔助使用、輸入監控等權限。如果你發現能看不能控，或是黑畫面，通常不是 RustDesk 壞掉，而是 macOS 權限還沒補齊。",{"type":34,"tag":98,"props":2533,"children":2534},{},[],{"type":34,"tag":35,"props":2536,"children":2538},{"id":2537},"自建伺服器這件事",[2539],{"type":40,"value":2537},{"type":34,"tag":42,"props":2541,"children":2542},{},[2543],{"type":40,"value":2544},"RustDesk 很重要的一個賣點是可以自建伺服器。官方有提供免費開源的 server，也有 RustDesk Server Pro。這件事對團隊來說很有吸引力，因為你可以把中繼和設備管理放到自己的基礎設施裡。",{"type":34,"tag":42,"props":2546,"children":2547},{},[2548],{"type":40,"value":2549},"但我這篇沒有實作自建伺服器，原因很簡單：我目前沒有這個需求。",{"type":34,"tag":42,"props":2551,"children":2552},{},[2553],{"type":40,"value":2554},"如果只是自己偶爾遠端連自己的設備，用官方預設服務先測就夠了。等你真的遇到團隊管理、內網政策、連線穩定性、資料控管，或是不想依賴第三方服務時，再回來研究自建會比較合理。",{"type":34,"tag":42,"props":2556,"children":2557},{},[2558],{"type":40,"value":2559},"我不太建議一開始就把自建伺服器當成必做項。RustDesk 本身已經夠多設定了，第一次用先把客戶端流程跑順，比較不會被一堆網路名詞卡住。",{"type":34,"tag":98,"props":2561,"children":2562},{},[],{"type":34,"tag":35,"props":2564,"children":2565},{"id":2066},[2566],{"type":40,"value":2066},{"type":34,"tag":42,"props":2568,"children":2569},{},[2570],{"type":40,"value":2571},"RustDesk 給我的感覺是功能很完整，但不是最輕的那種工具。它適合你真的需要遠端控制、跨平台操作、甚至未來可能自建伺服器的情境。",{"type":34,"tag":42,"props":2573,"children":2574},{},[2575],{"type":40,"value":2576},"我喜歡它把權限拆得很細，固定密碼和帳號管理也都有。但我也覺得第一次用會有一點迷路，尤其是設定入口、權限項目、密碼模式這些地方。如果只是臨時分享畫面，這套流程會顯得太重。",{"type":34,"tag":42,"props":2578,"children":2579},{},[2580],{"type":40,"value":2581},"所以我會這樣分：",{"type":34,"tag":122,"props":2583,"children":2584},{},[2585,2590],{"type":34,"tag":126,"props":2586,"children":2587},{},[2588],{"type":40,"value":2589},"要遠端控制、跨網路、操作另一台電腦：用 RustDesk。",{"type":34,"tag":126,"props":2591,"children":2592},{},[2593],{"type":40,"value":2594},"只是在同一個 Wi-Fi 裡讓別人看畫面：用 Deskreen。",{"type":34,"tag":42,"props":2596,"children":2597},{},[2598],{"type":40,"value":2599},"這兩個工具其實不是誰取代誰。RustDesk 是完整遠端桌面，Deskreen 是臨時同網域畫面分享。先搞清楚自己到底要「控制」還是只要「看」，工具就很好選。",{"type":34,"tag":98,"props":2601,"children":2602},{},[],{"type":34,"tag":42,"props":2604,"children":2605},{},[2606],{"type":34,"tag":1008,"props":2607,"children":2608},{},[2609],{"type":40,"value":1514},{"type":34,"tag":122,"props":2611,"children":2612},{},[2613,2621,2631,2639],{"type":34,"tag":126,"props":2614,"children":2615},{},[2616],{"type":34,"tag":72,"props":2617,"children":2619},{"href":2185,"rel":2618},[76],[2620],{"type":40,"value":2189},{"type":34,"tag":126,"props":2622,"children":2623},{},[2624],{"type":34,"tag":72,"props":2625,"children":2628},{"href":2626,"rel":2627},"https:\u002F\u002Fgithub.com\u002Frustdesk\u002Frustdesk",[76],[2629],{"type":40,"value":2630},"RustDesk GitHub",{"type":34,"tag":126,"props":2632,"children":2633},{},[2634],{"type":34,"tag":72,"props":2635,"children":2637},{"href":2195,"rel":2636},[76],[2638],{"type":40,"value":2199},{"type":34,"tag":126,"props":2640,"children":2641},{},[2642],{"type":34,"tag":72,"props":2643,"children":2646},{"href":2644,"rel":2645},"https:\u002F\u002Fgithub.com\u002Frustdesk\u002Frustdesk-server",[76],[2647],{"type":40,"value":2648},"RustDesk Server",{"title":8,"searchDepth":708,"depth":708,"links":2650},[2651,2652,2653,2654,2655,2656,2657,2658,2659,2660],{"id":37,"depth":708,"text":37},{"id":2205,"depth":708,"text":2205},{"id":2289,"depth":708,"text":2289},{"id":2337,"depth":708,"text":2337},{"id":2378,"depth":708,"text":2378},{"id":2414,"depth":708,"text":2414},{"id":2455,"depth":708,"text":2455},{"id":2496,"depth":708,"text":2496},{"id":2537,"depth":708,"text":2537},{"id":2066,"depth":708,"text":2066},"content:articles:rustdesk.md","articles\u002Frustdesk.md","articles\u002Frustdesk",{"_path":2665,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":2666,"description":2667,"date":2668,"updated":2668,"category":12,"image":2669,"tags":2670,"series":1585,"readingTime":2145,"difficulty":1587,"local":24,"platforms":2672,"gpu":29,"draft":7,"body":2673,"_type":1569,"_id":3453,"_source":1571,"_file":3454,"_stem":3455,"_extension":1574},"\u002Farticles\u002Fhandbrake","HandBrake 實測：老牌開源影片壓縮工具到現在還是很穩","HandBrake 是一款老牌開源影片轉檔與壓縮工具。我這次用 4K 影片簡單實測，原始 106.1 MB 壓到 16.6 MB，畫質保留得比我預期好，這篇記錄我的基本用法與 preset 選擇心得。","2026-06-26","\u002Fday_assets\u002Fhandbrake\u002F輸出位置.png",[17,2671,1584],"Video Processing",[27,26,28],{"type":31,"children":2674,"toc":3438},[2675,2679,2691,2718,2722,2755,2758,2762,2767,2771,2799,2803,2821,2826,2829,2833,2838,2851,2864,2869,2872,2878,2890,2908,2913,2918,2936,2941,2944,2950,2955,2973,2985,3021,3053,3058,3076,3079,3085,3106,3123,3128,3133,3164,3169,3172,3177,3182,3200,3229,3234,3239,3242,3248,3253,3258,3294,3319,3324,3334,3339,3344,3359,3364,3367,3372,3377,3382,3387,3390,3397,3434],{"type":34,"tag":35,"props":2676,"children":2677},{"id":37},[2678],{"type":40,"value":37},{"type":34,"tag":42,"props":2680,"children":2681},{},[2682,2684,2689],{"type":40,"value":2683},"我今天測的是 ",{"type":34,"tag":1008,"props":2685,"children":2686},{},[2687],{"type":40,"value":2688},"HandBrake",{"type":40,"value":2690},"。這個工具其實不用太多介紹，做影片轉檔、壓縮的人應該多少都聽過。它很老牌，介面也沒有走那種很花的現代剪輯軟體路線，但我這次重新打開來用，反而覺得它到現在還是很值得放在工具箱裡。",{"type":34,"tag":42,"props":2692,"children":2693},{},[2694,2696,2701,2703,2709,2711,2716],{"type":40,"value":2695},"我拿一段 4K、約 33 秒的影片做簡單測試，原始檔案大小是 ",{"type":34,"tag":1008,"props":2697,"children":2698},{},[2699],{"type":40,"value":2700},"106.1 MB",{"type":40,"value":2702},"。這次我直接套用 ",{"type":34,"tag":58,"props":2704,"children":2706},{"className":2705},[],[2707],{"type":40,"value":2708},"Very Fast 2160p60 4K HEVC",{"type":40,"value":2710}," preset，最後輸出大約 ",{"type":34,"tag":1008,"props":2712,"children":2713},{},[2714],{"type":40,"value":2715},"16.6 MB",{"type":40,"value":2717},"。這不是嚴格 benchmark，只是我自己的日常壓片情境，但結果滿明顯：體積小很多，畫面品質也保留得很好。",{"type":34,"tag":112,"props":2719,"children":2721},{"src":2720},"\u002Fday_assets\u002Fhandbrake\u002Fbeakehand2.mp4",[],{"type":34,"tag":122,"props":2723,"children":2724},{},[2725,2735,2745],{"type":34,"tag":126,"props":2726,"children":2727},{},[2728],{"type":34,"tag":72,"props":2729,"children":2732},{"href":2730,"rel":2731},"https:\u002F\u002Fhandbrake.fr\u002F",[76],[2733],{"type":40,"value":2734},"HandBrake 官方下載",{"type":34,"tag":126,"props":2736,"children":2737},{},[2738],{"type":34,"tag":72,"props":2739,"children":2742},{"href":2740,"rel":2741},"https:\u002F\u002Fgithub.com\u002FHandBrake\u002FHandBrake",[76],[2743],{"type":40,"value":2744},"HandBrake GitHub",{"type":34,"tag":126,"props":2746,"children":2747},{},[2748],{"type":34,"tag":72,"props":2749,"children":2752},{"href":2750,"rel":2751},"https:\u002F\u002Fhandbrake.fr\u002Fdocs\u002Fen\u002Flatest\u002Ftechnical\u002Fofficial-presets.html",[76],[2753],{"type":40,"value":2754},"HandBrake 官方 Presets 文件",{"type":34,"tag":98,"props":2756,"children":2757},{},[],{"type":34,"tag":35,"props":2759,"children":2760},{"id":1665},[2761],{"type":40,"value":1665},{"type":34,"tag":42,"props":2763,"children":2764},{},[2765],{"type":40,"value":2766},"我會把 HandBrake 放在「影片已經做好了，但檔案太大」的位置。",{"type":34,"tag":42,"props":2768,"children":2769},{},[2770],{"type":40,"value":1677},{"type":34,"tag":122,"props":2772,"children":2773},{},[2774,2779,2784,2789,2794],{"type":34,"tag":126,"props":2775,"children":2776},{},[2777],{"type":40,"value":2778},"螢幕錄影檔太大，想壓小再上傳或備份。",{"type":34,"tag":126,"props":2780,"children":2781},{},[2782],{"type":40,"value":2783},"手機、相機、剪輯軟體匯出的影片體積太肥。",{"type":34,"tag":126,"props":2785,"children":2786},{},[2787],{"type":40,"value":2788},"想把影片轉成更通用的 MP4。",{"type":34,"tag":126,"props":2790,"children":2791},{},[2792],{"type":40,"value":2793},"想批次處理多支影片。",{"type":34,"tag":126,"props":2795,"children":2796},{},[2797],{"type":40,"value":2798},"想保留畫質，但不想自己查一堆 FFmpeg 參數。",{"type":34,"tag":42,"props":2800,"children":2801},{},[2802],{"type":40,"value":1705},{"type":34,"tag":122,"props":2804,"children":2805},{},[2806,2811,2816],{"type":34,"tag":126,"props":2807,"children":2808},{},[2809],{"type":40,"value":2810},"你要剪片、上字幕、調色、做轉場。",{"type":34,"tag":126,"props":2812,"children":2813},{},[2814],{"type":40,"value":2815},"你要做很細的音軌工程。",{"type":34,"tag":126,"props":2817,"children":2818},{},[2819],{"type":40,"value":2820},"你要完全自動化的大量伺服器轉碼流程。",{"type":34,"tag":42,"props":2822,"children":2823},{},[2824],{"type":40,"value":2825},"它不是剪輯軟體，也不是素材管理工具。它最舒服的用法就是：選影片、選 preset、選輸出位置、開始壓縮。這點很樸素，但也很穩。",{"type":34,"tag":98,"props":2827,"children":2828},{},[],{"type":34,"tag":35,"props":2830,"children":2831},{"id":1739},[2832],{"type":40,"value":1739},{"type":34,"tag":42,"props":2834,"children":2835},{},[2836],{"type":40,"value":2837},"HandBrake 支援 Windows、macOS、Linux。官方文件有特別提醒，建議從 HandBrake 官網下載，這也是最不容易踩到奇怪包裝版或第三方安裝器的方法。",{"type":34,"tag":42,"props":2839,"children":2840},{},[2841,2843,2849],{"type":40,"value":2842},"目前官網下載頁顯示的版本是 ",{"type":34,"tag":58,"props":2844,"children":2846},{"className":2845},[],[2847],{"type":40,"value":2848},"1.11.2",{"type":40,"value":2850},"。不同作業系統下載對應版本即可，macOS 有 Universal 版本，Windows 也有安裝版和 zip 版本可以選。",{"type":34,"tag":122,"props":2852,"children":2853},{},[2854],{"type":34,"tag":126,"props":2855,"children":2856},{},[2857],{"type":34,"tag":72,"props":2858,"children":2861},{"href":2859,"rel":2860},"https:\u002F\u002Fhandbrake.fr\u002Fdownloads.php",[76],[2862],{"type":40,"value":2863},"官方下載頁",{"type":34,"tag":42,"props":2865,"children":2866},{},[2867],{"type":40,"value":2868},"安裝後打開會看到很傳統的桌面工具介面。第一次看可能會覺得按鈕很多，但如果只是要壓縮影片，其實只會用到幾個地方。",{"type":34,"tag":98,"props":2870,"children":2871},{},[],{"type":34,"tag":35,"props":2873,"children":2875},{"id":2874},"第一步開啟影片來源",[2876],{"type":40,"value":2877},"第一步：開啟影片來源",{"type":34,"tag":42,"props":2879,"children":2880},{},[2881,2883,2888],{"type":40,"value":2882},"進入 HandBrake 後，先按左上角的 ",{"type":34,"tag":58,"props":2884,"children":2886},{"className":2885},[],[2887],{"type":40,"value":17},{"type":40,"value":2889},"，選擇你要壓縮或轉檔的影片。",{"type":34,"tag":565,"props":2891,"children":2893},{"className":2892},[568,569,570,571,572,573,574],[2894,2895,2901,2902],{"type":40,"value":577},{"type":34,"tag":579,"props":2896,"children":2900},{"src":2897,"alt":2898,"className":2899},"\u002Fday_assets\u002Fhandbrake\u002F開啟.png","HandBrake 左上角 Open Source 按鈕",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2903,"children":2905},{"className":2904},[590,591,592,593,594,595],[2906],{"type":40,"value":2907},"左上角 Open Source 是整個流程的起點，先把要處理的影片丟進來",{"type":34,"tag":42,"props":2909,"children":2910},{},[2911],{"type":40,"value":2912},"影片載入後，HandBrake 會分析解析度、幀率、音軌、字幕、章節等資訊。一般壓縮影片其實不用每個分頁都看懂，先確認來源檔案有正確載入就可以。",{"type":34,"tag":42,"props":2914,"children":2915},{},[2916],{"type":40,"value":2917},"我自己會先看三件事：",{"type":34,"tag":122,"props":2919,"children":2920},{},[2921,2926,2931],{"type":34,"tag":126,"props":2922,"children":2923},{},[2924],{"type":40,"value":2925},"解析度是不是正確。",{"type":34,"tag":126,"props":2927,"children":2928},{},[2929],{"type":40,"value":2930},"幀率是不是原本影片的設定。",{"type":34,"tag":126,"props":2932,"children":2933},{},[2934],{"type":40,"value":2935},"音訊有沒有被讀到。",{"type":34,"tag":42,"props":2937,"children":2938},{},[2939],{"type":40,"value":2940},"如果只是螢幕錄影或社群影片，通常 HandBrake 讀進來就能直接處理。",{"type":34,"tag":98,"props":2942,"children":2943},{},[],{"type":34,"tag":35,"props":2945,"children":2947},{"id":2946},"第二步選擇-preset",[2948],{"type":40,"value":2949},"第二步：選擇 Preset",{"type":34,"tag":42,"props":2951,"children":2952},{},[2953],{"type":40,"value":2954},"HandBrake 最省事的地方就是 preset。你不用一開始就研究 x264、x265、RF 值、bitrate、encoder tune。先從官方 preset 開始試，通常就能得到不錯的結果。",{"type":34,"tag":565,"props":2956,"children":2958},{"className":2957},[568,569,570,571,572,573,574],[2959,2960,2966,2967],{"type":40,"value":577},{"type":34,"tag":579,"props":2961,"children":2965},{"src":2962,"alt":2963,"className":2964},"\u002Fday_assets\u002Fhandbrake\u002F選擇.png","HandBrake Presets 選單",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":2968,"children":2970},{"className":2969},[590,591,592,593,594,595],[2971],{"type":40,"value":2972},"Presets 會依照速度、解析度、幀率、編碼格式整理好，先選接近需求的就行",{"type":34,"tag":42,"props":2974,"children":2975},{},[2976,2978,2983],{"type":40,"value":2977},"我這次用的是 ",{"type":34,"tag":58,"props":2979,"children":2981},{"className":2980},[],[2982],{"type":40,"value":2708},{"type":40,"value":2984},"。(影片demo裡的)名稱其實已經把大方向講完了：",{"type":34,"tag":122,"props":2986,"children":2987},{},[2988,2999,3010],{"type":34,"tag":126,"props":2989,"children":2990},{},[2991,2997],{"type":34,"tag":58,"props":2992,"children":2994},{"className":2993},[],[2995],{"type":40,"value":2996},"Very Fast",{"type":40,"value":2998},"：偏向速度，壓縮時間比較短。",{"type":34,"tag":126,"props":3000,"children":3001},{},[3002,3008],{"type":34,"tag":58,"props":3003,"children":3005},{"className":3004},[],[3006],{"type":40,"value":3007},"2160p60 4K",{"type":40,"value":3009},"：最高目標是 4K 60 FPS。",{"type":34,"tag":126,"props":3011,"children":3012},{},[3013,3019],{"type":34,"tag":58,"props":3014,"children":3016},{"className":3015},[],[3017],{"type":40,"value":3018},"HEVC",{"type":40,"value":3020},"：使用 H.265，通常比 H.264 更省空間，但舊設備相容性可能差一點。",{"type":34,"tag":42,"props":3022,"children":3023},{},[3024,3026,3032,3034,3040,3042,3046,3048,3051],{"type":40,"value":3025},"如果你只是要傳給大多數設備播放，",{"type":34,"tag":58,"props":3027,"children":3029},{"className":3028},[],[3030],{"type":40,"value":3031},"Fast 1080p30",{"type":40,"value":3033}," 或 ",{"type":34,"tag":58,"props":3035,"children":3037},{"className":3036},[],[3038],{"type":40,"value":3039},"HQ 1080p30",{"type":40,"value":3041}," 類型的 H.264 preset 會更保守。",{"type":34,"tag":3043,"props":3044,"children":3045},"br",{},[],{"type":40,"value":3047},"\n如果你想讓檔案更小，並且播放設備支援 HEVC，那 HEVC preset 很適合。",{"type":34,"tag":3043,"props":3049,"children":3050},{},[],{"type":40,"value":3052},"\n如果你想試更高壓縮效率，也可以看 AV1 preset，但 AV1 的編碼時間和播放相容性要另外考慮。",{"type":34,"tag":42,"props":3054,"children":3055},{},[3056],{"type":40,"value":3057},"我自己的習慣是這樣：",{"type":34,"tag":122,"props":3059,"children":3060},{},[3061,3066,3071],{"type":34,"tag":126,"props":3062,"children":3063},{},[3064],{"type":40,"value":3065},"發給別人，不確定對方設備：優先 H.264 \u002F MP4。",{"type":34,"tag":126,"props":3067,"children":3068},{},[3069],{"type":40,"value":3070},"自己備份，設備都新：可以試 HEVC。",{"type":34,"tag":126,"props":3072,"children":3073},{},[3074],{"type":40,"value":3075},"想壓到更小，且不急著輸出：再考慮 AV1。",{"type":34,"tag":98,"props":3077,"children":3078},{},[],{"type":34,"tag":35,"props":3080,"children":3082},{"id":3081},"第三步選擇輸出位置",[3083],{"type":40,"value":3084},"第三步：選擇輸出位置",{"type":34,"tag":42,"props":3086,"children":3087},{},[3088,3090,3096,3098,3104],{"type":40,"value":3089},"Preset 選好後，接著看下面的 ",{"type":34,"tag":58,"props":3091,"children":3093},{"className":3092},[],[3094],{"type":40,"value":3095},"Save As",{"type":40,"value":3097}," 和右下角的 ",{"type":34,"tag":58,"props":3099,"children":3101},{"className":3100},[],[3102],{"type":40,"value":3103},"Browse",{"type":40,"value":3105},"。這裡可以指定輸出檔名和資料夾。",{"type":34,"tag":565,"props":3107,"children":3109},{"className":3108},[568,569,570,571,572,573,574],[3110,3111,3116,3117],{"type":40,"value":577},{"type":34,"tag":579,"props":3112,"children":3115},{"src":2669,"alt":3113,"className":3114},"HandBrake 指定輸出位置",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":3118,"children":3120},{"className":3119},[590,591,592,593,594,595],[3121],{"type":40,"value":3122},"輸出位置設定好後，按上方 Start 就能開始轉檔",{"type":34,"tag":42,"props":3124,"children":3125},{},[3126],{"type":40,"value":3127},"這一步我會建議養成一個習慣：不要直接覆蓋原始檔。先輸出成另一個檔名，確認畫質和聲音都正常，再決定要不要刪原檔。",{"type":34,"tag":42,"props":3129,"children":3130},{},[3131],{"type":40,"value":3132},"尤其是你在測不同 preset 的時候，最好用檔名把設定標出來。例如：",{"type":34,"tag":243,"props":3134,"children":3136},{"className":546,"code":3135,"language":40,"meta":8,"style":8},"demo-original.mp4\ndemo-hevc-fast.mp4\ndemo-h264-1080p.mp4\n",[3137],{"type":34,"tag":58,"props":3138,"children":3139},{"__ignoreMap":8},[3140,3148,3156],{"type":34,"tag":253,"props":3141,"children":3142},{"class":255,"line":256},[3143],{"type":34,"tag":253,"props":3144,"children":3145},{},[3146],{"type":40,"value":3147},"demo-original.mp4\n",{"type":34,"tag":253,"props":3149,"children":3150},{"class":255,"line":708},[3151],{"type":34,"tag":253,"props":3152,"children":3153},{},[3154],{"type":40,"value":3155},"demo-hevc-fast.mp4\n",{"type":34,"tag":253,"props":3157,"children":3158},{"class":255,"line":733},[3159],{"type":34,"tag":253,"props":3160,"children":3161},{},[3162],{"type":40,"value":3163},"demo-h264-1080p.mp4\n",{"type":34,"tag":42,"props":3165,"children":3166},{},[3167],{"type":40,"value":3168},"這樣比較容易回頭比較，不會測到後面自己也忘記哪一支是哪個設定。",{"type":34,"tag":98,"props":3170,"children":3171},{},[],{"type":34,"tag":35,"props":3173,"children":3175},{"id":3174},"這次實測結果",[3176],{"type":40,"value":3174},{"type":34,"tag":42,"props":3178,"children":3179},{},[3180],{"type":40,"value":3181},"我這次最簡單的測法就是直接用官方 preset，不去細調參數。",{"type":34,"tag":565,"props":3183,"children":3185},{"className":3184},[568,569,570,571,572,573,574],[3186,3187,3193,3194],{"type":40,"value":577},{"type":34,"tag":579,"props":3188,"children":3192},{"src":3189,"alt":3190,"className":3191},"\u002Fday_assets\u002Fhandbrake\u002F結果.png","HandBrake 結果",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":3195,"children":3197},{"className":3196},[590,591,592,593,594,595],[3198],{"type":40,"value":3199},"測試設定畫面",{"type":34,"tag":122,"props":3201,"children":3202},{},[3203,3208,3213,3224],{"type":34,"tag":126,"props":3204,"children":3205},{},[3206],{"type":40,"value":3207},"來源：4K 影片，約 33 秒。",{"type":34,"tag":126,"props":3209,"children":3210},{},[3211],{"type":40,"value":3212},"原始大小：106.1 MB。",{"type":34,"tag":126,"props":3214,"children":3215},{},[3216,3218,3223],{"type":40,"value":3217},"使用 preset：",{"type":34,"tag":58,"props":3219,"children":3221},{"className":3220},[],[3222],{"type":40,"value":2708},{"type":40,"value":222},{"type":34,"tag":126,"props":3225,"children":3226},{},[3227],{"type":40,"value":3228},"輸出大小：約 16.6 MB。",{"type":34,"tag":42,"props":3230,"children":3231},{},[3232],{"type":40,"value":3233},"壓縮比例滿有感，最重要的是畫質沒有明顯糊掉。當然這跟影片內容也有關，如果畫面變化很劇烈、雜訊很多、細節很多，壓縮後的結果就會比較吃設定。但以我這次的螢幕錄影類素材來說，這個 preset 已經很夠用。",{"type":34,"tag":42,"props":3235,"children":3236},{},[3237],{"type":40,"value":3238},"我也滿喜歡 HandBrake 的穩定感。它不太會給人那種「每次打開都換一套 UI」的感覺，操作邏輯很固定。這對工具來說其實是優點，尤其是你只是想趕快把影片壓小，不想重新學一套工作流。",{"type":34,"tag":98,"props":3240,"children":3241},{},[],{"type":34,"tag":35,"props":3243,"children":3245},{"id":3244},"preset-怎麼選比較不容易踩坑",[3246],{"type":40,"value":3247},"Preset 怎麼選比較不容易踩坑",{"type":34,"tag":42,"props":3249,"children":3250},{},[3251],{"type":40,"value":3252},"如果你第一次用，我會建議先不要急著手調一堆參數。HandBrake 官方 preset 已經幫你分好幾個方向。",{"type":34,"tag":1854,"props":3254,"children":3256},{"id":3255},"速度",[3257],{"type":40,"value":3255},{"type":34,"tag":42,"props":3259,"children":3260},{},[3261,3266,3268,3274,3276,3279,3285,3286,3292],{"type":34,"tag":58,"props":3262,"children":3264},{"className":3263},[],[3265],{"type":40,"value":2996},{"type":40,"value":3267}," 和 ",{"type":34,"tag":58,"props":3269,"children":3271},{"className":3270},[],[3272],{"type":40,"value":3273},"Fast",{"type":40,"value":3275}," 輸出速度比較快，適合日常壓縮、測試、螢幕錄影。",{"type":34,"tag":3043,"props":3277,"children":3278},{},[],{"type":34,"tag":58,"props":3280,"children":3282},{"className":3281},[],[3283],{"type":40,"value":3284},"HQ",{"type":40,"value":3267},{"type":34,"tag":58,"props":3287,"children":3289},{"className":3288},[],[3290],{"type":40,"value":3291},"Super HQ",{"type":40,"value":3293}," 通常會花更久，但品質設定更保守。",{"type":34,"tag":42,"props":3295,"children":3296},{},[3297,3299,3304,3305,3310,3312,3317],{"type":40,"value":3298},"我自己平常會先用 ",{"type":34,"tag":58,"props":3300,"children":3302},{"className":3301},[],[3303],{"type":40,"value":3273},{"type":40,"value":3033},{"type":34,"tag":58,"props":3306,"children":3308},{"className":3307},[],[3309],{"type":40,"value":2996},{"type":40,"value":3311},"。除非畫質真的不滿意，才往 ",{"type":34,"tag":58,"props":3313,"children":3315},{"className":3314},[],[3316],{"type":40,"value":3284},{"type":40,"value":3318}," 調。",{"type":34,"tag":1854,"props":3320,"children":3322},{"id":3321},"解析度",[3323],{"type":40,"value":3321},{"type":34,"tag":42,"props":3325,"children":3326},{},[3327,3329,3332],{"type":40,"value":3328},"如果原始影片是 4K，但你只是要放網站、社群、簡報，其實很多時候 1080p 就夠了。",{"type":34,"tag":3043,"props":3330,"children":3331},{},[],{"type":40,"value":3333},"\n如果你要保留 4K 素材，再選 2160p 相關 preset。",{"type":34,"tag":42,"props":3335,"children":3336},{},[3337],{"type":40,"value":3338},"這件事很重要，因為解析度對檔案大小影響很大。不是所有影片都需要硬保留 4K。",{"type":34,"tag":1854,"props":3340,"children":3342},{"id":3341},"編碼格式",[3343],{"type":40,"value":3341},{"type":34,"tag":42,"props":3345,"children":3346},{},[3347,3349,3352,3354,3357],{"type":40,"value":3348},"H.264 最通用，舊設備、瀏覽器、播放器比較不容易出問題。",{"type":34,"tag":3043,"props":3350,"children":3351},{},[],{"type":40,"value":3353},"\nHEVC 檔案通常可以更小，但要注意舊設備支援。",{"type":34,"tag":3043,"props":3355,"children":3356},{},[],{"type":40,"value":3358},"\nAV1 壓縮效率很好，但編碼時間和相容性需要看你的硬體與播放環境。",{"type":34,"tag":42,"props":3360,"children":3361},{},[3362],{"type":40,"value":3363},"我自己目前最常用的還是 H.264 和 HEVC。AV1 會留給比較不急、或明確知道播放端支援的情境。",{"type":34,"tag":98,"props":3365,"children":3366},{},[],{"type":34,"tag":35,"props":3368,"children":3370},{"id":3369},"使用心得",[3371],{"type":40,"value":3369},{"type":34,"tag":42,"props":3373,"children":3374},{},[3375],{"type":40,"value":3376},"HandBrake 不是新工具，也不是那種一打開就讓人覺得很潮的軟體。但我實際測完後，反而覺得它的優點就在這裡。它很直接，很穩，功能集中在「把影片轉成你要的格式」這件事上。",{"type":34,"tag":42,"props":3378,"children":3379},{},[3380],{"type":40,"value":3381},"我最喜歡的是它的 preset 系統。很多時候影片壓縮麻煩的不是工具不夠強，而是參數太多，第一次用的人不知道從哪裡開始。HandBrake 至少給了一條很清楚的起跑線：先選一個接近需求的 preset，跑一次，看結果，再微調。",{"type":34,"tag":42,"props":3383,"children":3384},{},[3385],{"type":40,"value":3386},"如果你常常遇到影片太大、上傳很慢、備份很佔空間，HandBrake 到現在還是很好用。尤其是螢幕錄影、教學影片、Demo 影片這類素材，用它壓一輪通常就能省下不少空間。",{"type":34,"tag":98,"props":3388,"children":3389},{},[],{"type":34,"tag":42,"props":3391,"children":3392},{},[3393],{"type":34,"tag":1008,"props":3394,"children":3395},{},[3396],{"type":40,"value":1514},{"type":34,"tag":122,"props":3398,"children":3399},{},[3400,3409,3418,3426],{"type":34,"tag":126,"props":3401,"children":3402},{},[3403],{"type":34,"tag":72,"props":3404,"children":3406},{"href":2730,"rel":3405},[76],[3407],{"type":40,"value":3408},"HandBrake 官方網站",{"type":34,"tag":126,"props":3410,"children":3411},{},[3412],{"type":34,"tag":72,"props":3413,"children":3415},{"href":2859,"rel":3414},[76],[3416],{"type":40,"value":3417},"HandBrake 官方下載頁",{"type":34,"tag":126,"props":3419,"children":3420},{},[3421],{"type":34,"tag":72,"props":3422,"children":3424},{"href":2740,"rel":3423},[76],[3425],{"type":40,"value":2744},{"type":34,"tag":126,"props":3427,"children":3428},{},[3429],{"type":34,"tag":72,"props":3430,"children":3432},{"href":2750,"rel":3431},[76],[3433],{"type":40,"value":2754},{"type":34,"tag":1548,"props":3435,"children":3436},{},[3437],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":3439},[3440,3441,3442,3443,3444,3445,3446,3447,3452],{"id":37,"depth":708,"text":37},{"id":1665,"depth":708,"text":1665},{"id":1739,"depth":708,"text":1739},{"id":2874,"depth":708,"text":2877},{"id":2946,"depth":708,"text":2949},{"id":3081,"depth":708,"text":3084},{"id":3174,"depth":708,"text":3174},{"id":3244,"depth":708,"text":3247,"children":3448},[3449,3450,3451],{"id":3255,"depth":733,"text":3255},{"id":3321,"depth":733,"text":3321},{"id":3341,"depth":733,"text":3341},{"id":3369,"depth":708,"text":3369},"content:articles:handbrake.md","articles\u002Fhandbrake.md","articles\u002Fhandbrake",{"_path":3457,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":3458,"description":3459,"date":3460,"updated":3460,"category":12,"image":3461,"tags":3462,"series":3464,"readingTime":3465,"difficulty":1587,"local":24,"platforms":3466,"gpu":3467,"draft":7,"body":3468,"_type":1569,"_id":4211,"_source":1571,"_file":4212,"_stem":4213,"_extension":1574},"\u002Farticles\u002Fsmartsub","SmartSub 妙幕實測：我目前用過最省事的本機影片字幕翻譯工具","SmartSub 妙幕是一款本地優先的桌面字幕工具，可以完成影片轉字幕、字幕翻譯、雙語字幕與字幕燒錄。這篇記錄我實測 DeepSeek 翻譯、faster-whisper、CUDA 加速，以及它和 VideoLingo 的差異。","2026-06-25","\u002Fday_assets\u002Fsmartsub\u002F首頁.png",[15,17,2671,3463],"Local AI","local-ai","7 min read",[27,26,28],"Optional GPU",{"type":31,"children":3469,"toc":4197},[3470,3474,3493,3498,3511,3515,3548,3551,3555,3560,3564,3592,3596,3614,3619,3622,3626,3639,3657,3662,3709,3746,3751,3785,3790,3793,3798,3803,3820,3825,3853,3858,3861,3867,3872,3877,3930,3935,3945,3963,3975,3979,3991,4009,4014,4019,4022,4027,4038,4042,4047,4052,4057,4060,4065,4070,4074,4079,4084,4087,4093,4098,4111,4116,4121,4126,4129,4133,4138,4143,4148,4151,4158,4193],{"type":34,"tag":35,"props":3471,"children":3472},{"id":37},[3473],{"type":40,"value":37},{"type":34,"tag":42,"props":3475,"children":3476},{},[3477,3478,3483,3485,3491],{"type":40,"value":2683},{"type":34,"tag":1008,"props":3479,"children":3480},{},[3481],{"type":40,"value":3482},"SmartSub 妙幕",{"type":40,"value":3484},"。這類影片字幕工具我前陣子已經玩過不少，包含之前寫過的 ",{"type":34,"tag":72,"props":3486,"children":3488},{"href":3487},"\u002Farticles\u002Fvideolingo",[3489],{"type":40,"value":3490},"VideoLingo",{"type":40,"value":3492},"。VideoLingo 功能很完整，甚至可以一路做到 TTS 配音，但它的環境配置也真的比較麻煩。",{"type":34,"tag":42,"props":3494,"children":3495},{},[3496],{"type":40,"value":3497},"SmartSub 給我的第一印象剛好相反。它比較像一個已經包好的桌面 App，打開之後從任務開始選，一步一步把影片轉錄、翻譯、校對、合成跑完。尤其是 ASR 模型和 GPU 加速這段，SmartSub 真的省掉很多手動配置時間。",{"type":34,"tag":42,"props":3499,"children":3500},{},[3501,3503,3509],{"type":40,"value":3502},"我這次拿幾支英文演講影片測，總長大約 10 分鐘，翻譯模型用的是 ",{"type":34,"tag":58,"props":3504,"children":3506},{"className":3505},[],[3507],{"type":40,"value":3508},"deepseek v4 flash",{"type":40,"value":3510},"。我翻了 4 部影片，加起來花費不到 0.01 美元，速度和成本都很誇張。",{"type":34,"tag":112,"props":3512,"children":3514},{"src":3513},"\u002Fday_assets\u002Fsmartsub\u002FNvidia S Jensen Huang Urges Society To Adapt To New Norms In The Age Of Ai 1080P Subtitled.mp4",[],{"type":34,"tag":122,"props":3516,"children":3517},{},[3518,3528,3538],{"type":34,"tag":126,"props":3519,"children":3520},{},[3521],{"type":34,"tag":72,"props":3522,"children":3525},{"href":3523,"rel":3524},"https:\u002F\u002Fsmartsub.linxiaodong.com\u002F",[76],[3526],{"type":40,"value":3527},"SmartSub 官方網站",{"type":34,"tag":126,"props":3529,"children":3530},{},[3531],{"type":34,"tag":72,"props":3532,"children":3535},{"href":3533,"rel":3534},"https:\u002F\u002Fgithub.com\u002Fbuxuku\u002FSmartSub",[76],[3536],{"type":40,"value":3537},"SmartSub GitHub",{"type":34,"tag":126,"props":3539,"children":3540},{},[3541],{"type":34,"tag":72,"props":3542,"children":3545},{"href":3543,"rel":3544},"https:\u002F\u002Fgithub.com\u002Fbuxuku\u002FSmartSub\u002Freleases",[76],[3546],{"type":40,"value":3547},"SmartSub Releases",{"type":34,"tag":98,"props":3549,"children":3550},{},[],{"type":34,"tag":35,"props":3552,"children":3553},{"id":1665},[3554],{"type":40,"value":1665},{"type":34,"tag":42,"props":3556,"children":3557},{},[3558],{"type":40,"value":3559},"我會把 SmartSub 放在「我想快速做字幕，不想折騰環境」的位置。",{"type":34,"tag":42,"props":3561,"children":3562},{},[3563],{"type":40,"value":1677},{"type":34,"tag":122,"props":3565,"children":3566},{},[3567,3572,3577,3582,3587],{"type":34,"tag":126,"props":3568,"children":3569},{},[3570],{"type":40,"value":3571},"外語影片要快速產出中文字幕或雙語字幕。",{"type":34,"tag":126,"props":3573,"children":3574},{},[3575],{"type":40,"value":3576},"已經有字幕檔，只想翻譯成另一種語言。",{"type":34,"tag":126,"props":3578,"children":3579},{},[3580],{"type":40,"value":3581},"想把字幕直接燒進影片，輸出成可以分享的版本。",{"type":34,"tag":126,"props":3583,"children":3584},{},[3585],{"type":40,"value":3586},"想用本機 ASR，不想把原始音影片丟到雲端服務。",{"type":34,"tag":126,"props":3588,"children":3589},{},[3590],{"type":40,"value":3591},"想用 GPU 加速，但不想自己處理 CUDA、模型和 Python 環境。",{"type":34,"tag":42,"props":3593,"children":3594},{},[3595],{"type":40,"value":1705},{"type":34,"tag":122,"props":3597,"children":3598},{},[3599,3604,3609],{"type":34,"tag":126,"props":3600,"children":3601},{},[3602],{"type":40,"value":3603},"你一定要做中文配音或多語配音。",{"type":34,"tag":126,"props":3605,"children":3606},{},[3607],{"type":40,"value":3608},"你想把整套流程接成自己的自動化 pipeline。",{"type":34,"tag":126,"props":3610,"children":3611},{},[3612],{"type":40,"value":3613},"你想手動控制每一個中間步驟和提示詞細節。",{"type":34,"tag":42,"props":3615,"children":3616},{},[3617],{"type":40,"value":3618},"如果你需要 TTS 配音，VideoLingo 還是比較完整。但如果你只是要字幕生成、翻譯、校對、燒錄，我自己會優先打開 SmartSub。",{"type":34,"tag":98,"props":3620,"children":3621},{},[],{"type":34,"tag":35,"props":3623,"children":3624},{"id":1739},[3625],{"type":40,"value":1739},{"type":34,"tag":42,"props":3627,"children":3628},{},[3629,3631,3637],{"type":40,"value":3630},"SmartSub 可以到 GitHub Releases 下載 Windows、macOS、Linux 對應版本。官方文件也有整理下載表，macOS 使用者比較推薦直接用 Homebrew。\n其他作業系統使用者點- ",{"type":34,"tag":72,"props":3632,"children":3634},{"href":3543,"rel":3633},[76],[3635],{"type":40,"value":3636},"SmartSub Releases（點擊前往）",{"type":40,"value":3638},"下載",{"type":34,"tag":565,"props":3640,"children":3642},{"className":3641},[568,569,570,571,572,573,574],[3643,3644,3650,3651],{"type":40,"value":577},{"type":34,"tag":579,"props":3645,"children":3649},{"src":3646,"alt":3647,"className":3648},"\u002Fday_assets\u002Fsmartsub\u002Fdownload.png","SmartSub 下載頁面與 Homebrew 安裝方式",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":3652,"children":3654},{"className":3653},[590,591,592,593,594,595],[3655],{"type":40,"value":3656},"macOS 可以用 Homebrew 安裝，也可以到 GitHub Releases 下載對應版本",{"type":34,"tag":42,"props":3658,"children":3659},{},[3660],{"type":40,"value":3661},"macOS 可以這樣裝：",{"type":34,"tag":243,"props":3663,"children":3665},{"className":245,"code":3664,"language":247,"meta":8,"style":8},"brew tap buxuku\u002Ftap\nbrew install --cask smartsub\n",[3666],{"type":34,"tag":58,"props":3667,"children":3668},{"__ignoreMap":8},[3669,3687],{"type":34,"tag":253,"props":3670,"children":3671},{"class":255,"line":256},[3672,3677,3682],{"type":34,"tag":253,"props":3673,"children":3674},{"style":260},[3675],{"type":40,"value":3676},"brew",{"type":34,"tag":253,"props":3678,"children":3679},{"style":271},[3680],{"type":40,"value":3681}," tap",{"type":34,"tag":253,"props":3683,"children":3684},{"style":271},[3685],{"type":40,"value":3686}," buxuku\u002Ftap\n",{"type":34,"tag":253,"props":3688,"children":3689},{"class":255,"line":708},[3690,3694,3699,3704],{"type":34,"tag":253,"props":3691,"children":3692},{"style":260},[3693],{"type":40,"value":3676},{"type":34,"tag":253,"props":3695,"children":3696},{"style":271},[3697],{"type":40,"value":3698}," install",{"type":34,"tag":253,"props":3700,"children":3701},{"style":265},[3702],{"type":40,"value":3703}," --cask",{"type":34,"tag":253,"props":3705,"children":3706},{"style":271},[3707],{"type":40,"value":3708}," smartsub\n",{"type":34,"tag":42,"props":3710,"children":3711},{},[3712,3714,3720,3722,3728,3730,3736,3738,3744],{"type":40,"value":3713},"如果是手動下載，Windows 選 ",{"type":34,"tag":58,"props":3715,"children":3717},{"className":3716},[],[3718],{"type":40,"value":3719},"windows-x64",{"type":40,"value":3721},"，Apple Silicon Mac 選 ",{"type":34,"tag":58,"props":3723,"children":3725},{"className":3724},[],[3726],{"type":40,"value":3727},"mac-arm64",{"type":40,"value":3729},"，Intel Mac 選 ",{"type":34,"tag":58,"props":3731,"children":3733},{"className":3732},[],[3734],{"type":40,"value":3735},"mac-x64",{"type":40,"value":3737},"，Linux 則看你要 ",{"type":34,"tag":58,"props":3739,"children":3741},{"className":3740},[],[3742],{"type":40,"value":3743},"deb",{"type":40,"value":3745}," 還是 AppImage。",{"type":34,"tag":42,"props":3747,"children":3748},{},[3749],{"type":40,"value":3750},"macOS 如果跳出應用程式已損壞，官方文件也有提供解除 quarantine 的方式：",{"type":34,"tag":243,"props":3752,"children":3754},{"className":245,"code":3753,"language":247,"meta":8,"style":8},"sudo xattr -dr com.apple.quarantine \u002FApplications\u002FSmartSub.app\n",[3755],{"type":34,"tag":58,"props":3756,"children":3757},{"__ignoreMap":8},[3758],{"type":34,"tag":253,"props":3759,"children":3760},{"class":255,"line":256},[3761,3766,3771,3776,3780],{"type":34,"tag":253,"props":3762,"children":3763},{"style":260},[3764],{"type":40,"value":3765},"sudo",{"type":34,"tag":253,"props":3767,"children":3768},{"style":271},[3769],{"type":40,"value":3770}," xattr",{"type":34,"tag":253,"props":3772,"children":3773},{"style":265},[3774],{"type":40,"value":3775}," -dr",{"type":34,"tag":253,"props":3777,"children":3778},{"style":271},[3779],{"type":40,"value":1822},{"type":34,"tag":253,"props":3781,"children":3782},{"style":271},[3783],{"type":40,"value":3784}," \u002FApplications\u002FSmartSub.app\n",{"type":34,"tag":42,"props":3786,"children":3787},{},[3788],{"type":40,"value":3789},"這種指令我會建議只在你確定來源是官方 GitHub 或官方網站時才跑。",{"type":34,"tag":98,"props":3791,"children":3792},{},[],{"type":34,"tag":35,"props":3794,"children":3796},{"id":3795},"首頁是任務式流程",[3797],{"type":40,"value":3795},{"type":34,"tag":42,"props":3799,"children":3800},{},[3801],{"type":40,"value":3802},"SmartSub 的首頁不是丟一堆參數給你，而是先問你要做什麼。這點我滿喜歡，因為字幕工具最容易讓人卡在「我到底要先轉錄、先翻譯、還是先合成」。",{"type":34,"tag":565,"props":3804,"children":3806},{"className":3805},[568,569,570,571,572,573,574],[3807,3808,3813,3814],{"type":40,"value":577},{"type":34,"tag":579,"props":3809,"children":3812},{"src":3461,"alt":3810,"className":3811},"SmartSub 首頁任務選擇介面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":3815,"children":3817},{"className":3816},[590,591,592,593,594,595],[3818],{"type":40,"value":3819},"首頁直接用任務引導，可以選影片轉雙語字幕、原文字幕、字幕翻譯、校對和合成",{"type":34,"tag":42,"props":3821,"children":3822},{},[3823],{"type":40,"value":3824},"首頁常用的任務大概是這幾種：",{"type":34,"tag":122,"props":3826,"children":3827},{},[3828,3833,3838,3843,3848],{"type":34,"tag":126,"props":3829,"children":3830},{},[3831],{"type":40,"value":3832},"影片轉雙語字幕",{"type":34,"tag":126,"props":3834,"children":3835},{},[3836],{"type":40,"value":3837},"影片轉原文字幕",{"type":34,"tag":126,"props":3839,"children":3840},{},[3841],{"type":40,"value":3842},"翻譯已有字幕",{"type":34,"tag":126,"props":3844,"children":3845},{},[3846],{"type":40,"value":3847},"校對字幕",{"type":34,"tag":126,"props":3849,"children":3850},{},[3851],{"type":40,"value":3852},"合成到影片",{"type":34,"tag":42,"props":3854,"children":3855},{},[3856],{"type":40,"value":3857},"我這次主要用的是「影片轉雙語字幕」和「合成到影片」。前者會把影片先轉錄，再翻譯成目標語言，最後產出字幕。後者則是把字幕放進影片裡，變成可以直接播放的成品。",{"type":34,"tag":98,"props":3859,"children":3860},{},[],{"type":34,"tag":35,"props":3862,"children":3864},{"id":3863},"asr-模型配置比想像中輕",[3865],{"type":40,"value":3866},"ASR 模型配置比想像中輕",{"type":34,"tag":42,"props":3868,"children":3869},{},[3870],{"type":40,"value":3871},"我覺得 SmartSub 最強的地方在這裡。",{"type":34,"tag":42,"props":3873,"children":3874},{},[3875],{"type":40,"value":3876},"以前這類工具常見問題是：功能看起來很完整，但你一裝下去就開始碰 Python、CUDA、Whisper、FFmpeg、模型路徑。不是不能解，只是每次都很耗精神。",{"type":34,"tag":42,"props":3878,"children":3879},{},[3880,3882,3888,3889,3895,3896,3902,3903,3909,3910,3916,3918,3923,3924,3929],{"type":40,"value":3881},"SmartSub 把「引擎與模型」做成一個管理頁。官方 README 提到 3.x 版本支援 6 種轉寫引擎，包含內建 ",{"type":34,"tag":58,"props":3883,"children":3885},{"className":3884},[],[3886],{"type":40,"value":3887},"whisper.cpp",{"type":40,"value":2000},{"type":34,"tag":58,"props":3890,"children":3892},{"className":3891},[],[3893],{"type":40,"value":3894},"faster-whisper",{"type":40,"value":2000},{"type":34,"tag":58,"props":3897,"children":3899},{"className":3898},[],[3900],{"type":40,"value":3901},"FunASR",{"type":40,"value":2000},{"type":34,"tag":58,"props":3904,"children":3906},{"className":3905},[],[3907],{"type":40,"value":3908},"Qwen3-ASR",{"type":40,"value":2000},{"type":34,"tag":58,"props":3911,"children":3913},{"className":3912},[],[3914],{"type":40,"value":3915},"FireRedASR",{"type":40,"value":3917}," 和本地 Whisper CLI。我這次主要看的是 ",{"type":34,"tag":58,"props":3919,"children":3921},{"className":3920},[],[3922],{"type":40,"value":3887},{"type":40,"value":3267},{"type":34,"tag":58,"props":3925,"children":3927},{"className":3926},[],[3928],{"type":40,"value":3894},{"type":40,"value":222},{"type":34,"tag":1854,"props":3931,"children":3933},{"id":3932},"whispercpp",[3934],{"type":40,"value":3887},{"type":34,"tag":42,"props":3936,"children":3937},{},[3938,3943],{"type":34,"tag":58,"props":3939,"children":3941},{"className":3940},[],[3942],{"type":40,"value":3887},{"type":40,"value":3944}," 是內建引擎，開箱就能用。它適合先試跑，尤其是你不想先下載一堆東西，只想知道軟體能不能正常工作。",{"type":34,"tag":565,"props":3946,"children":3948},{"className":3947},[568,569,570,571,572,573,574],[3949,3950,3956,3957],{"type":40,"value":577},{"type":34,"tag":579,"props":3951,"children":3955},{"src":3952,"alt":3953,"className":3954},"\u002Fday_assets\u002Fsmartsub\u002Fwhisper.png","SmartSub whisper.cpp 模型管理頁面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":3958,"children":3960},{"className":3959},[590,591,592,593,594,595],[3961],{"type":40,"value":3962},"whisper.cpp 是內建引擎，適合先快速跑通流程",{"type":34,"tag":42,"props":3964,"children":3965},{},[3966,3968,3973],{"type":40,"value":3967},"它的好處是簡單。缺點是我自己測下來速度沒有 ",{"type":34,"tag":58,"props":3969,"children":3971},{"className":3970},[],[3972],{"type":40,"value":3894},{"type":40,"value":3974}," 那麼爽。如果只是短影片，差距還好；影片一長，就會開始在意等待時間。",{"type":34,"tag":1854,"props":3976,"children":3977},{"id":3894},[3978],{"type":40,"value":3894},{"type":34,"tag":42,"props":3980,"children":3981},{},[3982,3984,3989],{"type":40,"value":3983},"我後來比較喜歡 ",{"type":34,"tag":58,"props":3985,"children":3987},{"className":3986},[],[3988],{"type":40,"value":3894},{"type":40,"value":3990},"。SmartSub 會在應用內下載自包含的 Python runtime，模型也可以在介面裡處理。搭配 NVIDIA CUDA 的時候，速度感很明顯。",{"type":34,"tag":565,"props":3992,"children":3994},{"className":3993},[568,569,570,571,572,573,574],[3995,3996,4002,4003],{"type":40,"value":577},{"type":34,"tag":579,"props":3997,"children":4001},{"src":3998,"alt":3999,"className":4000},"\u002Fday_assets\u002Fsmartsub\u002Ffaster.png","SmartSub faster-whisper 模型下載與 CUDA 加速",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":4004,"children":4006},{"className":4005},[590,591,592,593,594,595],[4007],{"type":40,"value":4008},"faster-whisper 可以搭配 CUDA 加速，模型和 runtime 都在介面裡管理",{"type":34,"tag":42,"props":4010,"children":4011},{},[4012],{"type":40,"value":4013},"我測的 Windows 機器有 NVIDIA 顯卡，右上角可以看到 CUDA 加速狀態。這種體驗跟自己手動裝 CUDA Toolkit、處理 Python 套件相比，真的舒服很多。",{"type":34,"tag":42,"props":4015,"children":4016},{},[4017],{"type":40,"value":4018},"如果沒有 GPU，它也可以退回 CPU 跑。只是影片長度一上來，CPU 版本就會比較需要耐心。",{"type":34,"tag":98,"props":4020,"children":4021},{},[],{"type":34,"tag":35,"props":4023,"children":4025},{"id":4024},"翻譯流程",[4026],{"type":40,"value":4024},{"type":34,"tag":42,"props":4028,"children":4029},{},[4030,4032,4037],{"type":40,"value":4031},"SmartSub 的翻譯流程大致是：先擷取音訊、轉成字幕，再把字幕丟去翻譯服務。我的測試是用 DeepSeek，模型選 ",{"type":34,"tag":58,"props":4033,"children":4035},{"className":4034},[],[4036],{"type":40,"value":3508},{"type":40,"value":222},{"type":34,"tag":112,"props":4039,"children":4041},{"src":4040},"\u002Fday_assets\u002Fsmartsub\u002F翻譯.mp4",[],{"type":34,"tag":42,"props":4043,"children":4044},{},[4045],{"type":40,"value":4046},"我這次翻了 4 部演講影片，總長大概 10 分鐘，花費不到 0.01 美元。這不是什麼嚴格 benchmark，只是我自己的用量紀錄，但它讓我對這種工具的成本感覺改觀很多。",{"type":34,"tag":42,"props":4048,"children":4049},{},[4050],{"type":40,"value":4051},"如果你本來擔心影片翻譯很燒錢，其實只翻字幕文字的成本很低。真正容易變貴的是你要做配音、長影片、大量批次，或是用比較貴的模型。",{"type":34,"tag":42,"props":4053,"children":4054},{},[4055],{"type":40,"value":4056},"翻譯完之後會產出字幕檔。這時我會先進校對頁看一下斷句和翻譯，有些專有名詞還是要手動修，不然 AI 會很自信地把人名、產品名翻得很奇怪。",{"type":34,"tag":98,"props":4058,"children":4059},{},[],{"type":34,"tag":35,"props":4061,"children":4063},{"id":4062},"合成輸出",[4064],{"type":40,"value":4062},{"type":34,"tag":42,"props":4066,"children":4067},{},[4068],{"type":40,"value":4069},"字幕確認後，就可以進到合成影片。SmartSub 可以調整字幕樣式，像是字體大小、位置、顏色、描邊、陰影。你可以選硬字幕燒錄，也可以做軟字幕封裝。",{"type":34,"tag":112,"props":4071,"children":4073},{"src":4072},"\u002Fday_assets\u002Fsmartsub\u002F輸出.mp4",[],{"type":34,"tag":42,"props":4075,"children":4076},{},[4077],{"type":40,"value":4078},"如果影片是要丟社群、傳給不熟悉播放器設定的人，我會直接選硬字幕。因為對方不用管字幕軌，打開就能看。",{"type":34,"tag":42,"props":4080,"children":4081},{},[4082],{"type":40,"value":4083},"如果是自己收藏、內部資料、或是希望保留可切換字幕軌，軟字幕比較彈性。只是不同播放器支援狀況會有差，分享出去時比較容易被問「為什麼我看不到字幕」。",{"type":34,"tag":98,"props":4085,"children":4086},{},[],{"type":34,"tag":35,"props":4088,"children":4090},{"id":4089},"跟-videolingo-怎麼選",[4091],{"type":40,"value":4092},"跟 VideoLingo 怎麼選",{"type":34,"tag":42,"props":4094,"children":4095},{},[4096],{"type":40,"value":4097},"我會這樣分：",{"type":34,"tag":122,"props":4099,"children":4100},{},[4101,4106],{"type":34,"tag":126,"props":4102,"children":4103},{},[4104],{"type":40,"value":4105},"你要字幕生成、翻譯、校對、燒錄，而且想少折騰環境：選 SmartSub。",{"type":34,"tag":126,"props":4107,"children":4108},{},[4109],{"type":40,"value":4110},"你要完整影片本地化，包含 TTS 配音和更重的流程控制：選 VideoLingo。",{"type":34,"tag":42,"props":4112,"children":4113},{},[4114],{"type":40,"value":4115},"VideoLingo 的功能很強，尤其是配音那段 SmartSub 目前不是同一個方向。但我自己真的裝過之後，會覺得 VideoLingo 比較像給願意碰環境的人。它不是不好，而是第一次配置比較需要耐心。",{"type":34,"tag":42,"props":4117,"children":4118},{},[4119],{"type":40,"value":4120},"SmartSub 的優點是直接。下載 App、選任務、選模型、設定翻譯服務、跑流程。它把很多原本會讓人卡住的部分藏在介面裡，這對大部分只是想做字幕的人很重要。",{"type":34,"tag":42,"props":4122,"children":4123},{},[4124],{"type":40,"value":4125},"我目前會把它當成日常字幕工具。需要配音時再回去開 VideoLingo。",{"type":34,"tag":98,"props":4127,"children":4128},{},[],{"type":34,"tag":35,"props":4130,"children":4131},{"id":2066},[4132],{"type":40,"value":2066},{"type":34,"tag":42,"props":4134,"children":4135},{},[4136],{"type":40,"value":4137},"SmartSub 這次讓我最有感的是「少很多部署摩擦」。以前我測影片翻譯工具，常常半小時都還在處理環境。這次比較像是真的在做字幕，而不是在跟套件管理器打架。",{"type":34,"tag":42,"props":4139,"children":4140},{},[4141],{"type":40,"value":4142},"它也不是完全不用設定。翻譯服務還是要放 API key，模型還是要下載，長影片還是會吃時間。但這些設定都在 App 裡完成，心智負擔小很多。",{"type":34,"tag":42,"props":4144,"children":4145},{},[4146],{"type":40,"value":4147},"如果你跟我一樣常常看到英文演講、教學影片，想快速做中文字幕或雙語字幕，我覺得 SmartSub 很值得放進工具箱。尤其是搭配便宜又快的翻譯模型，這個成本低到會讓人開始想批量整理一堆影片。",{"type":34,"tag":98,"props":4149,"children":4150},{},[],{"type":34,"tag":42,"props":4152,"children":4153},{},[4154],{"type":34,"tag":1008,"props":4155,"children":4156},{},[4157],{"type":40,"value":1514},{"type":34,"tag":122,"props":4159,"children":4160},{},[4161,4169,4177,4185],{"type":34,"tag":126,"props":4162,"children":4163},{},[4164],{"type":34,"tag":72,"props":4165,"children":4167},{"href":3523,"rel":4166},[76],[4168],{"type":40,"value":3527},{"type":34,"tag":126,"props":4170,"children":4171},{},[4172],{"type":34,"tag":72,"props":4173,"children":4175},{"href":3533,"rel":4174},[76],[4176],{"type":40,"value":3537},{"type":34,"tag":126,"props":4178,"children":4179},{},[4180],{"type":34,"tag":72,"props":4181,"children":4183},{"href":3543,"rel":4182},[76],[4184],{"type":40,"value":3547},{"type":34,"tag":126,"props":4186,"children":4187},{},[4188],{"type":34,"tag":72,"props":4189,"children":4190},{"href":3487},[4191],{"type":40,"value":4192},"VideoLingo 實測文章",{"type":34,"tag":1548,"props":4194,"children":4195},{},[4196],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":4198},[4199,4200,4201,4202,4203,4207,4208,4209,4210],{"id":37,"depth":708,"text":37},{"id":1665,"depth":708,"text":1665},{"id":1739,"depth":708,"text":1739},{"id":3795,"depth":708,"text":3795},{"id":3863,"depth":708,"text":3866,"children":4204},[4205,4206],{"id":3932,"depth":733,"text":3887},{"id":3894,"depth":733,"text":3894},{"id":4024,"depth":708,"text":4024},{"id":4062,"depth":708,"text":4062},{"id":4089,"depth":708,"text":4092},{"id":2066,"depth":708,"text":2066},"content:articles:smartsub.md","articles\u002Fsmartsub.md","articles\u002Fsmartsub",{"_path":4215,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":4216,"description":4217,"date":4218,"updated":4218,"category":12,"image":4219,"tags":4220,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":4222,"gpu":29,"draft":7,"body":4223,"_type":1569,"_id":4849,"_source":1571,"_file":4850,"_stem":4851,"_extension":1574},"\u002Farticles\u002Fkando","Kando 實測：我近期最喜歡的跨平台開源圓盤快捷選單","Kando 是一款免費開源、支援 macOS\u002FWindows\u002FLinux 的 Pie Menu 工具，可以用 Ctrl + Space 叫出圓盤選單，用滑鼠手勢快速開啟 App、網站、檔案、熱鍵與巨集。這篇分享我的實際使用體驗與設定方式。","2026-06-24","\u002Fday_assets\u002Fkando\u002Flook.jpg",[17,1584,4221],"Automation",[26,27,28],{"type":31,"children":4224,"toc":4837},[4225,4229,4234,4239,4252,4257,4261,4284,4287,4293,4298,4303,4346,4351,4356,4359,4365,4370,4375,4380,4385,4388,4394,4399,4412,4430,4478,4490,4493,4499,4504,4509,4527,4532,4537,4540,4546,4551,4556,4569,4586,4591,4594,4598,4603,4608,4631,4658,4663,4686,4691,4696,4699,4705,4710,4733,4745,4750,4753,4757,4762,4774,4777,4782,4833],{"type":34,"tag":35,"props":4226,"children":4227},{"id":37},[4228],{"type":40,"value":37},{"type":34,"tag":42,"props":4230,"children":4231},{},[4232],{"type":40,"value":4233},"這款 Kando 我真的很喜歡，甚至可以說是我近期找到最讓我驚喜的效率工具之一。",{"type":34,"tag":42,"props":4235,"children":4236},{},[4237],{"type":40,"value":4238},"它不是那種看起來功能很多、但實際用起來會讓人覺得麻煩的工具。Kando 的概念很簡單：按下快捷鍵後，在滑鼠游標附近叫出一個圓盤選單，接著用滑鼠往某個方向拖移，就能開啟 App、網站、檔案、資料夾，甚至觸發快捷鍵或巨集。",{"type":34,"tag":42,"props":4240,"children":4241},{},[4242,4244,4250],{"type":40,"value":4243},"我自己目前是設定成預設的 ",{"type":34,"tag":58,"props":4245,"children":4247},{"className":4246},[],[4248],{"type":40,"value":4249},"Control + Space",{"type":40,"value":4251}," 叫出選單。呼叫出來之後，不需要再去 Dock 裡找 App，也不用開瀏覽器書籤列，只要往對應方向一滑，就能直接進到我常用的服務或軟體。這種操作方式有一點像把「快捷鍵」變成看得見、摸得到的手勢。",{"type":34,"tag":42,"props":4253,"children":4254},{},[4255],{"type":40,"value":4256},"下面這段是我自己設定後的實際操作 Demo：",{"type":34,"tag":112,"props":4258,"children":4260},{"src":4259},"\u002Fday_assets\u002Fkando\u002Fdemo.mp4",[],{"type":34,"tag":122,"props":4262,"children":4263},{},[4264,4274],{"type":34,"tag":126,"props":4265,"children":4266},{},[4267],{"type":34,"tag":72,"props":4268,"children":4271},{"href":4269,"rel":4270},"https:\u002F\u002Fkando.menu\u002F",[76],[4272],{"type":40,"value":4273},"Kando 官方網站（按這裡前往）",{"type":34,"tag":126,"props":4275,"children":4276},{},[4277],{"type":34,"tag":72,"props":4278,"children":4281},{"href":4279,"rel":4280},"https:\u002F\u002Fgithub.com\u002Fkando-menu\u002Fkando",[76],[4282],{"type":40,"value":4283},"Kando GitHub 倉庫（按這裡前往）",{"type":34,"tag":98,"props":4285,"children":4286},{},[],{"type":34,"tag":35,"props":4288,"children":4290},{"id":4289},"kando-是什麼",[4291],{"type":40,"value":4292},"Kando 是什麼？",{"type":34,"tag":42,"props":4294,"children":4295},{},[4296],{"type":40,"value":4297},"Kando 是一款免費、開源、跨平台的桌面 Pie Menu，也就是圓盤式快捷選單。官方文件裡提到，它支援 Windows、macOS、Linux，可以透過滑鼠、觸控筆、觸控螢幕、控制器，甚至鍵盤來操作。",{"type":34,"tag":42,"props":4299,"children":4300},{},[4301],{"type":40,"value":4302},"它能做的事情比「啟動器」更廣一些。除了最基本的開 App，也可以：",{"type":34,"tag":122,"props":4304,"children":4305},{},[4306,4311,4316,4321,4326,4331,4336,4341],{"type":34,"tag":126,"props":4307,"children":4308},{},[4309],{"type":40,"value":4310},"開啟指定檔案、資料夾或網站",{"type":34,"tag":126,"props":4312,"children":4313},{},[4314],{"type":40,"value":4315},"執行 shell command",{"type":34,"tag":126,"props":4317,"children":4318},{},[4319],{"type":40,"value":4320},"模擬鍵盤快捷鍵",{"type":34,"tag":126,"props":4322,"children":4323},{},[4324],{"type":40,"value":4325},"執行一串鍵盤巨集",{"type":34,"tag":126,"props":4327,"children":4328},{},[4329],{"type":40,"value":4330},"貼上指定文字",{"type":34,"tag":126,"props":4332,"children":4333},{},[4334],{"type":40,"value":4335},"建立巢狀子選單",{"type":34,"tag":126,"props":4337,"children":4338},{},[4339],{"type":40,"value":4340},"針對不同 App 或視窗開啟不同選單",{"type":34,"tag":126,"props":4342,"children":4343},{},[4344],{"type":40,"value":4345},"自訂主題、圖示集與音效",{"type":34,"tag":42,"props":4347,"children":4348},{},[4349],{"type":40,"value":4350},"也就是說，你可以把它當成視覺化快捷鍵中心。比較常用的 App、網站、資料夾放在第一層；比較細的工作流，例如開某個專案資料夾、貼一段常用模板、觸發某個熱鍵，就放到第二層或第三層。",{"type":34,"tag":42,"props":4352,"children":4353},{},[4354],{"type":40,"value":4355},"我覺得它最迷人的地方在於：剛開始很好上手，但你越用越會想把自己的工作流一點一點搬進去。",{"type":34,"tag":98,"props":4357,"children":4358},{},[],{"type":34,"tag":35,"props":4360,"children":4362},{"id":4361},"為什麼我特別喜歡它",[4363],{"type":40,"value":4364},"為什麼我特別喜歡它？",{"type":34,"tag":42,"props":4366,"children":4367},{},[4368],{"type":40,"value":4369},"我喜歡 Kando 的原因不是單純因為它好看，雖然它真的很好看。真正讓我留下來的是，它剛好卡在「直覺」和「效率」中間。",{"type":34,"tag":42,"props":4371,"children":4372},{},[4373],{"type":40,"value":4374},"一般快捷鍵的問題是：你要記得很多組按鍵。常用的還好，不常用的過幾天就忘了。一般啟動器的問題是：你還是要打字搜尋，或是在清單裡找東西。Kando 的圓盤選單不太一樣，它會把位置變成記憶。用久了之後，你其實不是在看選單，而是手已經知道 Threads 在哪個方向、GitHub 在哪個方向、YouTube 在哪個方向。",{"type":34,"tag":42,"props":4376,"children":4377},{},[4378],{"type":40,"value":4379},"這種肌肉記憶建立起來後，操作速度會變得很自然。",{"type":34,"tag":42,"props":4381,"children":4382},{},[4383],{"type":40,"value":4384},"Kando 官方的使用指南裡也提到，它有 Point and Click、Marking、Turbo、Hover 等不同導航方式。剛開始可以用最直覺的點擊方式，熟悉後就可以用拖移手勢直接選取。對我來說，這就是它比一般 launcher 更有趣的地方：它不是只把東西列出來，而是在訓練一套你自己的手勢語言。",{"type":34,"tag":98,"props":4386,"children":4387},{},[],{"type":34,"tag":35,"props":4389,"children":4391},{"id":4390},"自訂節點名稱網址app-都能改",[4392],{"type":40,"value":4393},"自訂節點：名稱、網址、App 都能改",{"type":34,"tag":42,"props":4395,"children":4396},{},[4397],{"type":40,"value":4398},"Kando 的設定介面比我原本想像中好用很多。你可以直接在圖形化編輯器裡新增節點、拖拉位置、調整層級，然後在右側面板修改節點內容。",{"type":34,"tag":42,"props":4400,"children":4401},{},[4402,4404,4410],{"type":40,"value":4403},"像我這裡就把其中一個節點改成 ",{"type":34,"tag":58,"props":4405,"children":4407},{"className":4406},[],[4408],{"type":40,"value":4409},"threads",{"type":40,"value":4411},"，並設定成開啟 Threads 網站：",{"type":34,"tag":565,"props":4413,"children":4415},{"className":4414},[568,569,570,571,572,573,574],[4416,4417,4423,4424],{"type":40,"value":577},{"type":34,"tag":579,"props":4418,"children":4422},{"src":4419,"alt":4420,"className":4421},"\u002Fday_assets\u002Fkando\u002Frename.jpg","在 Kando 中修改節點名稱、網址與快速選擇鍵",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":4425,"children":4427},{"className":4426},[590,591,592,593,594,595],[4428],{"type":40,"value":4429},"每個節點都能修改名稱、動作內容與快速選擇鍵",{"type":34,"tag":42,"props":4431,"children":4432},{},[4433,4435,4441,4442,4448,4449,4455,4456,4462,4463,4469,4470,4476],{"type":40,"value":4434},"這裡最方便的是，它不只支援網站 URL，也可以設定成開啟 App、檔案、資料夾，或是執行其他動作。官方文件列出的項目類型包含 ",{"type":34,"tag":58,"props":4436,"children":4438},{"className":4437},[],[4439],{"type":40,"value":4440},"Run Command",{"type":40,"value":2000},{"type":34,"tag":58,"props":4443,"children":4445},{"className":4444},[],[4446],{"type":40,"value":4447},"Open File",{"type":40,"value":2000},{"type":34,"tag":58,"props":4450,"children":4452},{"className":4451},[],[4453],{"type":40,"value":4454},"Simulate Hotkey",{"type":40,"value":2000},{"type":34,"tag":58,"props":4457,"children":4459},{"className":4458},[],[4460],{"type":40,"value":4461},"Execute Macro",{"type":40,"value":2000},{"type":34,"tag":58,"props":4464,"children":4466},{"className":4465},[],[4467],{"type":40,"value":4468},"Paste Text",{"type":40,"value":2000},{"type":34,"tag":58,"props":4471,"children":4473},{"className":4472},[],[4474],{"type":40,"value":4475},"Open URI",{"type":40,"value":4477}," 等，所以你可以從很簡單的「開網站」開始，慢慢把它變成自己的自動化入口。",{"type":34,"tag":42,"props":4479,"children":4480},{},[4481,4483,4488],{"type":40,"value":4482},"我自己的用法目前比較單純：把最常開的 App 和網址放進去。即使只是這樣，已經非常有感。因為我不需要切 Spotlight、不需要找 Dock、不需要打網址。手指按下 ",{"type":34,"tag":58,"props":4484,"children":4486},{"className":4485},[],[4487],{"type":40,"value":4249},{"type":40,"value":4489},"，滑鼠往方向一拖，就到了。",{"type":34,"tag":98,"props":4491,"children":4492},{},[],{"type":34,"tag":35,"props":4494,"children":4496},{"id":4495},"icon-也能直接搜尋替換",[4497],{"type":40,"value":4498},"Icon 也能直接搜尋替換",{"type":34,"tag":42,"props":4500,"children":4501},{},[4502],{"type":40,"value":4503},"我很在意這類工具的視覺一致性，因為如果 icon 亂七八糟，用久了會很不舒服。Kando 在這點上做得不錯，它可以直接替節點換 icon，而且內建搜尋非常直覺。",{"type":34,"tag":42,"props":4505,"children":4506},{},[4507],{"type":40,"value":4508},"例如我替 Threads 這個節點搜尋並換上對應 icon：",{"type":34,"tag":565,"props":4510,"children":4512},{"className":4511},[568,569,570,571,572,573,574],[4513,4514,4520,4521],{"type":40,"value":577},{"type":34,"tag":579,"props":4515,"children":4519},{"src":4516,"alt":4517,"className":4518},"\u002Fday_assets\u002Fkando\u002Freicon.jpg","在 Kando 中搜尋並替換節點 Icon",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":4522,"children":4524},{"className":4523},[590,591,592,593,594,595],[4525],{"type":40,"value":4526},"可以替每個節點搜尋並套用對應 icon，讓選單更容易靠視覺辨識",{"type":34,"tag":42,"props":4528,"children":4529},{},[4530],{"type":40,"value":4531},"這個小功能很重要。圓盤選單要好用，關鍵不是塞越多東西越好，而是每個方向一眼就能認出來。icon 選得好，手勢記憶會建立得更快。",{"type":34,"tag":42,"props":4533,"children":4534},{},[4535],{"type":40,"value":4536},"如果你要整理自己的選單，我會建議第一層不要放太滿。官方文件也建議單一選單不要塞太多項目，必要時用子選單分層。我的感覺也是如此：第一層放最常用、最有方向感的東西，其他比較低頻的工具放到下一層，整體會更好用。",{"type":34,"tag":98,"props":4538,"children":4539},{},[],{"type":34,"tag":35,"props":4541,"children":4543},{"id":4542},"主題真的好看我自己最喜歡-neon-lights",[4544],{"type":40,"value":4545},"主題真的好看，我自己最喜歡 Neon Lights",{"type":34,"tag":42,"props":4547,"children":4548},{},[4549],{"type":40,"value":4550},"Kando 另一個讓我很喜歡的地方是主題系統。它不是只有功能實用，視覺上也很有完成度。",{"type":34,"tag":42,"props":4552,"children":4553},{},[4554],{"type":40,"value":4555},"在設定上方的小工具列裡，有一個像調色盤的 icon，點進去就可以調整選單主題。官方網站也提到 Kando 支援自訂 menu themes、icon sets，甚至 sound themes。",{"type":34,"tag":42,"props":4557,"children":4558},{},[4559,4561,4567],{"type":40,"value":4560},"我自己目前最喜歡的是 ",{"type":34,"tag":58,"props":4562,"children":4564},{"className":4563},[],[4565],{"type":40,"value":4566},"Neon Lights",{"type":40,"value":4568}," 這個主題：",{"type":34,"tag":565,"props":4570,"children":4572},{"className":4571},[568,569,570,571,572,573,574],[4573,4574,4579,4580],{"type":40,"value":577},{"type":34,"tag":579,"props":4575,"children":4578},{"src":4219,"alt":4576,"className":4577},"Kando 主題設定與 Neon Lights 主題預覽",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":4581,"children":4583},{"className":4582},[590,591,592,593,594,595],[4584],{"type":40,"value":4585},"在主題設定裡可以切換不同外觀，我自己最喜歡 Neon Lights",{"type":34,"tag":42,"props":4587,"children":4588},{},[4589],{"type":40,"value":4590},"這個主題用起來有一種很「未來工具」的感覺，但又沒有浮誇到干擾操作。我覺得這對效率工具來說很剛好：它讓你願意用、願意打開、願意整理自己的選單，但不會把注意力從真正要做的事情上搶走。",{"type":34,"tag":98,"props":4592,"children":4593},{},[],{"type":34,"tag":35,"props":4595,"children":4596},{"id":335},[4597],{"type":40,"value":335},{"type":34,"tag":42,"props":4599,"children":4600},{},[4601],{"type":40,"value":4602},"Kando 的安裝方式依平台不同而定。",{"type":34,"tag":42,"props":4604,"children":4605},{},[4606],{"type":40,"value":4607},"macOS 使用者最簡單可以直接用 Homebrew：",{"type":34,"tag":243,"props":4609,"children":4611},{"className":245,"code":4610,"language":247,"meta":8,"style":8},"brew install kando\n",[4612],{"type":34,"tag":58,"props":4613,"children":4614},{"__ignoreMap":8},[4615],{"type":34,"tag":253,"props":4616,"children":4617},{"class":255,"line":256},[4618,4622,4626],{"type":34,"tag":253,"props":4619,"children":4620},{"style":260},[4621],{"type":40,"value":3676},{"type":34,"tag":253,"props":4623,"children":4624},{"style":271},[4625],{"type":40,"value":3698},{"type":34,"tag":253,"props":4627,"children":4628},{"style":271},[4629],{"type":40,"value":4630}," kando\n",{"type":34,"tag":42,"props":4632,"children":4633},{},[4634,4636,4642,4644,4650,4651,4657],{"type":40,"value":4635},"也可以到 GitHub Releases 下載對應的 ",{"type":34,"tag":58,"props":4637,"children":4639},{"className":4638},[],[4640],{"type":40,"value":4641},".dmg",{"type":40,"value":4643}," 或 zip。Apple Silicon 選 ",{"type":34,"tag":58,"props":4645,"children":4647},{"className":4646},[],[4648],{"type":40,"value":4649},"arm64",{"type":40,"value":3729},{"type":34,"tag":58,"props":4652,"children":4654},{"className":4653},[],[4655],{"type":40,"value":4656},"x64",{"type":40,"value":222},{"type":34,"tag":42,"props":4659,"children":4660},{},[4661],{"type":40,"value":4662},"Windows 使用者可以用 winget：",{"type":34,"tag":243,"props":4664,"children":4666},{"className":245,"code":4665,"language":247,"meta":8,"style":8},"winget install kando\n",[4667],{"type":34,"tag":58,"props":4668,"children":4669},{"__ignoreMap":8},[4670],{"type":34,"tag":253,"props":4671,"children":4672},{"class":255,"line":256},[4673,4678,4682],{"type":34,"tag":253,"props":4674,"children":4675},{"style":260},[4676],{"type":40,"value":4677},"winget",{"type":34,"tag":253,"props":4679,"children":4680},{"style":271},[4681],{"type":40,"value":3698},{"type":34,"tag":253,"props":4683,"children":4684},{"style":271},[4685],{"type":40,"value":4630},{"type":34,"tag":42,"props":4687,"children":4688},{},[4689],{"type":40,"value":4690},"Linux 則有 Flathub、AUR、NixOS、AppImage、deb、rpm 等方式。一般桌面環境大多能用，不過如果你是 Wayland 環境，像 GNOME、KDE Plasma、Hyprland 這類桌面可能需要依官方文件做一些額外設定。",{"type":34,"tag":42,"props":4692,"children":4693},{},[4694],{"type":40,"value":4695},"在 macOS 上第一次啟動時，要記得給 Kando「輔助使用」與「螢幕錄製」權限。官方文件說明，輔助使用權限是用來模擬按鍵與移動滑鼠，螢幕錄製權限則是用來取得目前聚焦視窗名稱。這點和很多桌面效率工具一樣，第一次設定好後就不用一直管它。",{"type":34,"tag":98,"props":4697,"children":4698},{},[],{"type":34,"tag":35,"props":4700,"children":4702},{"id":4701},"我會怎麼推薦你開始用",[4703],{"type":40,"value":4704},"我會怎麼推薦你開始用？",{"type":34,"tag":42,"props":4706,"children":4707},{},[4708],{"type":40,"value":4709},"如果你第一次用 Kando，我建議不要一開始就想把所有東西都搬進去。先做一個非常小的選單就好：",{"type":34,"tag":122,"props":4711,"children":4712},{},[4713,4718,4723,4728],{"type":34,"tag":126,"props":4714,"children":4715},{},[4716],{"type":40,"value":4717},"3 個最常開的 App",{"type":34,"tag":126,"props":4719,"children":4720},{},[4721],{"type":40,"value":4722},"2 個最常用的網站",{"type":34,"tag":126,"props":4724,"children":4725},{},[4726],{"type":40,"value":4727},"1 個常開資料夾",{"type":34,"tag":126,"props":4729,"children":4730},{},[4731],{"type":40,"value":4732},"1 個常用快捷鍵或巨集",{"type":34,"tag":42,"props":4734,"children":4735},{},[4736,4738,4743],{"type":40,"value":4737},"先讓自己習慣 ",{"type":34,"tag":58,"props":4739,"children":4741},{"className":4740},[],[4742],{"type":40,"value":4249},{"type":40,"value":4744}," 叫出來、滑鼠拖移選取的節奏。等你發現自己已經不用看選單也能滑到正確方向，再慢慢加入第二層子選單。",{"type":34,"tag":42,"props":4746,"children":4747},{},[4748],{"type":40,"value":4749},"我覺得 Kando 最適合的不是「把所有功能塞爆」，而是整理出一組真的符合自己手感的工作入口。它強大的地方在於完全自訂，但它好用的地方反而是你願意克制地配置。",{"type":34,"tag":98,"props":4751,"children":4752},{},[],{"type":34,"tag":35,"props":4754,"children":4755},{"id":1479},[4756],{"type":40,"value":1479},{"type":34,"tag":42,"props":4758,"children":4759},{},[4760],{"type":40,"value":4761},"Kando 是我近期真的非常喜歡的一款工具。它免費、開源、跨平台，視覺效果漂亮，設定方式也比想像中直覺。最重要的是，它不是只給你一個功能表，而是讓你把常用動作變成手勢。",{"type":34,"tag":42,"props":4763,"children":4764},{},[4765,4767,4772],{"type":40,"value":4766},"如果你平常常常在 App、網站、資料夾之間切換，又覺得快捷鍵記太多很煩，我很推薦試試看 Kando。先用 ",{"type":34,"tag":58,"props":4768,"children":4770},{"className":4769},[],[4771],{"type":40,"value":4249},{"type":40,"value":4773}," 開始，做一個小小的圓盤選單，放進你每天最常用的幾個入口。用幾天之後，你大概就會懂我為什麼這麼喜歡它。",{"type":34,"tag":98,"props":4775,"children":4776},{},[],{"type":34,"tag":35,"props":4778,"children":4780},{"id":4779},"相關連結",[4781],{"type":40,"value":4779},{"type":34,"tag":122,"props":4783,"children":4784},{},[4785,4794,4803,4813,4823],{"type":34,"tag":126,"props":4786,"children":4787},{},[4788],{"type":34,"tag":72,"props":4789,"children":4791},{"href":4269,"rel":4790},[76],[4792],{"type":40,"value":4793},"Kando 官方網站",{"type":34,"tag":126,"props":4795,"children":4796},{},[4797],{"type":34,"tag":72,"props":4798,"children":4800},{"href":4279,"rel":4799},[76],[4801],{"type":40,"value":4802},"Kando GitHub 倉庫",{"type":34,"tag":126,"props":4804,"children":4805},{},[4806],{"type":34,"tag":72,"props":4807,"children":4810},{"href":4808,"rel":4809},"https:\u002F\u002Fkando.menu\u002Fusage\u002F",[76],[4811],{"type":40,"value":4812},"Kando 使用指南",{"type":34,"tag":126,"props":4814,"children":4815},{},[4816],{"type":34,"tag":72,"props":4817,"children":4820},{"href":4818,"rel":4819},"https:\u002F\u002Fkando.menu\u002Fcreating-menus\u002F",[76],[4821],{"type":40,"value":4822},"Kando 建立選單教學",{"type":34,"tag":126,"props":4824,"children":4825},{},[4826],{"type":34,"tag":72,"props":4827,"children":4830},{"href":4828,"rel":4829},"https:\u002F\u002Fkando.menu\u002Finstallation-on-macos\u002F",[76],[4831],{"type":40,"value":4832},"Kando macOS 安裝說明",{"type":34,"tag":1548,"props":4834,"children":4835},{},[4836],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":4838},[4839,4840,4841,4842,4843,4844,4845,4846,4847,4848],{"id":37,"depth":708,"text":37},{"id":4289,"depth":708,"text":4292},{"id":4361,"depth":708,"text":4364},{"id":4390,"depth":708,"text":4393},{"id":4495,"depth":708,"text":4498},{"id":4542,"depth":708,"text":4545},{"id":335,"depth":708,"text":335},{"id":4701,"depth":708,"text":4704},{"id":1479,"depth":708,"text":1479},{"id":4779,"depth":708,"text":4779},"content:articles:kando.md","articles\u002Fkando.md","articles\u002Fkando",{"_path":4853,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":4854,"description":4855,"date":4856,"updated":4856,"category":12,"image":4857,"tags":4858,"series":4859,"readingTime":1586,"difficulty":23,"local":24,"platforms":4860,"gpu":29,"body":4861,"_type":1569,"_id":6116,"_source":1571,"_file":6117,"_stem":6118,"_extension":1574},"\u002Farticles\u002Fhorizon","Horizon 實測：讓 Codex 自動整理每日 AI 新聞","我把 Horizon 接進部落格新聞流程，讓它負責抓資料來源，再交給 Codex 寫成每日 AI 新聞摘要。這篇記錄安裝方式、基本使用流程，以及我實際測完後的想法。","2026-06-23","\u002Fday_assets\u002Fhorizon\u002Fweb.jpg",[15,16,17,4221,18],"ai-workflow",[26,28],{"type":31,"children":4862,"toc":6107},[4863,4867,4872,4877,4891,4913,4930,4933,4939,4944,4949,4982,4987,4990,4994,5007,5154,5159,5303,5316,5321,5409,5422,5452,5457,5460,5465,5478,5511,5516,5908,5913,5916,5921,5926,5931,5959,5964,5968,5973,5978,5993,5998,6001,6005,6010,6015,6020,6025,6028,6033,6038,6093,6098,6103],{"type":34,"tag":35,"props":4864,"children":4865},{"id":37},[4866],{"type":40,"value":37},{"type":34,"tag":42,"props":4868,"children":4869},{},[4870],{"type":40,"value":4871},"我最近在做部落格的 AI 新聞頁，想試著讓 Codex 每天早上自動整理一篇 AI 新聞摘要。",{"type":34,"tag":42,"props":4873,"children":4874},{},[4875],{"type":40,"value":4876},"一開始我以為最麻煩的是寫文章，後來才發現真正花時間的是「抓來源」。AI 新聞來源太散了，有官方 blog、GitHub Changelog、Hacker News、研究者個人 blog，也有一些開源專案 release。手動看一天還可以，真的要每天固定做就很煩。",{"type":34,"tag":42,"props":4878,"children":4879},{},[4880,4882,4889],{"type":40,"value":4881},"所以我測了一下 ",{"type":34,"tag":72,"props":4883,"children":4886},{"href":4884,"rel":4885},"https:\u002F\u002Fgithub.com\u002FThysrael\u002FHorizon",[76],[4887],{"type":40,"value":4888},"Horizon",{"type":40,"value":4890},"。它可以把多個來源抓回來，再交給 AI 做整理。我這次的用法比較簡單：Horizon 負責抓資料，Codex 負責把資料整理成部落格裡的一篇每日新聞。",{"type":34,"tag":122,"props":4892,"children":4893},{},[4894,4903],{"type":34,"tag":126,"props":4895,"children":4896},{},[4897],{"type":34,"tag":72,"props":4898,"children":4900},{"href":4884,"rel":4899},[76],[4901],{"type":40,"value":4902},"Horizon GitHub Repo",{"type":34,"tag":126,"props":4904,"children":4905},{},[4906],{"type":34,"tag":72,"props":4907,"children":4910},{"href":4908,"rel":4909},"https:\u002F\u002Fwww.horizon1123.top\u002F",[76],[4911],{"type":40,"value":4912},"Horizon 官方網站",{"type":34,"tag":565,"props":4914,"children":4916},{"className":4915},[568,569,570,571,572,573,574],[4917,4918,4923,4924],{"type":40,"value":577},{"type":34,"tag":579,"props":4919,"children":4922},{"src":4857,"alt":4920,"className":4921},"Horizon 官方網站截圖",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":4925,"children":4927},{"className":4926},[590,591,592,593,594,595],[4928],{"type":40,"value":4929},"Horizon 官方網站畫面，定位比較像本地新聞來源聚合工具",{"type":34,"tag":98,"props":4931,"children":4932},{},[],{"type":34,"tag":35,"props":4934,"children":4936},{"id":4935},"horizon-是什麼",[4937],{"type":40,"value":4938},"Horizon 是什麼",{"type":34,"tag":42,"props":4940,"children":4941},{},[4942],{"type":40,"value":4943},"Horizon 是一個開源的新聞聚合工具，主要用途是從不同來源抓最新內容，再透過 AI 做摘要、評分和整理。",{"type":34,"tag":42,"props":4945,"children":4946},{},[4947],{"type":40,"value":4948},"它支援的來源不少，我這次比較在意的是：",{"type":34,"tag":122,"props":4950,"children":4951},{},[4952,4957,4962,4967,4972,4977],{"type":34,"tag":126,"props":4953,"children":4954},{},[4955],{"type":40,"value":4956},"RSS",{"type":34,"tag":126,"props":4958,"children":4959},{},[4960],{"type":40,"value":4961},"Hacker News",{"type":34,"tag":126,"props":4963,"children":4964},{},[4965],{"type":40,"value":4966},"GitHub Changelog",{"type":34,"tag":126,"props":4968,"children":4969},{},[4970],{"type":40,"value":4971},"Hugging Face Blog",{"type":34,"tag":126,"props":4973,"children":4974},{},[4975],{"type":40,"value":4976},"Simon Willison Blog",{"type":34,"tag":126,"props":4978,"children":4979},{},[4980],{"type":40,"value":4981},"Latent Space",{"type":34,"tag":42,"props":4983,"children":4984},{},[4985],{"type":40,"value":4986},"我沒有把它當成完整的新聞編輯器使用。對我來說，它比較像「新聞雷達」：先把可能有價值的資料掃回來，後面要不要寫、怎麼寫、怎麼放進部落格，還是交給 Codex 處理。",{"type":34,"tag":98,"props":4988,"children":4989},{},[],{"type":34,"tag":35,"props":4991,"children":4992},{"id":335},[4993],{"type":40,"value":335},{"type":34,"tag":42,"props":4995,"children":4996},{},[4997,4999,5005],{"type":40,"value":4998},"官方 README 裡建議的本地安裝方式是先 clone repo，再用 ",{"type":34,"tag":58,"props":5000,"children":5002},{"className":5001},[],[5003],{"type":40,"value":5004},"uv sync",{"type":40,"value":5006}," 安裝依賴。這是最標準、也最適合先測功能的方式。",{"type":34,"tag":243,"props":5008,"children":5010},{"className":245,"code":5009,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002FThysrael\u002FHorizon.git\ncd Horizon\n\n# 官方推薦用 uv 安裝\nuv sync\n\n# 如果要跑測試或開發相關工具，再裝 dev extra\nuv sync --extra dev\n\n# 或者用 pip editable install\npip install -e .\n",[5011],{"type":34,"tag":58,"props":5012,"children":5013},{"__ignoreMap":8},[5014,5032,5046,5054,5063,5076,5083,5092,5115,5123,5132],{"type":34,"tag":253,"props":5015,"children":5016},{"class":255,"line":256},[5017,5022,5027],{"type":34,"tag":253,"props":5018,"children":5019},{"style":260},[5020],{"type":40,"value":5021},"git",{"type":34,"tag":253,"props":5023,"children":5024},{"style":271},[5025],{"type":40,"value":5026}," clone",{"type":34,"tag":253,"props":5028,"children":5029},{"style":271},[5030],{"type":40,"value":5031}," https:\u002F\u002Fgithub.com\u002FThysrael\u002FHorizon.git\n",{"type":34,"tag":253,"props":5033,"children":5034},{"class":255,"line":708},[5035,5041],{"type":34,"tag":253,"props":5036,"children":5038},{"style":5037},"--shiki-default:#56B6C2",[5039],{"type":40,"value":5040},"cd",{"type":34,"tag":253,"props":5042,"children":5043},{"style":271},[5044],{"type":40,"value":5045}," Horizon\n",{"type":34,"tag":253,"props":5047,"children":5048},{"class":255,"line":733},[5049],{"type":34,"tag":253,"props":5050,"children":5051},{"emptyLinePlaceholder":24},[5052],{"type":40,"value":5053},"\n",{"type":34,"tag":253,"props":5055,"children":5056},{"class":255,"line":755},[5057],{"type":34,"tag":253,"props":5058,"children":5060},{"style":5059},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[5061],{"type":40,"value":5062},"# 官方推薦用 uv 安裝\n",{"type":34,"tag":253,"props":5064,"children":5065},{"class":255,"line":777},[5066,5071],{"type":34,"tag":253,"props":5067,"children":5068},{"style":260},[5069],{"type":40,"value":5070},"uv",{"type":34,"tag":253,"props":5072,"children":5073},{"style":271},[5074],{"type":40,"value":5075}," sync\n",{"type":34,"tag":253,"props":5077,"children":5078},{"class":255,"line":795},[5079],{"type":34,"tag":253,"props":5080,"children":5081},{"emptyLinePlaceholder":24},[5082],{"type":40,"value":5053},{"type":34,"tag":253,"props":5084,"children":5086},{"class":255,"line":5085},7,[5087],{"type":34,"tag":253,"props":5088,"children":5089},{"style":5059},[5090],{"type":40,"value":5091},"# 如果要跑測試或開發相關工具，再裝 dev extra\n",{"type":34,"tag":253,"props":5093,"children":5095},{"class":255,"line":5094},8,[5096,5100,5105,5110],{"type":34,"tag":253,"props":5097,"children":5098},{"style":260},[5099],{"type":40,"value":5070},{"type":34,"tag":253,"props":5101,"children":5102},{"style":271},[5103],{"type":40,"value":5104}," sync",{"type":34,"tag":253,"props":5106,"children":5107},{"style":265},[5108],{"type":40,"value":5109}," --extra",{"type":34,"tag":253,"props":5111,"children":5112},{"style":271},[5113],{"type":40,"value":5114}," dev\n",{"type":34,"tag":253,"props":5116,"children":5118},{"class":255,"line":5117},9,[5119],{"type":34,"tag":253,"props":5120,"children":5121},{"emptyLinePlaceholder":24},[5122],{"type":40,"value":5053},{"type":34,"tag":253,"props":5124,"children":5126},{"class":255,"line":5125},10,[5127],{"type":34,"tag":253,"props":5128,"children":5129},{"style":5059},[5130],{"type":40,"value":5131},"# 或者用 pip editable install\n",{"type":34,"tag":253,"props":5133,"children":5135},{"class":255,"line":5134},11,[5136,5141,5145,5150],{"type":34,"tag":253,"props":5137,"children":5138},{"style":260},[5139],{"type":40,"value":5140},"pip",{"type":34,"tag":253,"props":5142,"children":5143},{"style":271},[5144],{"type":40,"value":3698},{"type":34,"tag":253,"props":5146,"children":5147},{"style":265},[5148],{"type":40,"value":5149}," -e",{"type":34,"tag":253,"props":5151,"children":5152},{"style":271},[5153],{"type":40,"value":279},{"type":34,"tag":42,"props":5155,"children":5156},{},[5157],{"type":40,"value":5158},"如果要用 Docker，官方也有提供 Docker Compose 的路線：",{"type":34,"tag":243,"props":5160,"children":5162},{"className":245,"code":5161,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002FThysrael\u002FHorizon.git\ncd Horizon\n\ncp .env.example .env\ncp data\u002Fconfig.example.json data\u002Fconfig.json\n\ndocker compose run --rm horizon\ndocker compose run --rm horizon --hours 48\n",[5163],{"type":34,"tag":58,"props":5164,"children":5165},{"__ignoreMap":8},[5166,5181,5192,5199,5217,5234,5241,5269],{"type":34,"tag":253,"props":5167,"children":5168},{"class":255,"line":256},[5169,5173,5177],{"type":34,"tag":253,"props":5170,"children":5171},{"style":260},[5172],{"type":40,"value":5021},{"type":34,"tag":253,"props":5174,"children":5175},{"style":271},[5176],{"type":40,"value":5026},{"type":34,"tag":253,"props":5178,"children":5179},{"style":271},[5180],{"type":40,"value":5031},{"type":34,"tag":253,"props":5182,"children":5183},{"class":255,"line":708},[5184,5188],{"type":34,"tag":253,"props":5185,"children":5186},{"style":5037},[5187],{"type":40,"value":5040},{"type":34,"tag":253,"props":5189,"children":5190},{"style":271},[5191],{"type":40,"value":5045},{"type":34,"tag":253,"props":5193,"children":5194},{"class":255,"line":733},[5195],{"type":34,"tag":253,"props":5196,"children":5197},{"emptyLinePlaceholder":24},[5198],{"type":40,"value":5053},{"type":34,"tag":253,"props":5200,"children":5201},{"class":255,"line":755},[5202,5207,5212],{"type":34,"tag":253,"props":5203,"children":5204},{"style":260},[5205],{"type":40,"value":5206},"cp",{"type":34,"tag":253,"props":5208,"children":5209},{"style":271},[5210],{"type":40,"value":5211}," .env.example",{"type":34,"tag":253,"props":5213,"children":5214},{"style":271},[5215],{"type":40,"value":5216}," .env\n",{"type":34,"tag":253,"props":5218,"children":5219},{"class":255,"line":777},[5220,5224,5229],{"type":34,"tag":253,"props":5221,"children":5222},{"style":260},[5223],{"type":40,"value":5206},{"type":34,"tag":253,"props":5225,"children":5226},{"style":271},[5227],{"type":40,"value":5228}," data\u002Fconfig.example.json",{"type":34,"tag":253,"props":5230,"children":5231},{"style":271},[5232],{"type":40,"value":5233}," data\u002Fconfig.json\n",{"type":34,"tag":253,"props":5235,"children":5236},{"class":255,"line":795},[5237],{"type":34,"tag":253,"props":5238,"children":5239},{"emptyLinePlaceholder":24},[5240],{"type":40,"value":5053},{"type":34,"tag":253,"props":5242,"children":5243},{"class":255,"line":5085},[5244,5249,5254,5259,5264],{"type":34,"tag":253,"props":5245,"children":5246},{"style":260},[5247],{"type":40,"value":5248},"docker",{"type":34,"tag":253,"props":5250,"children":5251},{"style":271},[5252],{"type":40,"value":5253}," compose",{"type":34,"tag":253,"props":5255,"children":5256},{"style":271},[5257],{"type":40,"value":5258}," run",{"type":34,"tag":253,"props":5260,"children":5261},{"style":265},[5262],{"type":40,"value":5263}," --rm",{"type":34,"tag":253,"props":5265,"children":5266},{"style":271},[5267],{"type":40,"value":5268}," horizon\n",{"type":34,"tag":253,"props":5270,"children":5271},{"class":255,"line":5094},[5272,5276,5280,5284,5288,5293,5298],{"type":34,"tag":253,"props":5273,"children":5274},{"style":260},[5275],{"type":40,"value":5248},{"type":34,"tag":253,"props":5277,"children":5278},{"style":271},[5279],{"type":40,"value":5253},{"type":34,"tag":253,"props":5281,"children":5282},{"style":271},[5283],{"type":40,"value":5258},{"type":34,"tag":253,"props":5285,"children":5286},{"style":265},[5287],{"type":40,"value":5263},{"type":34,"tag":253,"props":5289,"children":5290},{"style":271},[5291],{"type":40,"value":5292}," horizon",{"type":34,"tag":253,"props":5294,"children":5295},{"style":265},[5296],{"type":40,"value":5297}," --hours",{"type":34,"tag":253,"props":5299,"children":5300},{"style":265},[5301],{"type":40,"value":5302}," 48\n",{"type":34,"tag":42,"props":5304,"children":5305},{},[5306,5308,5314],{"type":40,"value":5307},"我自己放到部落格裡時，做法有一點不同。我把 Horizon 放在 blog repo 底下的 ",{"type":34,"tag":58,"props":5309,"children":5311},{"className":5310},[],[5312],{"type":40,"value":5313},".local\u002Fhorizon",{"type":40,"value":5315},"，但沒有讓它進 git。因為 Horizon 是外部工具，裡面可能會有 config、cache 或執行資料，不適合跟部落格一起推上去。",{"type":34,"tag":42,"props":5317,"children":5318},{},[5319],{"type":40,"value":5320},"我實際使用的安裝流程是這樣：",{"type":34,"tag":243,"props":5322,"children":5324},{"className":245,"code":5323,"language":247,"meta":8,"style":8},"mkdir -p .local\ngit clone https:\u002F\u002Fgithub.com\u002FThysrael\u002FHorizon.git .local\u002Fhorizon\ncd .local\u002Fhorizon\nuv sync\nuv run horizon --help\n",[5325],{"type":34,"tag":58,"props":5326,"children":5327},{"__ignoreMap":8},[5328,5346,5367,5378,5389],{"type":34,"tag":253,"props":5329,"children":5330},{"class":255,"line":256},[5331,5336,5341],{"type":34,"tag":253,"props":5332,"children":5333},{"style":260},[5334],{"type":40,"value":5335},"mkdir",{"type":34,"tag":253,"props":5337,"children":5338},{"style":265},[5339],{"type":40,"value":5340}," -p",{"type":34,"tag":253,"props":5342,"children":5343},{"style":271},[5344],{"type":40,"value":5345}," .local\n",{"type":34,"tag":253,"props":5347,"children":5348},{"class":255,"line":708},[5349,5353,5357,5362],{"type":34,"tag":253,"props":5350,"children":5351},{"style":260},[5352],{"type":40,"value":5021},{"type":34,"tag":253,"props":5354,"children":5355},{"style":271},[5356],{"type":40,"value":5026},{"type":34,"tag":253,"props":5358,"children":5359},{"style":271},[5360],{"type":40,"value":5361}," https:\u002F\u002Fgithub.com\u002FThysrael\u002FHorizon.git",{"type":34,"tag":253,"props":5363,"children":5364},{"style":271},[5365],{"type":40,"value":5366}," .local\u002Fhorizon\n",{"type":34,"tag":253,"props":5368,"children":5369},{"class":255,"line":733},[5370,5374],{"type":34,"tag":253,"props":5371,"children":5372},{"style":5037},[5373],{"type":40,"value":5040},{"type":34,"tag":253,"props":5375,"children":5376},{"style":271},[5377],{"type":40,"value":5366},{"type":34,"tag":253,"props":5379,"children":5380},{"class":255,"line":755},[5381,5385],{"type":34,"tag":253,"props":5382,"children":5383},{"style":260},[5384],{"type":40,"value":5070},{"type":34,"tag":253,"props":5386,"children":5387},{"style":271},[5388],{"type":40,"value":5075},{"type":34,"tag":253,"props":5390,"children":5391},{"class":255,"line":777},[5392,5396,5400,5404],{"type":34,"tag":253,"props":5393,"children":5394},{"style":260},[5395],{"type":40,"value":5070},{"type":34,"tag":253,"props":5397,"children":5398},{"style":271},[5399],{"type":40,"value":5258},{"type":34,"tag":253,"props":5401,"children":5402},{"style":271},[5403],{"type":40,"value":5292},{"type":34,"tag":253,"props":5405,"children":5406},{"style":265},[5407],{"type":40,"value":5408}," --help\n",{"type":34,"tag":42,"props":5410,"children":5411},{},[5412,5414,5420],{"type":40,"value":5413},"如果是在既有 repo 裡測，我會順手把 ",{"type":34,"tag":58,"props":5415,"children":5417},{"className":5416},[],[5418],{"type":40,"value":5419},".local",{"type":40,"value":5421}," 加到本機的 git exclude：",{"type":34,"tag":243,"props":5423,"children":5425},{"className":245,"code":5424,"language":247,"meta":8,"style":8},"echo \".local\u002F\" >> .git\u002Finfo\u002Fexclude\n",[5426],{"type":34,"tag":58,"props":5427,"children":5428},{"__ignoreMap":8},[5429],{"type":34,"tag":253,"props":5430,"children":5431},{"class":255,"line":256},[5432,5437,5442,5447],{"type":34,"tag":253,"props":5433,"children":5434},{"style":5037},[5435],{"type":40,"value":5436},"echo",{"type":34,"tag":253,"props":5438,"children":5439},{"style":271},[5440],{"type":40,"value":5441}," \".local\u002F\"",{"type":34,"tag":253,"props":5443,"children":5444},{"style":370},[5445],{"type":40,"value":5446}," >> ",{"type":34,"tag":253,"props":5448,"children":5449},{"style":271},[5450],{"type":40,"value":5451},".git\u002Finfo\u002Fexclude\n",{"type":34,"tag":42,"props":5453,"children":5454},{},[5455],{"type":40,"value":5456},"這樣 Horizon 可以留在本機工作區，Codex 也能在需要時呼叫它抓資料，但不會污染要 push 的 blog 專案。",{"type":34,"tag":98,"props":5458,"children":5459},{},[],{"type":34,"tag":35,"props":5461,"children":5463},{"id":5462},"基本設定",[5464],{"type":40,"value":5462},{"type":34,"tag":42,"props":5466,"children":5467},{},[5468,5470,5476],{"type":40,"value":5469},"Horizon 的設定檔在 ",{"type":34,"tag":58,"props":5471,"children":5473},{"className":5472},[],[5474],{"type":40,"value":5475},"data\u002Fconfig.json",{"type":40,"value":5477},"。第一次可以先從範例複製：",{"type":34,"tag":243,"props":5479,"children":5481},{"className":245,"code":5480,"language":247,"meta":8,"style":8},"cd .local\u002Fhorizon\ncp data\u002Fconfig.example.json data\u002Fconfig.json\n",[5482],{"type":34,"tag":58,"props":5483,"children":5484},{"__ignoreMap":8},[5485,5496],{"type":34,"tag":253,"props":5486,"children":5487},{"class":255,"line":256},[5488,5492],{"type":34,"tag":253,"props":5489,"children":5490},{"style":5037},[5491],{"type":40,"value":5040},{"type":34,"tag":253,"props":5493,"children":5494},{"style":271},[5495],{"type":40,"value":5366},{"type":34,"tag":253,"props":5497,"children":5498},{"class":255,"line":708},[5499,5503,5507],{"type":34,"tag":253,"props":5500,"children":5501},{"style":260},[5502],{"type":40,"value":5206},{"type":34,"tag":253,"props":5504,"children":5505},{"style":271},[5506],{"type":40,"value":5228},{"type":34,"tag":253,"props":5508,"children":5509},{"style":271},[5510],{"type":40,"value":5233},{"type":34,"tag":42,"props":5512,"children":5513},{},[5514],{"type":40,"value":5515},"我測的時候沒有一次塞很多來源，而是先放幾個穩定的 RSS 和 Hacker News。設定大概會長這樣：",{"type":34,"tag":243,"props":5517,"children":5519},{"className":691,"code":5518,"filename":5475,"language":693,"meta":8,"style":8},"{\n  \"sources\": {\n    \"rss\": {\n      \"enabled\": true,\n      \"feeds\": [\n        {\n          \"name\": \"OpenAI News\",\n          \"url\": \"https:\u002F\u002Fopenai.com\u002Fnews\u002Frss.xml\",\n          \"category\": \"ai\"\n        },\n        {\n          \"name\": \"GitHub Changelog\",\n          \"url\": \"https:\u002F\u002Fgithub.blog\u002Fchangelog\u002Ffeed\u002F\",\n          \"category\": \"devtools\"\n        },\n        {\n          \"name\": \"Hugging Face Blog\",\n          \"url\": \"https:\u002F\u002Fhuggingface.co\u002Fblog\u002Ffeed.xml\",\n          \"category\": \"ai\"\n        }\n      ]\n    },\n    \"hackernews\": {\n      \"enabled\": true,\n      \"max_items\": 30\n    }\n  }\n}\n",[5520],{"type":34,"tag":58,"props":5521,"children":5522},{"__ignoreMap":8},[5523,5530,5543,5555,5576,5589,5597,5618,5639,5656,5664,5671,5692,5713,5730,5738,5746,5767,5788,5804,5813,5822,5831,5844,5864,5882,5891,5900],{"type":34,"tag":253,"props":5524,"children":5525},{"class":255,"line":256},[5526],{"type":34,"tag":253,"props":5527,"children":5528},{"style":370},[5529],{"type":40,"value":705},{"type":34,"tag":253,"props":5531,"children":5532},{"class":255,"line":708},[5533,5538],{"type":34,"tag":253,"props":5534,"children":5535},{"style":712},[5536],{"type":40,"value":5537},"  \"sources\"",{"type":34,"tag":253,"props":5539,"children":5540},{"style":370},[5541],{"type":40,"value":5542},": {\n",{"type":34,"tag":253,"props":5544,"children":5545},{"class":255,"line":733},[5546,5551],{"type":34,"tag":253,"props":5547,"children":5548},{"style":712},[5549],{"type":40,"value":5550},"    \"rss\"",{"type":34,"tag":253,"props":5552,"children":5553},{"style":370},[5554],{"type":40,"value":5542},{"type":34,"tag":253,"props":5556,"children":5557},{"class":255,"line":755},[5558,5563,5567,5572],{"type":34,"tag":253,"props":5559,"children":5560},{"style":712},[5561],{"type":40,"value":5562},"      \"enabled\"",{"type":34,"tag":253,"props":5564,"children":5565},{"style":370},[5566],{"type":40,"value":720},{"type":34,"tag":253,"props":5568,"children":5569},{"style":265},[5570],{"type":40,"value":5571},"true",{"type":34,"tag":253,"props":5573,"children":5574},{"style":370},[5575],{"type":40,"value":730},{"type":34,"tag":253,"props":5577,"children":5578},{"class":255,"line":777},[5579,5584],{"type":34,"tag":253,"props":5580,"children":5581},{"style":712},[5582],{"type":40,"value":5583},"      \"feeds\"",{"type":34,"tag":253,"props":5585,"children":5586},{"style":370},[5587],{"type":40,"value":5588},": [\n",{"type":34,"tag":253,"props":5590,"children":5591},{"class":255,"line":795},[5592],{"type":34,"tag":253,"props":5593,"children":5594},{"style":370},[5595],{"type":40,"value":5596},"        {\n",{"type":34,"tag":253,"props":5598,"children":5599},{"class":255,"line":5085},[5600,5605,5609,5614],{"type":34,"tag":253,"props":5601,"children":5602},{"style":712},[5603],{"type":40,"value":5604},"          \"name\"",{"type":34,"tag":253,"props":5606,"children":5607},{"style":370},[5608],{"type":40,"value":720},{"type":34,"tag":253,"props":5610,"children":5611},{"style":271},[5612],{"type":40,"value":5613},"\"OpenAI News\"",{"type":34,"tag":253,"props":5615,"children":5616},{"style":370},[5617],{"type":40,"value":730},{"type":34,"tag":253,"props":5619,"children":5620},{"class":255,"line":5094},[5621,5626,5630,5635],{"type":34,"tag":253,"props":5622,"children":5623},{"style":712},[5624],{"type":40,"value":5625},"          \"url\"",{"type":34,"tag":253,"props":5627,"children":5628},{"style":370},[5629],{"type":40,"value":720},{"type":34,"tag":253,"props":5631,"children":5632},{"style":271},[5633],{"type":40,"value":5634},"\"https:\u002F\u002Fopenai.com\u002Fnews\u002Frss.xml\"",{"type":34,"tag":253,"props":5636,"children":5637},{"style":370},[5638],{"type":40,"value":730},{"type":34,"tag":253,"props":5640,"children":5641},{"class":255,"line":5117},[5642,5647,5651],{"type":34,"tag":253,"props":5643,"children":5644},{"style":712},[5645],{"type":40,"value":5646},"          \"category\"",{"type":34,"tag":253,"props":5648,"children":5649},{"style":370},[5650],{"type":40,"value":720},{"type":34,"tag":253,"props":5652,"children":5653},{"style":271},[5654],{"type":40,"value":5655},"\"ai\"\n",{"type":34,"tag":253,"props":5657,"children":5658},{"class":255,"line":5125},[5659],{"type":34,"tag":253,"props":5660,"children":5661},{"style":370},[5662],{"type":40,"value":5663},"        },\n",{"type":34,"tag":253,"props":5665,"children":5666},{"class":255,"line":5134},[5667],{"type":34,"tag":253,"props":5668,"children":5669},{"style":370},[5670],{"type":40,"value":5596},{"type":34,"tag":253,"props":5672,"children":5674},{"class":255,"line":5673},12,[5675,5679,5683,5688],{"type":34,"tag":253,"props":5676,"children":5677},{"style":712},[5678],{"type":40,"value":5604},{"type":34,"tag":253,"props":5680,"children":5681},{"style":370},[5682],{"type":40,"value":720},{"type":34,"tag":253,"props":5684,"children":5685},{"style":271},[5686],{"type":40,"value":5687},"\"GitHub Changelog\"",{"type":34,"tag":253,"props":5689,"children":5690},{"style":370},[5691],{"type":40,"value":730},{"type":34,"tag":253,"props":5693,"children":5695},{"class":255,"line":5694},13,[5696,5700,5704,5709],{"type":34,"tag":253,"props":5697,"children":5698},{"style":712},[5699],{"type":40,"value":5625},{"type":34,"tag":253,"props":5701,"children":5702},{"style":370},[5703],{"type":40,"value":720},{"type":34,"tag":253,"props":5705,"children":5706},{"style":271},[5707],{"type":40,"value":5708},"\"https:\u002F\u002Fgithub.blog\u002Fchangelog\u002Ffeed\u002F\"",{"type":34,"tag":253,"props":5710,"children":5711},{"style":370},[5712],{"type":40,"value":730},{"type":34,"tag":253,"props":5714,"children":5716},{"class":255,"line":5715},14,[5717,5721,5725],{"type":34,"tag":253,"props":5718,"children":5719},{"style":712},[5720],{"type":40,"value":5646},{"type":34,"tag":253,"props":5722,"children":5723},{"style":370},[5724],{"type":40,"value":720},{"type":34,"tag":253,"props":5726,"children":5727},{"style":271},[5728],{"type":40,"value":5729},"\"devtools\"\n",{"type":34,"tag":253,"props":5731,"children":5733},{"class":255,"line":5732},15,[5734],{"type":34,"tag":253,"props":5735,"children":5736},{"style":370},[5737],{"type":40,"value":5663},{"type":34,"tag":253,"props":5739,"children":5741},{"class":255,"line":5740},16,[5742],{"type":34,"tag":253,"props":5743,"children":5744},{"style":370},[5745],{"type":40,"value":5596},{"type":34,"tag":253,"props":5747,"children":5749},{"class":255,"line":5748},17,[5750,5754,5758,5763],{"type":34,"tag":253,"props":5751,"children":5752},{"style":712},[5753],{"type":40,"value":5604},{"type":34,"tag":253,"props":5755,"children":5756},{"style":370},[5757],{"type":40,"value":720},{"type":34,"tag":253,"props":5759,"children":5760},{"style":271},[5761],{"type":40,"value":5762},"\"Hugging Face Blog\"",{"type":34,"tag":253,"props":5764,"children":5765},{"style":370},[5766],{"type":40,"value":730},{"type":34,"tag":253,"props":5768,"children":5770},{"class":255,"line":5769},18,[5771,5775,5779,5784],{"type":34,"tag":253,"props":5772,"children":5773},{"style":712},[5774],{"type":40,"value":5625},{"type":34,"tag":253,"props":5776,"children":5777},{"style":370},[5778],{"type":40,"value":720},{"type":34,"tag":253,"props":5780,"children":5781},{"style":271},[5782],{"type":40,"value":5783},"\"https:\u002F\u002Fhuggingface.co\u002Fblog\u002Ffeed.xml\"",{"type":34,"tag":253,"props":5785,"children":5786},{"style":370},[5787],{"type":40,"value":730},{"type":34,"tag":253,"props":5789,"children":5791},{"class":255,"line":5790},19,[5792,5796,5800],{"type":34,"tag":253,"props":5793,"children":5794},{"style":712},[5795],{"type":40,"value":5646},{"type":34,"tag":253,"props":5797,"children":5798},{"style":370},[5799],{"type":40,"value":720},{"type":34,"tag":253,"props":5801,"children":5802},{"style":271},[5803],{"type":40,"value":5655},{"type":34,"tag":253,"props":5805,"children":5807},{"class":255,"line":5806},20,[5808],{"type":34,"tag":253,"props":5809,"children":5810},{"style":370},[5811],{"type":40,"value":5812},"        }\n",{"type":34,"tag":253,"props":5814,"children":5816},{"class":255,"line":5815},21,[5817],{"type":34,"tag":253,"props":5818,"children":5819},{"style":370},[5820],{"type":40,"value":5821},"      ]\n",{"type":34,"tag":253,"props":5823,"children":5825},{"class":255,"line":5824},22,[5826],{"type":34,"tag":253,"props":5827,"children":5828},{"style":370},[5829],{"type":40,"value":5830},"    },\n",{"type":34,"tag":253,"props":5832,"children":5834},{"class":255,"line":5833},23,[5835,5840],{"type":34,"tag":253,"props":5836,"children":5837},{"style":712},[5838],{"type":40,"value":5839},"    \"hackernews\"",{"type":34,"tag":253,"props":5841,"children":5842},{"style":370},[5843],{"type":40,"value":5542},{"type":34,"tag":253,"props":5845,"children":5847},{"class":255,"line":5846},24,[5848,5852,5856,5860],{"type":34,"tag":253,"props":5849,"children":5850},{"style":712},[5851],{"type":40,"value":5562},{"type":34,"tag":253,"props":5853,"children":5854},{"style":370},[5855],{"type":40,"value":720},{"type":34,"tag":253,"props":5857,"children":5858},{"style":265},[5859],{"type":40,"value":5571},{"type":34,"tag":253,"props":5861,"children":5862},{"style":370},[5863],{"type":40,"value":730},{"type":34,"tag":253,"props":5865,"children":5867},{"class":255,"line":5866},25,[5868,5873,5877],{"type":34,"tag":253,"props":5869,"children":5870},{"style":712},[5871],{"type":40,"value":5872},"      \"max_items\"",{"type":34,"tag":253,"props":5874,"children":5875},{"style":370},[5876],{"type":40,"value":720},{"type":34,"tag":253,"props":5878,"children":5879},{"style":265},[5880],{"type":40,"value":5881},"30\n",{"type":34,"tag":253,"props":5883,"children":5885},{"class":255,"line":5884},26,[5886],{"type":34,"tag":253,"props":5887,"children":5888},{"style":370},[5889],{"type":40,"value":5890},"    }\n",{"type":34,"tag":253,"props":5892,"children":5894},{"class":255,"line":5893},27,[5895],{"type":34,"tag":253,"props":5896,"children":5897},{"style":370},[5898],{"type":40,"value":5899},"  }\n",{"type":34,"tag":253,"props":5901,"children":5903},{"class":255,"line":5902},28,[5904],{"type":34,"tag":253,"props":5905,"children":5906},{"style":370},[5907],{"type":40,"value":801},{"type":34,"tag":42,"props":5909,"children":5910},{},[5911],{"type":40,"value":5912},"我自己踩到的小坑是：不是每個看起來像 RSS 的網址都真的能用。有些來源會 404，有些只有標題沒有內容。我的做法是先用少量穩定來源跑通，不要一開始就追求很多。",{"type":34,"tag":98,"props":5914,"children":5915},{},[],{"type":34,"tag":35,"props":5917,"children":5919},{"id":5918},"我實際怎麼用",[5920],{"type":40,"value":5918},{"type":34,"tag":42,"props":5922,"children":5923},{},[5924],{"type":40,"value":5925},"完整的 Horizon pipeline 可以接 AI provider，讓它自己做摘要和評分。但我這次沒有這樣用，因為我不想另外準備 API key。",{"type":34,"tag":42,"props":5927,"children":5928},{},[5929],{"type":40,"value":5930},"我現在的流程是：",{"type":34,"tag":177,"props":5932,"children":5933},{},[5934,5939,5944,5949,5954],{"type":34,"tag":126,"props":5935,"children":5936},{},[5937],{"type":40,"value":5938},"Horizon 抓新聞來源",{"type":34,"tag":126,"props":5940,"children":5941},{},[5942],{"type":40,"value":5943},"Codex 讀 Horizon 抓回來的資料",{"type":34,"tag":126,"props":5945,"children":5946},{},[5947],{"type":40,"value":5948},"Codex 整理成一篇每日 AI 新聞",{"type":34,"tag":126,"props":5950,"children":5951},{},[5952],{"type":40,"value":5953},"每則新聞都保留原始來源網址",{"type":34,"tag":126,"props":5955,"children":5956},{},[5957],{"type":40,"value":5958},"發到 blog 的新聞頁",{"type":34,"tag":42,"props":5960,"children":5961},{},[5962],{"type":40,"value":5963},"我實測的效果如下：",{"type":34,"tag":112,"props":5965,"children":5967},{"src":5966},"\u002Fday_assets\u002Fhorizon\u002Fhorizon.mp4",[],{"type":34,"tag":42,"props":5969,"children":5970},{},[5971],{"type":40,"value":5972},"這段影片裡可以看到，新聞文章裡不只是有摘要，也會附上資料來源。這點我覺得很重要，因為 AI 寫新聞摘要最怕變成一段看起來很順、但不知道根據哪裡來的文字。",{"type":34,"tag":42,"props":5974,"children":5975},{},[5976],{"type":40,"value":5977},"我目前希望最後呈現方式是：",{"type":34,"tag":243,"props":5979,"children":5982},{"className":5980,"code":5981,"language":1569,"meta":8,"style":8},"language-markdown shiki shiki-themes one-dark-pro","作者：Codex 經由 Horizon 自動抓取新聞並自動編寫\n",[5983],{"type":34,"tag":58,"props":5984,"children":5985},{"__ignoreMap":8},[5986],{"type":34,"tag":253,"props":5987,"children":5988},{"class":255,"line":256},[5989],{"type":34,"tag":253,"props":5990,"children":5991},{"style":370},[5992],{"type":40,"value":5981},{"type":34,"tag":42,"props":5994,"children":5995},{},[5996],{"type":40,"value":5997},"這樣讀者一看就知道這篇不是人工採訪文，而是自動抓取資料後整理出來的每日摘要。",{"type":34,"tag":98,"props":5999,"children":6000},{},[],{"type":34,"tag":35,"props":6002,"children":6003},{"id":3369},[6004],{"type":40,"value":3369},{"type":34,"tag":42,"props":6006,"children":6007},{},[6008],{"type":40,"value":6009},"我測完後覺得 Horizon 最適合扮演第一棒。它不一定要負責把文章寫完，但它很適合幫我把分散的來源先集中起來。",{"type":34,"tag":42,"props":6011,"children":6012},{},[6013],{"type":40,"value":6014},"這對每日新聞很有幫助。因為每天只要寫一篇摘要，不需要每個事件都獨立開一篇文章。Horizon 把來源抓回來後，Codex 再挑幾個比較重要的更新，整理成同一篇早報，這樣讀者也比較容易看。",{"type":34,"tag":42,"props":6016,"children":6017},{},[6018],{"type":40,"value":6019},"我也比較喜歡這種分工方式。Horizon 抓資料，Codex 寫文章。每個工具只做自己擅長的事，流程反而比較穩。",{"type":34,"tag":42,"props":6021,"children":6022},{},[6023],{"type":40,"value":6024},"目前比較需要注意的是來源品質。有些 RSS 不穩，Reddit 也可能遇到 rate limit，所以資料來源不要一開始加太滿。先用幾個可靠來源跑順，再慢慢補會比較實際。",{"type":34,"tag":98,"props":6026,"children":6027},{},[],{"type":34,"tag":35,"props":6029,"children":6031},{"id":6030},"之後我會怎麼接自動化",[6032],{"type":40,"value":6030},{"type":34,"tag":42,"props":6034,"children":6035},{},[6036],{"type":40,"value":6037},"我接下來會讓這條流程變成每天一篇：",{"type":34,"tag":243,"props":6039,"children":6041},{"className":546,"code":6040,"language":40,"meta":8,"style":8},"每天早上 8:30\n→ Horizon 抓最近的 AI 新聞來源\n→ Codex 整理成一篇「自動 AI 新聞摘要」\n→ 每則新聞附來源\n→ 檢查 build\n→ 發到 blog\n",[6042],{"type":34,"tag":58,"props":6043,"children":6044},{"__ignoreMap":8},[6045,6053,6061,6069,6077,6085],{"type":34,"tag":253,"props":6046,"children":6047},{"class":255,"line":256},[6048],{"type":34,"tag":253,"props":6049,"children":6050},{},[6051],{"type":40,"value":6052},"每天早上 8:30\n",{"type":34,"tag":253,"props":6054,"children":6055},{"class":255,"line":708},[6056],{"type":34,"tag":253,"props":6057,"children":6058},{},[6059],{"type":40,"value":6060},"→ Horizon 抓最近的 AI 新聞來源\n",{"type":34,"tag":253,"props":6062,"children":6063},{"class":255,"line":733},[6064],{"type":34,"tag":253,"props":6065,"children":6066},{},[6067],{"type":40,"value":6068},"→ Codex 整理成一篇「自動 AI 新聞摘要」\n",{"type":34,"tag":253,"props":6070,"children":6071},{"class":255,"line":755},[6072],{"type":34,"tag":253,"props":6073,"children":6074},{},[6075],{"type":40,"value":6076},"→ 每則新聞附來源\n",{"type":34,"tag":253,"props":6078,"children":6079},{"class":255,"line":777},[6080],{"type":34,"tag":253,"props":6081,"children":6082},{},[6083],{"type":40,"value":6084},"→ 檢查 build\n",{"type":34,"tag":253,"props":6086,"children":6087},{"class":255,"line":795},[6088],{"type":34,"tag":253,"props":6089,"children":6090},{},[6091],{"type":40,"value":6092},"→ 發到 blog\n",{"type":34,"tag":42,"props":6094,"children":6095},{},[6096],{"type":40,"value":6097},"我不打算讓它一天發很多篇。對這個部落格來說，一天一篇包含多則新聞的摘要比較剛好。讀者不用一直被短新聞洗版，我自己也比較好檢查品質。",{"type":34,"tag":42,"props":6099,"children":6100},{},[6101],{"type":40,"value":6102},"目前這個組合我覺得可以繼續用。Horizon 負責把資訊撈出來，Codex 負責把它變成能讀的內容。這比我手動開十幾個分頁整理新聞舒服很多。",{"type":34,"tag":1548,"props":6104,"children":6105},{},[6106],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":6108},[6109,6110,6111,6112,6113,6114,6115],{"id":37,"depth":708,"text":37},{"id":4935,"depth":708,"text":4938},{"id":335,"depth":708,"text":335},{"id":5462,"depth":708,"text":5462},{"id":5918,"depth":708,"text":5918},{"id":3369,"depth":708,"text":3369},{"id":6030,"depth":708,"text":6030},"content:articles:horizon.md","articles\u002Fhorizon.md","articles\u002Fhorizon",{"_path":6120,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":6121,"description":6122,"date":6123,"category":12,"image":6124,"tags":6125,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":6126,"gpu":29,"body":6127,"_type":1569,"_id":6593,"_source":1571,"_file":6594,"_stem":6595,"_extension":1574},"\u002Farticles\u002Fmaccy","Maccy 實測：輕量、鍵盤優先的 macOS 開源剪貼簿管理工具","自己在 macOS 整理資料或開發時最常遇到的問題是頻繁複製貼上造成的視窗切換。本文實測開源的 Maccy 剪貼簿工具，分享其快捷鍵喚醒、快速搜尋、安全過濾等實際使用體驗。","2026-06-22","\u002Fimages\u002Fcode.png",[17,1584],[26],{"type":31,"children":6128,"toc":6572},[6129,6133,6138,6143,6148,6152,6175,6178,6184,6189,6194,6199,6204,6209,6214,6219,6222,6227,6232,6238,6251,6257,6262,6348,6354,6367,6380,6383,6387,6392,6398,6403,6426,6431,6437,6449,6471,6476,6479,6484,6489,6495,6508,6513,6518,6523,6528,6563,6568],{"type":34,"tag":35,"props":6130,"children":6131},{"id":37},[6132],{"type":40,"value":37},{"type":34,"tag":42,"props":6134,"children":6135},{},[6136],{"type":40,"value":6137},"我在 macOS 上寫程式或整理資料時，最常遇到的問題就是需要反覆在不同視窗之間複製貼上。有時候剛複製完一段程式碼，接著又需要去複製一個 API 網址，結果回頭要再用剛剛那段程式碼時，就得重新切換視窗再複製一次。這類繁瑣的切換非常打斷工作節奏。",{"type":34,"tag":42,"props":6139,"children":6140},{},[6141],{"type":40,"value":6142},"我之前用過不少剪貼簿管理工具，有些功能雖然很多，但介面太過複雜，或者背景執行時佔用了不少記憶體。後來我改用 Maccy，這款工具的設計理念完全符合我對效率工具的期待：它極度輕量、完全支援鍵盤操作，而且是開源免費的。",{"type":34,"tag":42,"props":6144,"children":6145},{},[6146],{"type":40,"value":6147},"我實際用了一段時間後，整理了它的操作邏輯與安裝方式，如果你也想提升 macOS 的複製貼上效率，可以參考我的使用體驗。",{"type":34,"tag":112,"props":6149,"children":6151},{"src":6150},"\u002Fday_assets\u002Fmaccy\u002Fmaccy.mp4",[],{"type":34,"tag":122,"props":6153,"children":6154},{},[6155,6165],{"type":34,"tag":126,"props":6156,"children":6157},{},[6158],{"type":34,"tag":72,"props":6159,"children":6162},{"href":6160,"rel":6161},"https:\u002F\u002Fgithub.com\u002Fp0deje\u002FMaccy",[76],[6163],{"type":40,"value":6164},"Maccy 官方 GitHub 倉庫（按這裡前往）",{"type":34,"tag":126,"props":6166,"children":6167},{},[6168],{"type":34,"tag":72,"props":6169,"children":6172},{"href":6170,"rel":6171},"https:\u002F\u002Fmaccy.app\u002F",[76],[6173],{"type":40,"value":6174},"Maccy 官方網站（按這裡前往）",{"type":34,"tag":98,"props":6176,"children":6177},{},[],{"type":34,"tag":35,"props":6179,"children":6181},{"id":6180},"為什麼推薦-maccy",[6182],{"type":40,"value":6183},"為什麼推薦 Maccy？",{"type":34,"tag":42,"props":6185,"children":6186},{},[6187],{"type":40,"value":6188},"我原本以為這類剪貼簿工具大同小異，但我實際用了幾天後發現，Maccy 有幾個特點讓我最後決定留著它：",{"type":34,"tag":1854,"props":6190,"children":6192},{"id":6191},"原生的輕量體驗",[6193],{"type":40,"value":6191},{"type":34,"tag":42,"props":6195,"children":6196},{},[6197],{"type":40,"value":6198},"它是用 Swift 寫的，非常快，而且外觀就是 macOS 原生的選單列風格，沒有花哨的 UI，不佔螢幕空間。在背景運行時幾乎不佔記憶體，這對開發環境已經開了一堆容器和 IDE 的我來說很重要。",{"type":34,"tag":1854,"props":6200,"children":6202},{"id":6201},"鍵盤優先設計",[6203],{"type":40,"value":6201},{"type":34,"tag":42,"props":6205,"children":6206},{},[6207],{"type":40,"value":6208},"這是我最喜歡的設計。它所有的操作都可以透過鍵盤完成。按下快捷鍵喚醒後，不需要用滑鼠點擊搜尋框，直接打字就能搜尋。選中想要的項目後，按 Enter 複製，或者配合 Option 直接貼上，手完全不用離開鍵盤。",{"type":34,"tag":1854,"props":6210,"children":6212},{"id":6211},"隱私與安全性",[6213],{"type":40,"value":6211},{"type":34,"tag":42,"props":6215,"children":6216},{},[6217],{"type":40,"value":6218},"剪貼簿常常會包含密碼、Token 或私鑰等敏感資料。Maccy 本身是開源專案，代碼完全公開，而且它預設會過濾並忽略來自密碼管理器（如 1Password、KeeWeb）的複製內容，避免敏感資料在歷史紀錄中留底。",{"type":34,"tag":98,"props":6220,"children":6221},{},[],{"type":34,"tag":35,"props":6223,"children":6225},{"id":6224},"核心操作與快速鍵",[6226],{"type":40,"value":6224},{"type":34,"tag":42,"props":6228,"children":6229},{},[6230],{"type":40,"value":6231},"我自己最常使用的操作流程是這樣的：",{"type":34,"tag":1854,"props":6233,"children":6235},{"id":6234},"_1-快速喚醒與搜尋",[6236],{"type":40,"value":6237},"1. 快速喚醒與搜尋",{"type":34,"tag":42,"props":6239,"children":6240},{},[6241,6243,6249],{"type":40,"value":6242},"按下預設的 ",{"type":34,"tag":58,"props":6244,"children":6246},{"className":6245},[],[6247],{"type":40,"value":6248},"Shift + Command + C",{"type":40,"value":6250}," 快捷鍵，Maccy 的選單就會直接在滑鼠游標旁邊跳出來。這時直接打字，選單會即時過濾歷史紀錄，只留下符合條件的項目。不管是純文字、網頁連結還是圖片，都支援直接搜尋和預覽。",{"type":34,"tag":1854,"props":6252,"children":6254},{"id":6253},"_2-選取與貼上",[6255],{"type":40,"value":6256},"2. 選取與貼上",{"type":34,"tag":42,"props":6258,"children":6259},{},[6260],{"type":40,"value":6261},"過濾出想要的項目後，有幾種方式可以使用它：",{"type":34,"tag":122,"props":6263,"children":6264},{},[6265,6283,6323],{"type":34,"tag":126,"props":6266,"children":6267},{},[6268,6273,6275,6281],{"type":34,"tag":1008,"props":6269,"children":6270},{},[6271],{"type":40,"value":6272},"僅複製到剪貼簿",{"type":40,"value":6274},"：直接按 ",{"type":34,"tag":58,"props":6276,"children":6278},{"className":6277},[],[6279],{"type":40,"value":6280},"Enter",{"type":40,"value":6282}," 鍵，或者雙擊該項目。",{"type":34,"tag":126,"props":6284,"children":6285},{},[6286,6291,6293,6299,6301,6306,6308,6313,6315,6321],{"type":34,"tag":1008,"props":6287,"children":6288},{},[6289],{"type":40,"value":6290},"直接貼上",{"type":40,"value":6292},"：按住 ",{"type":34,"tag":58,"props":6294,"children":6296},{"className":6295},[],[6297],{"type":40,"value":6298},"Option",{"type":40,"value":6300}," 鍵並按 ",{"type":34,"tag":58,"props":6302,"children":6304},{"className":6303},[],[6305],{"type":40,"value":6280},{"type":40,"value":6307}," 鍵，或是按 ",{"type":34,"tag":58,"props":6309,"children":6311},{"className":6310},[],[6312],{"type":40,"value":6298},{"type":40,"value":6314}," 加項目旁邊對應的數字快捷鍵（例如 ",{"type":34,"tag":58,"props":6316,"children":6318},{"className":6317},[],[6319],{"type":40,"value":6320},"Option + 1",{"type":40,"value":6322},"），它就會把該項目填入你目前的輸入框中。",{"type":34,"tag":126,"props":6324,"children":6325},{},[6326,6331,6333,6339,6341,6346],{"type":34,"tag":1008,"props":6327,"children":6328},{},[6329],{"type":40,"value":6330},"無格式貼上",{"type":40,"value":6332},"：如果複製的文字帶有富文本格式（如顏色、字級），可以按住 ",{"type":34,"tag":58,"props":6334,"children":6336},{"className":6335},[],[6337],{"type":40,"value":6338},"Option + Shift",{"type":40,"value":6340}," 再按 ",{"type":34,"tag":58,"props":6342,"children":6344},{"className":6343},[],[6345],{"type":40,"value":6280},{"type":40,"value":6347},"，它就會以純文字格式貼上。",{"type":34,"tag":1854,"props":6349,"children":6351},{"id":6350},"_3-置頂與刪除",[6352],{"type":40,"value":6353},"3. 置頂與刪除",{"type":34,"tag":42,"props":6355,"children":6356},{},[6357,6359,6365],{"type":40,"value":6358},"有些常用的文字（如常用的 SSH 指令或模板語句），可以在選單中選中它後按下 ",{"type":34,"tag":58,"props":6360,"children":6362},{"className":6361},[],[6363],{"type":40,"value":6364},"Option + P",{"type":40,"value":6366},"。這樣該項目就會被鎖定在選單最上方，不會被新的複製紀錄刷掉。",{"type":34,"tag":42,"props":6368,"children":6369},{},[6370,6372,6378],{"type":40,"value":6371},"如果複製了暫時性的敏感資料（如簡訊驗證碼），可以在選單中選中該項目並按下 ",{"type":34,"tag":58,"props":6373,"children":6375},{"className":6374},[],[6376],{"type":40,"value":6377},"Option + Delete",{"type":40,"value":6379},"，就能手動將該項目在歷史紀錄中抹除。",{"type":34,"tag":98,"props":6381,"children":6382},{},[],{"type":34,"tag":35,"props":6384,"children":6385},{"id":335},[6386],{"type":40,"value":335},{"type":34,"tag":42,"props":6388,"children":6389},{},[6390],{"type":40,"value":6391},"Maccy 提供了幾種不同的取得渠道，你可以根據需求選擇：",{"type":34,"tag":1854,"props":6393,"children":6395},{"id":6394},"管道一透過-homebrew-安裝推薦",[6396],{"type":40,"value":6397},"管道一：透過 Homebrew 安裝（推薦）",{"type":34,"tag":42,"props":6399,"children":6400},{},[6401],{"type":40,"value":6402},"如果你習慣使用命令列，可以直接打開終端機並輸入以下指令：",{"type":34,"tag":243,"props":6404,"children":6406},{"className":245,"code":6405,"language":247,"meta":8,"style":8},"brew install maccy\n",[6407],{"type":34,"tag":58,"props":6408,"children":6409},{"__ignoreMap":8},[6410],{"type":34,"tag":253,"props":6411,"children":6412},{"class":255,"line":256},[6413,6417,6421],{"type":34,"tag":253,"props":6414,"children":6415},{"style":260},[6416],{"type":40,"value":3676},{"type":34,"tag":253,"props":6418,"children":6419},{"style":271},[6420],{"type":40,"value":3698},{"type":34,"tag":253,"props":6422,"children":6423},{"style":271},[6424],{"type":40,"value":6425}," maccy\n",{"type":34,"tag":42,"props":6427,"children":6428},{},[6429],{"type":40,"value":6430},"這是我最推薦的安裝方式，完全免費，而且後續升級也很方便。",{"type":34,"tag":1854,"props":6432,"children":6434},{"id":6433},"管道二官方網站與-github-下載",[6435],{"type":40,"value":6436},"管道二：官方網站與 GitHub 下載",{"type":34,"tag":42,"props":6438,"children":6439},{},[6440,6442,6447],{"type":40,"value":6441},"你可以到官方網站下載 ",{"type":34,"tag":58,"props":6443,"children":6445},{"className":6444},[],[6446],{"type":40,"value":4641},{"type":40,"value":6448}," 安裝包，或者直接去 GitHub 釋出頁面下載最新版本。",{"type":34,"tag":122,"props":6450,"children":6451},{},[6452,6461],{"type":34,"tag":126,"props":6453,"children":6454},{},[6455],{"type":34,"tag":72,"props":6456,"children":6458},{"href":6170,"rel":6457},[76],[6459],{"type":40,"value":6460},"Maccy 官方下載頁面",{"type":34,"tag":126,"props":6462,"children":6463},{},[6464],{"type":34,"tag":72,"props":6465,"children":6468},{"href":6466,"rel":6467},"https:\u002F\u002Fgithub.com\u002Fp0deje\u002FMaccy\u002Freleases",[76],[6469],{"type":40,"value":6470},"Maccy GitHub Releases 頁面",{"type":34,"tag":42,"props":6472,"children":6473},{},[6474],{"type":40,"value":6475},"如果你希望支持作者，也可以在 Mac App Store 購買付費版本，功能和開源版本完全相同。",{"type":34,"tag":98,"props":6477,"children":6478},{},[],{"type":34,"tag":35,"props":6480,"children":6482},{"id":6481},"踩坑經驗與調優建議",[6483],{"type":40,"value":6481},{"type":34,"tag":42,"props":6485,"children":6486},{},[6487],{"type":40,"value":6488},"我自己在剛開始安裝使用時，遇到了兩個需要手動調整的小地方，分享給大家：",{"type":34,"tag":1854,"props":6490,"children":6492},{"id":6491},"自動貼上沒有反應",[6493],{"type":40,"value":6494},"自動貼上沒有反應？",{"type":34,"tag":42,"props":6496,"children":6497},{},[6498,6500,6506],{"type":40,"value":6499},"我剛裝好時，發現選取項目後它只會複製到剪貼簿，卻沒有自動幫我貼上。後來我進入偏好設定（按下 ",{"type":34,"tag":58,"props":6501,"children":6503},{"className":6502},[],[6504],{"type":40,"value":6505},"Command + ,",{"type":40,"value":6507},"），確認勾選了 \"Paste automatically\"。",{"type":34,"tag":42,"props":6509,"children":6510},{},[6511],{"type":40,"value":6512},"接著，我到 macOS 的「系統設定」->「隱私權與安全性」->「輔助使用」中，將 Maccy 勾選允許。因為自動貼上功能需要模擬鍵盤輸入，必須要有系統的輔助使用權限才能正常運作。",{"type":34,"tag":1854,"props":6514,"children":6516},{"id":6515},"調整剪貼簿監測間隔",[6517],{"type":40,"value":6515},{"type":34,"tag":42,"props":6519,"children":6520},{},[6521],{"type":40,"value":6522},"Maccy 預設是每 500 毫秒（0.5秒）去檢查一次系統剪貼簿是否有新內容。對於打字極快或需要高頻複製的開發者來說，有時候剛複製完馬上按快捷鍵，會發現 Maccy 還沒錄進去。",{"type":34,"tag":42,"props":6524,"children":6525},{},[6526],{"type":40,"value":6527},"如果你想讓它的反應速度更即時，可以打開終端機輸入這行指令，將檢查間隔縮短到 100 毫秒：",{"type":34,"tag":243,"props":6529,"children":6531},{"className":245,"code":6530,"language":247,"meta":8,"style":8},"defaults write org.p0deje.Maccy clipboardCheckInterval 0.1\n",[6532],{"type":34,"tag":58,"props":6533,"children":6534},{"__ignoreMap":8},[6535],{"type":34,"tag":253,"props":6536,"children":6537},{"class":255,"line":256},[6538,6543,6548,6553,6558],{"type":34,"tag":253,"props":6539,"children":6540},{"style":260},[6541],{"type":40,"value":6542},"defaults",{"type":34,"tag":253,"props":6544,"children":6545},{"style":271},[6546],{"type":40,"value":6547}," write",{"type":34,"tag":253,"props":6549,"children":6550},{"style":271},[6551],{"type":40,"value":6552}," org.p0deje.Maccy",{"type":34,"tag":253,"props":6554,"children":6555},{"style":271},[6556],{"type":40,"value":6557}," clipboardCheckInterval",{"type":34,"tag":253,"props":6559,"children":6560},{"style":265},[6561],{"type":40,"value":6562}," 0.1\n",{"type":34,"tag":42,"props":6564,"children":6565},{},[6566],{"type":40,"value":6567},"修改後重啟 Maccy，反應速度就會明顯提升。",{"type":34,"tag":1548,"props":6569,"children":6570},{},[6571],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":6573},[6574,6575,6580,6585,6589],{"id":37,"depth":708,"text":37},{"id":6180,"depth":708,"text":6183,"children":6576},[6577,6578,6579],{"id":6191,"depth":733,"text":6191},{"id":6201,"depth":733,"text":6201},{"id":6211,"depth":733,"text":6211},{"id":6224,"depth":708,"text":6224,"children":6581},[6582,6583,6584],{"id":6234,"depth":733,"text":6237},{"id":6253,"depth":733,"text":6256},{"id":6350,"depth":733,"text":6353},{"id":335,"depth":708,"text":335,"children":6586},[6587,6588],{"id":6394,"depth":733,"text":6397},{"id":6433,"depth":733,"text":6436},{"id":6481,"depth":708,"text":6481,"children":6590},[6591,6592],{"id":6491,"depth":733,"text":6494},{"id":6515,"depth":733,"text":6515},"content:articles:maccy.md","articles\u002Fmaccy.md","articles\u002Fmaccy",{"_path":6597,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":6598,"description":6599,"date":6600,"category":12,"image":6601,"tags":6602,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":6604,"gpu":29,"body":6605,"_type":1569,"_id":7107,"_source":1571,"_file":7108,"_stem":7109,"_extension":1574},"\u002Farticles\u002Fstirling-pdf","Stirling PDF 實測：離線跑的開源 PDF 神器，免上傳雲端直接搞定 50+ 種處理需求","我最近實測了開源的 Stirling PDF。這是一款可以完全在本地運行的 PDF 編輯平台，支援合併、壓縮、簽名等多達 50 多種功能，不用擔心敏感文件被上傳到第三方雲端伺服器。","2026-06-21","\u002Fday_assets\u002Fstirling-pdf\u002Fdownload.jpg",[17,1584,6603],"Security",[27,26,28],{"type":31,"children":6606,"toc":7095},[6607,6611,6616,6621,6626,6631,6635,6648,6651,6656,6670,6687,6692,6794,6797,6802,6807,6813,6818,6824,6829,6835,6840,6846,6851,6854,6860,6865,7011,7014,7019,7024,7032,7065,7073,7086,7091],{"type":34,"tag":35,"props":6608,"children":6609},{"id":37},[6610],{"type":40,"value":37},{"type":34,"tag":42,"props":6612,"children":6613},{},[6614],{"type":40,"value":6615},"處理 PDF 文件一直是我覺得非常麻煩的事。市面上很多線上 PDF 轉換或編輯工具，但每次把包含個資或專案合約的敏感文件上傳到那些不知道背景的雲端伺服器時，我心裡總是有些疙瘩。雖然有 Adobe Acrobat 這種大廠工具，但訂閱費用高昂，對我這種偶爾才需要改一下 PDF 的開發者來說並不劃算。",{"type":34,"tag":42,"props":6617,"children":6618},{},[6619],{"type":40,"value":6620},"後來我找到了 Stirling PDF。這是一個完全開源且可以在本地運行的 PDF 編輯平台。我最喜歡的一點是它支援在本地以個人桌面應用程式運行，或者用 Docker 自建伺服器。",{"type":34,"tag":42,"props":6622,"children":6623},{},[6624],{"type":40,"value":6625},"不過有一點需要特別在最前面說明：像 OCR 文字辨識、修復 PDF 等少數進階功能，因為本機桌面版預設沒有包進超大型的識別模型與修復引擎，它是需要將檔案上傳到官方的雲端伺服器來處理，而不是在本地端進行。雖然 OCR 是非常熱門的功能，但要使用的話就得搭配官方伺服器。好在這種需要上雲端的功能非常少，大概也就 5 個左右，其他絕大多數常用的功能，像是合併、分割、旋轉、壓縮、加浮水印、修改密碼等，全部都可以 100% 在本地離線運行，不需要將文件發送到外部服務。",{"type":34,"tag":42,"props":6627,"children":6628},{},[6629],{"type":40,"value":6630},"下面是我錄製的一段 Stirling PDF 實際操作介面，你可以看到它的預覽與各項工具的操作流：",{"type":34,"tag":112,"props":6632,"children":6634},{"src":6633},"\u002Fday_assets\u002Fstirling-pdf\u002Fdemo.mp4",[],{"type":34,"tag":122,"props":6636,"children":6637},{},[6638],{"type":34,"tag":126,"props":6639,"children":6640},{},[6641],{"type":34,"tag":72,"props":6642,"children":6645},{"href":6643,"rel":6644},"https:\u002F\u002Fgithub.com\u002FStirling-Tools\u002FStirling-PDF",[76],[6646],{"type":40,"value":6647},"Stirling PDF GitHub 倉庫（按這裡前往）",{"type":34,"tag":98,"props":6649,"children":6650},{},[],{"type":34,"tag":35,"props":6652,"children":6654},{"id":6653},"下載安裝與平台支援",[6655],{"type":40,"value":6653},{"type":34,"tag":42,"props":6657,"children":6658},{},[6659,6661,6668],{"type":40,"value":6660},"Stirling PDF 提供了 Windows、macOS 和 Linux 的版本。在它的",{"type":34,"tag":72,"props":6662,"children":6665},{"href":6663,"rel":6664},"https:\u002F\u002Fdocs.stirlingpdf.com\u002F",[76],[6666],{"type":40,"value":6667},"Stirling PDF 官方文件（按這裡前往）",{"type":40,"value":6669}," 往下滑找到Installation 頁面，你可以選擇下載適合你系統的安裝檔（Windows 為 Installer、Mac 為 dmg、Linux 為 deb 檔）。",{"type":34,"tag":565,"props":6671,"children":6673},{"className":6672},[568,569,570,571,572,573,574],[6674,6675,6680,6681],{"type":40,"value":577},{"type":34,"tag":579,"props":6676,"children":6679},{"src":6601,"alt":6677,"className":6678},"在 Stirling PDF 官網選擇對應的作業系統下載",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":6682,"children":6684},{"className":6683},[590,591,592,593,594,595],[6685],{"type":40,"value":6686},"在官網的 Installation 區塊可以選擇 Windows、Mac 或 Linux 版本下載",{"type":34,"tag":42,"props":6688,"children":6689},{},[6690],{"type":40,"value":6691},"如果你想把它當作自託管的服務，或者要在團隊內共享，它也提供 Docker 的安裝方式：",{"type":34,"tag":243,"props":6693,"children":6695},{"className":245,"code":6694,"language":247,"meta":8,"style":8},"docker run -d \\\n  -p 8080:8080 \\\n  -v \u002Flocation\u002Fof\u002Ftemplates:\u002Fusr\u002Fshare\u002Ftessdata \\\n  -v \u002Flocation\u002Fof\u002Fconfigs:\u002Fconfigs \\\n  --name stirling-pdf \\\n  frooodle\u002Fs-pdf:latest\n",[6696],{"type":34,"tag":58,"props":6697,"children":6698},{"__ignoreMap":8},[6699,6719,6736,6753,6769,6786],{"type":34,"tag":253,"props":6700,"children":6701},{"class":255,"line":256},[6702,6706,6710,6714],{"type":34,"tag":253,"props":6703,"children":6704},{"style":260},[6705],{"type":40,"value":5248},{"type":34,"tag":253,"props":6707,"children":6708},{"style":271},[6709],{"type":40,"value":5258},{"type":34,"tag":253,"props":6711,"children":6712},{"style":265},[6713],{"type":40,"value":1817},{"type":34,"tag":253,"props":6715,"children":6716},{"style":5037},[6717],{"type":40,"value":6718}," \\\n",{"type":34,"tag":253,"props":6720,"children":6721},{"class":255,"line":708},[6722,6727,6732],{"type":34,"tag":253,"props":6723,"children":6724},{"style":265},[6725],{"type":40,"value":6726},"  -p",{"type":34,"tag":253,"props":6728,"children":6729},{"style":271},[6730],{"type":40,"value":6731}," 8080:8080",{"type":34,"tag":253,"props":6733,"children":6734},{"style":5037},[6735],{"type":40,"value":6718},{"type":34,"tag":253,"props":6737,"children":6738},{"class":255,"line":733},[6739,6744,6749],{"type":34,"tag":253,"props":6740,"children":6741},{"style":265},[6742],{"type":40,"value":6743},"  -v",{"type":34,"tag":253,"props":6745,"children":6746},{"style":271},[6747],{"type":40,"value":6748}," \u002Flocation\u002Fof\u002Ftemplates:\u002Fusr\u002Fshare\u002Ftessdata",{"type":34,"tag":253,"props":6750,"children":6751},{"style":5037},[6752],{"type":40,"value":6718},{"type":34,"tag":253,"props":6754,"children":6755},{"class":255,"line":755},[6756,6760,6765],{"type":34,"tag":253,"props":6757,"children":6758},{"style":265},[6759],{"type":40,"value":6743},{"type":34,"tag":253,"props":6761,"children":6762},{"style":271},[6763],{"type":40,"value":6764}," \u002Flocation\u002Fof\u002Fconfigs:\u002Fconfigs",{"type":34,"tag":253,"props":6766,"children":6767},{"style":5037},[6768],{"type":40,"value":6718},{"type":34,"tag":253,"props":6770,"children":6771},{"class":255,"line":777},[6772,6777,6782],{"type":34,"tag":253,"props":6773,"children":6774},{"style":265},[6775],{"type":40,"value":6776},"  --name",{"type":34,"tag":253,"props":6778,"children":6779},{"style":271},[6780],{"type":40,"value":6781}," stirling-pdf",{"type":34,"tag":253,"props":6783,"children":6784},{"style":5037},[6785],{"type":40,"value":6718},{"type":34,"tag":253,"props":6787,"children":6788},{"class":255,"line":795},[6789],{"type":34,"tag":253,"props":6790,"children":6791},{"style":271},[6792],{"type":40,"value":6793},"  frooodle\u002Fs-pdf:latest\n",{"type":34,"tag":98,"props":6795,"children":6796},{},[],{"type":34,"tag":35,"props":6798,"children":6800},{"id":6799},"我最常用的幾項功能實測",[6801],{"type":40,"value":6799},{"type":34,"tag":42,"props":6803,"children":6804},{},[6805],{"type":40,"value":6806},"Stirling PDF 本地執行介面分成很多個功能模組，所有的 PDF 工具都分門別類整理得很好。我挑選了幾個我自己實際使用頻率最高、也覺得做得不錯的功能：",{"type":34,"tag":1854,"props":6808,"children":6810},{"id":6809},"_1-多功能工具-multi-tool",[6811],{"type":40,"value":6812},"1. 多功能工具 (Multi-tool)",{"type":34,"tag":42,"props":6814,"children":6815},{},[6816],{"type":40,"value":6817},"我以前遇到需要對同一個 PDF 進行多種操作（例如先旋轉頁面，接著刪除其中幾頁，最後再壓縮）時，都必須在不同工具之間導出導入好幾次。Stirling PDF 的多功能工具允許我們上傳一次檔案，就可以鏈式地連鎖執行多種頁面操作，非常省時間。",{"type":34,"tag":1854,"props":6819,"children":6821},{"id":6820},"_2-安全與隱私手寫與憑證簽名",[6822],{"type":40,"value":6823},"2. 安全與隱私：手寫與憑證簽名",{"type":34,"tag":42,"props":6825,"children":6826},{},[6827],{"type":40,"value":6828},"Stirling PDF 在安全性功能上給得很足。除了常見的密碼新增和權限限制外，它支援直接用滑鼠或觸控板進行手寫簽名，也支援使用數位憑證來進行正式的憑證簽名，保證文件的安全性。",{"type":34,"tag":1854,"props":6830,"children":6832},{"id":6831},"_3-密文塗黑-redact",[6833],{"type":40,"value":6834},"3. 密文塗黑 (Redact)",{"type":34,"tag":42,"props":6836,"children":6837},{},[6838],{"type":40,"value":6839},"這是在處理敏感合約時很重要的功能。我可以手動框選需要隱藏的敏感資訊將其完全擦除，或者使用自動密文功能，避免重要機密外洩。",{"type":34,"tag":1854,"props":6841,"children":6843},{"id":6842},"_4-頁面重整與格式轉換",[6844],{"type":40,"value":6845},"4. 頁面重整與格式轉換",{"type":34,"tag":42,"props":6847,"children":6848},{},[6849],{"type":40,"value":6850},"不管是將 Word、Excel、Markdown 轉成 PDF，還是從 PDF 中把表格提取成 CSV，或者將 PDF 頁面分割、合併、旋轉、擷取，都可以在側邊欄的頁面操作和轉換分類中快速找到對應的工具。",{"type":34,"tag":98,"props":6852,"children":6853},{},[],{"type":34,"tag":35,"props":6855,"children":6857},{"id":6856},"stirling-pdf-常用工具快速對照表",[6858],{"type":40,"value":6859},"Stirling PDF 常用工具快速對照表",{"type":34,"tag":42,"props":6861,"children":6862},{},[6863],{"type":40,"value":6864},"我把常見的需求整理成一個快速對照表，方便直接尋找對應的工具：",{"type":34,"tag":6866,"props":6867,"children":6868},"table",{},[6869,6889],{"type":34,"tag":6870,"props":6871,"children":6872},"thead",{},[6873],{"type":34,"tag":6874,"props":6875,"children":6876},"tr",{},[6877,6884],{"type":34,"tag":6878,"props":6879,"children":6881},"th",{"align":6880},"left",[6882],{"type":40,"value":6883},"我想要解決的問題",{"type":34,"tag":6878,"props":6885,"children":6886},{"align":6880},[6887],{"type":40,"value":6888},"對應的功能工具",{"type":34,"tag":6890,"props":6891,"children":6892},"tbody",{},[6893,6907,6920,6933,6946,6959,6972,6985,6998],{"type":34,"tag":6874,"props":6894,"children":6895},{},[6896,6902],{"type":34,"tag":6897,"props":6898,"children":6899},"td",{"align":6880},[6900],{"type":40,"value":6901},"縮小 PDF 檔案大小以方便傳送",{"type":34,"tag":6897,"props":6903,"children":6904},{"align":6880},[6905],{"type":40,"value":6906},"壓縮 (Compress)",{"type":34,"tag":6874,"props":6908,"children":6909},{},[6910,6915],{"type":34,"tag":6897,"props":6911,"children":6912},{"align":6880},[6913],{"type":40,"value":6914},"將掃描的 PDF 圖片轉成可選取與複製的文字",{"type":34,"tag":6897,"props":6916,"children":6917},{"align":6880},[6918],{"type":40,"value":6919},"OCR 辨識 (OCR)",{"type":34,"tag":6874,"props":6921,"children":6922},{},[6923,6928],{"type":34,"tag":6897,"props":6924,"children":6925},{"align":6880},[6926],{"type":40,"value":6927},"將多個 PDF 檔案合併成一個文件",{"type":34,"tag":6897,"props":6929,"children":6930},{"align":6880},[6931],{"type":40,"value":6932},"合併 (Merge)",{"type":34,"tag":6874,"props":6934,"children":6935},{},[6936,6941],{"type":34,"tag":6897,"props":6937,"children":6938},{"align":6880},[6939],{"type":40,"value":6940},"將大檔案拆分成多個獨立頁面",{"type":34,"tag":6897,"props":6942,"children":6943},{"align":6880},[6944],{"type":40,"value":6945},"分割 (Split)",{"type":34,"tag":6874,"props":6947,"children":6948},{},[6949,6954],{"type":34,"tag":6897,"props":6950,"children":6951},{"align":6880},[6952],{"type":40,"value":6953},"將 Word、Excel 或圖片與 PDF 互轉",{"type":34,"tag":6897,"props":6955,"children":6956},{"align":6880},[6957],{"type":40,"value":6958},"格式轉換 (Convert)",{"type":34,"tag":6874,"props":6960,"children":6961},{},[6962,6967],{"type":34,"tag":6897,"props":6963,"children":6964},{"align":6880},[6965],{"type":40,"value":6966},"為合約或表單加入手寫簽名或數位憑證",{"type":34,"tag":6897,"props":6968,"children":6969},{"align":6880},[6970],{"type":40,"value":6971},"簽名 \u002F 憑證簽名 (Sign \u002F Certificate Sign)",{"type":34,"tag":6874,"props":6973,"children":6974},{},[6975,6980],{"type":34,"tag":6897,"props":6976,"children":6977},{"align":6880},[6978],{"type":40,"value":6979},"刪除 PDF 裡的敏感內容或個資",{"type":34,"tag":6897,"props":6981,"children":6982},{"align":6880},[6983],{"type":40,"value":6984},"隱藏 \u002F 清理 (Redact \u002F Clean)",{"type":34,"tag":6874,"props":6986,"children":6987},{},[6988,6993],{"type":34,"tag":6897,"props":6989,"children":6990},{"align":6880},[6991],{"type":40,"value":6992},"調整 PDF 頁面順序、刪除空白頁或旋轉",{"type":34,"tag":6897,"props":6994,"children":6995},{"align":6880},[6996],{"type":40,"value":6997},"重新組織頁面 \u002F 多功能工具 (Reorganize \u002F Multi-tool)",{"type":34,"tag":6874,"props":6999,"children":7000},{},[7001,7006],{"type":34,"tag":6897,"props":7002,"children":7003},{"align":6880},[7004],{"type":40,"value":7005},"批次處理大量 PDF 工作流",{"type":34,"tag":6897,"props":7007,"children":7008},{"align":6880},[7009],{"type":40,"value":7010},"自動化工作流程 (Automation)",{"type":34,"tag":98,"props":7012,"children":7013},{},[],{"type":34,"tag":35,"props":7015,"children":7017},{"id":7016},"實測心得與優缺點",[7018],{"type":40,"value":7016},{"type":34,"tag":42,"props":7020,"children":7021},{},[7022],{"type":40,"value":7023},"我實際在本地跑了幾天，感覺它的介面反應非常迅速，比以前用線上網頁工具還要舒服。以下是我整理出來的一些主觀心得：",{"type":34,"tag":42,"props":7025,"children":7026},{},[7027],{"type":34,"tag":1008,"props":7028,"children":7029},{},[7030],{"type":40,"value":7031},"優點：",{"type":34,"tag":122,"props":7033,"children":7034},{},[7035,7045,7055],{"type":34,"tag":126,"props":7036,"children":7037},{},[7038,7043],{"type":34,"tag":1008,"props":7039,"children":7040},{},[7041],{"type":40,"value":7042},"離線安全性",{"type":40,"value":7044},"：所有文件都在本機完成處理，不會有文件外流的隱私疑慮。",{"type":34,"tag":126,"props":7046,"children":7047},{},[7048,7053],{"type":34,"tag":1008,"props":7049,"children":7050},{},[7051],{"type":40,"value":7052},"介面多語系",{"type":40,"value":7054},"：支援 40 多種語言，中文介面的翻譯也算完整。",{"type":34,"tag":126,"props":7056,"children":7057},{},[7058,7063],{"type":34,"tag":1008,"props":7059,"children":7060},{},[7061],{"type":40,"value":7062},"免登入限制",{"type":40,"value":7064},"：下載桌面版之後，不需要像線上工具那樣被限制每日轉換次數或被強迫登入。",{"type":34,"tag":42,"props":7066,"children":7067},{},[7068],{"type":34,"tag":1008,"props":7069,"children":7070},{},[7071],{"type":40,"value":7072},"缺點（踩坑經驗）：",{"type":34,"tag":122,"props":7074,"children":7075},{},[7076],{"type":34,"tag":126,"props":7077,"children":7078},{},[7079,7084],{"type":34,"tag":1008,"props":7080,"children":7081},{},[7082],{"type":40,"value":7083},"OCR 與修復功能的雲端依賴",{"type":40,"value":7085},"：正如前言提到的，OCR 文字辨識和修復 PDF 等少數約 5 個進階功能，因為本地桌面端程式預設沒有打包繁重的辨識模組，必須上傳到官方雲端伺服器才能執行。如果你處理的是絕對不能離網的超機密文件，在使用這些功能時需要特別留心。如果想要完全在本地端完成 OCR，則需要使用 Docker 部署並自行掛載相關模型語系包，這對一般使用者來說門檻較高。",{"type":34,"tag":42,"props":7087,"children":7088},{},[7089],{"type":40,"value":7090},"雖然有一點小門檻，但它依然是我目前用過最滿意的開源 PDF 解決方案。如果你平常也很在乎合約、個資的隱私安全，又不想被 Adobe Acrobat 訂閱綁死，我非常推薦下載本機桌面版來用用看。",{"type":34,"tag":1548,"props":7092,"children":7093},{},[7094],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":7096},[7097,7098,7099,7105,7106],{"id":37,"depth":708,"text":37},{"id":6653,"depth":708,"text":6653},{"id":6799,"depth":708,"text":6799,"children":7100},[7101,7102,7103,7104],{"id":6809,"depth":733,"text":6812},{"id":6820,"depth":733,"text":6823},{"id":6831,"depth":733,"text":6834},{"id":6842,"depth":733,"text":6845},{"id":6856,"depth":708,"text":6859},{"id":7016,"depth":708,"text":7016},"content:articles:stirling-pdf.md","articles\u002Fstirling-pdf.md","articles\u002Fstirling-pdf",{"_path":7111,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":7112,"description":7113,"date":7114,"category":1580,"image":6124,"tags":7115,"series":1585,"readingTime":2145,"difficulty":23,"local":24,"platforms":7116,"gpu":29,"body":7117,"_type":1569,"_id":7498,"_source":1571,"_file":7499,"_stem":7500,"_extension":1574},"\u002Farticles\u002Faerospace","AeroSpace 實測：讓 macOS 擁有平鋪視窗管理","分享這款 AeroSpace 平鋪視窗管理工具，以及我如何透過鍵盤快捷鍵解決 macOS 視窗混亂的問題。","2026-06-20",[17,1584],[26],{"type":31,"children":7118,"toc":7490},[7119,7123,7128,7133,7138,7143,7156,7160,7165,7170,7175,7179,7192,7197,7202,7207,7212,7239,7244,7268,7289,7294,7307,7402,7422,7448,7453,7458,7463,7486],{"type":34,"tag":35,"props":7120,"children":7121},{"id":37},[7122],{"type":40,"value":37},{"type":34,"tag":42,"props":7124,"children":7125},{},[7126],{"type":40,"value":7127},"這款 AeroSpace 軟體我也用好一段時間了，今天想來分享一下我的實際使用心得。",{"type":34,"tag":42,"props":7129,"children":7130},{},[7131],{"type":40,"value":7132},"如果你有在 macOS 上開一大堆視窗工作的經驗，一定會覺得內建的視窗管理有點麻煩。常常動到一個視窗，其他的就被蓋住。AeroSpace 是一款類似 Linux i3 的平鋪視窗管理員 (Tiling Window Manager)，它把 macOS 的視窗管理變成完全可控的網格狀。",{"type":34,"tag":42,"props":7134,"children":7135},{},[7136],{"type":40,"value":7137},"接下來我會先分享我日常開發最依賴的兩種情境，再帶大家看該如何安裝、設定，以及一些進階的暫停與啟用技巧。",{"type":34,"tag":35,"props":7139,"children":7141},{"id":7140},"極速切換工作區",[7142],{"type":40,"value":7140},{"type":34,"tag":42,"props":7144,"children":7145},{},[7146,7148,7154],{"type":40,"value":7147},"我自己習慣設定成用 ",{"type":34,"tag":58,"props":7149,"children":7151},{"className":7150},[],[7152],{"type":40,"value":7153},"Option + 1, 2, 3, 4",{"type":40,"value":7155}," 來切換不同的工作區。",{"type":34,"tag":112,"props":7157,"children":7159},{"src":7158},"\u002Fday_assets\u002Faerospace\u002Fwindowswitch.mp4",[],{"type":34,"tag":42,"props":7161,"children":7162},{},[7163],{"type":40,"value":7164},"我原本以為 macOS 內建的 Mission Control 已經夠用了，但我後來才知道，像這樣把特定的軟體綁定在固定的數字鍵上，切換起來有多直覺。左手一按，畫面瞬間就切過去，右手馬上就能點擊或查看需要的資料。這種不需要滑動過場動畫的切換速度，大幅減少了我在找視窗上浪費的時間。",{"type":34,"tag":35,"props":7166,"children":7168},{"id":7167},"自動對齊的平鋪排列",[7169],{"type":40,"value":7167},{"type":34,"tag":42,"props":7171,"children":7172},{},[7173],{"type":40,"value":7174},"另一個我每天都在用的功能是視窗排列。",{"type":34,"tag":112,"props":7176,"children":7178},{"src":7177},"\u002Fday_assets\u002Faerospace\u002Fareo2.mp4",[],{"type":34,"tag":42,"props":7180,"children":7181},{},[7182,7184,7190],{"type":40,"value":7183},"以前在 macOS，調整視窗大小總是需要小心翼翼地拉邊框，不然就會跟別的視窗疊在一起。而 AeroSpace 的特色是，你只要把視窗叫出來，或是用快捷鍵（預設設定 ",{"type":34,"tag":58,"props":7185,"children":7187},{"className":7186},[],[7188],{"type":40,"value":7189},"Option + Shift + J, K, L, U",{"type":40,"value":7191},"）去切換排列與移動它們，系統就會自動幫你「排排站」。",{"type":34,"tag":42,"props":7193,"children":7194},{},[7195],{"type":40,"value":7196},"它會自動幫你計算好多個視窗之間的間距，不管你怎麼動，畫面永遠都是整整齊齊的方塊。這點真的解決了我很大的痛點。",{"type":34,"tag":42,"props":7198,"children":7199},{},[7200],{"type":40,"value":7201},"這兩點只是我個人最常用的操作示範，但其實它還有非常多強大的配置方式。",{"type":34,"tag":35,"props":7203,"children":7205},{"id":7204},"如何安裝與基本設定",[7206],{"type":40,"value":7204},{"type":34,"tag":42,"props":7208,"children":7209},{},[7210],{"type":40,"value":7211},"要安裝 AeroSpace 非常簡單，我推薦直接使用 Homebrew，在終端機輸入一行指令：",{"type":34,"tag":243,"props":7213,"children":7215},{"className":245,"code":7214,"language":247,"meta":8,"style":8},"brew install --cask nikitabobko\u002Ftap\u002Faerospace\n",[7216],{"type":34,"tag":58,"props":7217,"children":7218},{"__ignoreMap":8},[7219],{"type":34,"tag":253,"props":7220,"children":7221},{"class":255,"line":256},[7222,7226,7230,7234],{"type":34,"tag":253,"props":7223,"children":7224},{"style":260},[7225],{"type":40,"value":3676},{"type":34,"tag":253,"props":7227,"children":7228},{"style":271},[7229],{"type":40,"value":3698},{"type":34,"tag":253,"props":7231,"children":7232},{"style":265},[7233],{"type":40,"value":3703},{"type":34,"tag":253,"props":7235,"children":7236},{"style":271},[7237],{"type":40,"value":7238}," nikitabobko\u002Ftap\u002Faerospace\n",{"type":34,"tag":42,"props":7240,"children":7241},{},[7242],{"type":40,"value":7243},"安裝完成並給予輔助使用權限後，AeroSpace 就會開始接管你的視窗。它的所有設定都是透過一個 TOML 檔案來管理。\n你可以在終端機輸入以下指令，將預設設定檔複製到你的家目錄：",{"type":34,"tag":243,"props":7245,"children":7247},{"className":245,"code":7246,"language":247,"meta":8,"style":8},"cp \u002FApplications\u002FAeroSpace.app\u002FContents\u002FResources\u002Fdefault-config.toml ~\u002F.aerospace.toml\n",[7248],{"type":34,"tag":58,"props":7249,"children":7250},{"__ignoreMap":8},[7251],{"type":34,"tag":253,"props":7252,"children":7253},{"class":255,"line":256},[7254,7258,7263],{"type":34,"tag":253,"props":7255,"children":7256},{"style":260},[7257],{"type":40,"value":5206},{"type":34,"tag":253,"props":7259,"children":7260},{"style":271},[7261],{"type":40,"value":7262}," \u002FApplications\u002FAeroSpace.app\u002FContents\u002FResources\u002Fdefault-config.toml",{"type":34,"tag":253,"props":7264,"children":7265},{"style":271},[7266],{"type":40,"value":7267}," ~\u002F.aerospace.toml\n",{"type":34,"tag":42,"props":7269,"children":7270},{},[7271,7273,7279,7281,7287],{"type":40,"value":7272},"接著你只要用文字編輯器打開 ",{"type":34,"tag":58,"props":7274,"children":7276},{"className":7275},[],[7277],{"type":40,"value":7278},"~\u002F.aerospace.toml",{"type":40,"value":7280},"，就可以在裡面自訂所有你喜歡的快捷鍵綁定（例如把 ",{"type":34,"tag":58,"props":7282,"children":7284},{"className":7283},[],[7285],{"type":40,"value":7286},"alt-1",{"type":40,"value":7288}," 綁定給工作區 1）。",{"type":34,"tag":35,"props":7290,"children":7292},{"id":7291},"如何暫停與啟用",[7293],{"type":40,"value":7291},{"type":34,"tag":42,"props":7295,"children":7296},{},[7297,7299,7305],{"type":40,"value":7298},"我有時候也會遇到需要暫停 AeroSpace 的情況（例如在展示畫面，或是某個軟體不適合平鋪排列時）。\nAeroSpace 提供了原生的 ",{"type":34,"tag":58,"props":7300,"children":7302},{"className":7301},[],[7303],{"type":40,"value":7304},"enable",{"type":40,"value":7306}," 指令。\n你可以在狀態欄那個bar直接更改設定\n也可以在終端機中執行：",{"type":34,"tag":243,"props":7308,"children":7310},{"className":245,"code":7309,"language":247,"meta":8,"style":8},"# 暫停 AeroSpace 視窗接管\naerospace enable off\n\n# 重新啟用\naerospace enable on\n\n# 切換狀態 (Toggle)\naerospace enable toggle\n",[7311],{"type":34,"tag":58,"props":7312,"children":7313},{"__ignoreMap":8},[7314,7322,7340,7347,7355,7371,7378,7386],{"type":34,"tag":253,"props":7315,"children":7316},{"class":255,"line":256},[7317],{"type":34,"tag":253,"props":7318,"children":7319},{"style":5059},[7320],{"type":40,"value":7321},"# 暫停 AeroSpace 視窗接管\n",{"type":34,"tag":253,"props":7323,"children":7324},{"class":255,"line":708},[7325,7330,7335],{"type":34,"tag":253,"props":7326,"children":7327},{"style":260},[7328],{"type":40,"value":7329},"aerospace",{"type":34,"tag":253,"props":7331,"children":7332},{"style":271},[7333],{"type":40,"value":7334}," enable",{"type":34,"tag":253,"props":7336,"children":7337},{"style":271},[7338],{"type":40,"value":7339}," off\n",{"type":34,"tag":253,"props":7341,"children":7342},{"class":255,"line":733},[7343],{"type":34,"tag":253,"props":7344,"children":7345},{"emptyLinePlaceholder":24},[7346],{"type":40,"value":5053},{"type":34,"tag":253,"props":7348,"children":7349},{"class":255,"line":755},[7350],{"type":34,"tag":253,"props":7351,"children":7352},{"style":5059},[7353],{"type":40,"value":7354},"# 重新啟用\n",{"type":34,"tag":253,"props":7356,"children":7357},{"class":255,"line":777},[7358,7362,7366],{"type":34,"tag":253,"props":7359,"children":7360},{"style":260},[7361],{"type":40,"value":7329},{"type":34,"tag":253,"props":7363,"children":7364},{"style":271},[7365],{"type":40,"value":7334},{"type":34,"tag":253,"props":7367,"children":7368},{"style":271},[7369],{"type":40,"value":7370}," on\n",{"type":34,"tag":253,"props":7372,"children":7373},{"class":255,"line":795},[7374],{"type":34,"tag":253,"props":7375,"children":7376},{"emptyLinePlaceholder":24},[7377],{"type":40,"value":5053},{"type":34,"tag":253,"props":7379,"children":7380},{"class":255,"line":5085},[7381],{"type":34,"tag":253,"props":7382,"children":7383},{"style":5059},[7384],{"type":40,"value":7385},"# 切換狀態 (Toggle)\n",{"type":34,"tag":253,"props":7387,"children":7388},{"class":255,"line":5094},[7389,7393,7397],{"type":34,"tag":253,"props":7390,"children":7391},{"style":260},[7392],{"type":40,"value":7329},{"type":34,"tag":253,"props":7394,"children":7395},{"style":271},[7396],{"type":40,"value":7334},{"type":34,"tag":253,"props":7398,"children":7399},{"style":271},[7400],{"type":40,"value":7401}," toggle\n",{"type":34,"tag":42,"props":7403,"children":7404},{},[7405,7407,7412,7414,7420],{"type":40,"value":7406},"為了更有效率，我也強烈建議你在 ",{"type":34,"tag":58,"props":7408,"children":7410},{"className":7409},[],[7411],{"type":40,"value":7278},{"type":40,"value":7413}," 中綁定一組專屬快捷鍵（例如 ",{"type":34,"tag":58,"props":7415,"children":7417},{"className":7416},[],[7418],{"type":40,"value":7419},"Option + Shift + P",{"type":40,"value":7421},"）來快速切換狀態：",{"type":34,"tag":243,"props":7423,"children":7428},{"className":7424,"code":7425,"filename":7426,"language":7427,"meta":8,"style":8},"language-toml shiki shiki-themes one-dark-pro","[mode.main.binding]\nalt-shift-p = 'enable toggle'\n",".aerospace.toml","toml",[7429],{"type":34,"tag":58,"props":7430,"children":7431},{"__ignoreMap":8},[7432,7440],{"type":34,"tag":253,"props":7433,"children":7434},{"class":255,"line":256},[7435],{"type":34,"tag":253,"props":7436,"children":7437},{},[7438],{"type":40,"value":7439},"[mode.main.binding]\n",{"type":34,"tag":253,"props":7441,"children":7442},{"class":255,"line":708},[7443],{"type":34,"tag":253,"props":7444,"children":7445},{},[7446],{"type":40,"value":7447},"alt-shift-p = 'enable toggle'\n",{"type":34,"tag":42,"props":7449,"children":7450},{},[7451],{"type":40,"value":7452},"這樣一來，不管遇到什麼突發狀況，只要快捷鍵一按就能立刻切回 macOS 的預設行為，再按一次就能無縫回歸平鋪管理，非常方便。",{"type":34,"tag":35,"props":7454,"children":7456},{"id":7455},"相關資源與官方文件",[7457],{"type":40,"value":7455},{"type":34,"tag":42,"props":7459,"children":7460},{},[7461],{"type":40,"value":7462},"如果你對這套工具感興趣，可以到他們的 GitHub 與官方指南查看更詳細的操作與設定說明：",{"type":34,"tag":122,"props":7464,"children":7465},{},[7466,7476],{"type":34,"tag":126,"props":7467,"children":7468},{},[7469],{"type":34,"tag":72,"props":7470,"children":7473},{"href":7471,"rel":7472},"https:\u002F\u002Fgithub.com\u002Fnikitabobko\u002FAeroSpace",[76],[7474],{"type":40,"value":7475},"AeroSpace GitHub 專案（按這裡前往）",{"type":34,"tag":126,"props":7477,"children":7478},{},[7479],{"type":34,"tag":72,"props":7480,"children":7483},{"href":7481,"rel":7482},"https:\u002F\u002Fnikitabobko.github.io\u002FAeroSpace\u002Fguide",[76],[7484],{"type":40,"value":7485},"AeroSpace 官方詳細教學指南（按這裡前往）",{"type":34,"tag":1548,"props":7487,"children":7488},{},[7489],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":7491},[7492,7493,7494,7495,7496,7497],{"id":37,"depth":708,"text":37},{"id":7140,"depth":708,"text":7140},{"id":7167,"depth":708,"text":7167},{"id":7204,"depth":708,"text":7204},{"id":7291,"depth":708,"text":7291},{"id":7455,"depth":708,"text":7455},"content:articles:aerospace.md","articles\u002Faerospace.md","articles\u002Faerospace",{"_path":7502,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":7503,"description":7504,"date":7505,"category":12,"image":6124,"tags":7506,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":7507,"gpu":29,"body":7508,"_type":1569,"_id":7789,"_source":1571,"_file":7790,"_stem":7791,"_extension":1574},"\u002Farticles\u002Fpowertoys","Microsoft PowerToys 實測：4 個用過就回不去的 Windows 效率工具","自己在 Windows 工作最常遇到的問題是缺少類似 macOS 的預覽與快速啟動功能。本文實測微軟官方推出的 PowerToys 中實用的四個工具：空白鍵預覽 Peek、快速截圖 OCR 複製、視窗永久置頂與快捷搜尋框，分享我實際的使用體驗。","2026-06-19",[17,1584],[27],{"type":31,"children":7509,"toc":7777},[7510,7514,7519,7532,7535,7541,7546,7551,7556,7560,7563,7569,7574,7587,7592,7596,7599,7605,7610,7623,7628,7632,7635,7641,7646,7659,7671,7675,7678,7683,7688,7694,7699,7711,7717,7722,7738,7760,7763,7768,7773],{"type":34,"tag":35,"props":7511,"children":7512},{"id":37},[7513],{"type":40,"value":37},{"type":34,"tag":42,"props":7515,"children":7516},{},[7517],{"type":40,"value":7518},"我自己在 Windows 上開發或工作時，有些 macOS 的系統操作習慣一直讓我很難忘掉。例如按空白鍵就能直接預覽圖片或 PDF，或者按下快捷鍵就能叫出 Spotlight 快速開啟軟體。微軟官方推出的開源工具集 PowerToys 剛好滿足了這些需求。它裡面包含了幾十種小工具，不過我實際用了一段時間後，發現自己最常開的其實只有其中四個功能。這幾個功能一旦習慣了，在 Windows 上的工作效率就會提高很多。",{"type":34,"tag":122,"props":7520,"children":7521},{},[7522],{"type":34,"tag":126,"props":7523,"children":7524},{},[7525],{"type":34,"tag":72,"props":7526,"children":7529},{"href":7527,"rel":7528},"https:\u002F\u002Fapps.microsoft.com\u002Fdetail\u002Fxp89dcgq3k6vld?ocid=webpdpshare",[76],[7530],{"type":40,"value":7531},"PowerToys 官方下載（按這裡前往）",{"type":34,"tag":98,"props":7533,"children":7534},{},[],{"type":34,"tag":35,"props":7536,"children":7538},{"id":7537},"_1-peek-檔案預覽",[7539],{"type":40,"value":7540},"1. Peek 檔案預覽",{"type":34,"tag":42,"props":7542,"children":7543},{},[7544],{"type":40,"value":7545},"在檔案總管中，當我想看一張圖、一段影片或者一份 PDF 的內容時，我最習慣的操作是選取該檔案後按下空白鍵。這在 macOS 上是內建的 Quick Look 功能，但 Windows 預設卻沒有。",{"type":34,"tag":42,"props":7547,"children":7548},{},[7549],{"type":40,"value":7550},"開啟 PowerToys 的 Peek 功能後，我就能在 Windows 上用同樣的方式預覽檔案。選中檔案後按下空白鍵，預覽視窗就會立刻跳出來，不需要等待特定軟體啟動。",{"type":34,"tag":42,"props":7552,"children":7553},{},[7554],{"type":40,"value":7555},"我實測的感覺是它的預覽反應速度相當快，不管是大圖還是 PDF 檔案都幾乎沒有延遲。這對於習慣雙系統開發、或者經常需要快速整理大量素材的人來說，非常方便。",{"type":34,"tag":112,"props":7557,"children":7559},{"src":7558},"\u002Fday_assets\u002Fpowertoys\u002Fpeek.mp4",[],{"type":34,"tag":98,"props":7561,"children":7562},{},[],{"type":34,"tag":35,"props":7564,"children":7566},{"id":7565},"_2-text-extractor-螢幕文字複製",[7567],{"type":40,"value":7568},"2. Text Extractor 螢幕文字複製",{"type":34,"tag":42,"props":7570,"children":7571},{},[7572],{"type":40,"value":7573},"有時候我在看圖片、視訊畫面或者一些不允許選取複製的網頁時，想要把畫面上的文字拷貝下來。以前我遇到這種狀況，不是手動打字，就是得把畫面截圖下來，再上傳到線上的 OCR 辨識網站。",{"type":34,"tag":42,"props":7575,"children":7576},{},[7577,7579,7585],{"type":40,"value":7578},"Text Extractor 的運作方式是按下預設快捷鍵 ",{"type":34,"tag":58,"props":7580,"children":7582},{"className":7581},[],[7583],{"type":40,"value":7584},"Win + Shift + T",{"type":40,"value":7586}," 後框選螢幕上的任何地方，它就會直接把那塊區域的文字抓出來，並自動複製到我的剪貼簿中。",{"type":34,"tag":42,"props":7588,"children":7589},{},[7590],{"type":40,"value":7591},"我自己遇到查文件或複製防拷貝頁面時，這個功能省下了很多手動打字的時間。如果 macOS 上也能有這樣完全整合在系統裡的文字抓取按鈕，我大概會天天用（雖然 Mac 也有類似功能，但這個操作體驗很直接）。",{"type":34,"tag":112,"props":7593,"children":7595},{"src":7594},"\u002Fday_assets\u002Fpowertoys\u002Ftext.mp4",[],{"type":34,"tag":98,"props":7597,"children":7598},{},[],{"type":34,"tag":35,"props":7600,"children":7602},{"id":7601},"_3-always-on-top-視窗永久置頂",[7603],{"type":40,"value":7604},"3. Always On Top 視窗永久置頂",{"type":34,"tag":42,"props":7606,"children":7607},{},[7608],{"type":40,"value":7609},"當我需要一邊看著文件或影片，一邊在另一個視窗裡寫程式時，最討厭的就是點擊主編輯器後，參考文件的視窗就被蓋到後面去了。",{"type":34,"tag":42,"props":7611,"children":7612},{},[7613,7615,7621],{"type":40,"value":7614},"Always On Top 讓我可以透過按下 ",{"type":34,"tag":58,"props":7616,"children":7618},{"className":7617},[],[7619],{"type":40,"value":7620},"Win + Ctrl + T",{"type":40,"value":7622}," 快捷鍵，將目前選取的視窗固定在最上層。置頂的視窗會出現一個藍色邊框，提醒你它已經鎖定在最前面，不管你點擊其他任何視窗，它都不會被遮擋。",{"type":34,"tag":42,"props":7624,"children":7625},{},[7626],{"type":40,"value":7627},"我自己在對照規格寫程式、或是追劇摸魚時常常開啟這個功能。想要取消時只要對著置頂視窗再按一次快捷鍵就行了，不用另外安裝其他複雜的視窗管理套件。",{"type":34,"tag":112,"props":7629,"children":7631},{"src":7630},"\u002Fday_assets\u002Fpowertoys\u002Fon%20top.mp4",[],{"type":34,"tag":98,"props":7633,"children":7634},{},[],{"type":34,"tag":35,"props":7636,"children":7638},{"id":7637},"_4-powertoys-run-快速啟動框",[7639],{"type":40,"value":7640},"4. PowerToys Run 快速啟動框",{"type":34,"tag":42,"props":7642,"children":7643},{},[7644],{"type":40,"value":7645},"雖然 Windows 開始功能表可以搜尋 App，但我常常發現它會搜出很多無關的網頁推薦，而且載入速度很不穩定。",{"type":34,"tag":42,"props":7647,"children":7648},{},[7649,7651,7657],{"type":40,"value":7650},"PowerToys Run 是一個類似 Spotlight 或 Alfred\u002FRaycast 的快速啟動框。按下 ",{"type":34,"tag":58,"props":7652,"children":7654},{"className":7653},[],[7655],{"type":40,"value":7656},"Alt + Space",{"type":40,"value":7658}," 後，畫面上會跳出一個極簡的輸入框。我可以打字尋找並開啟 App、搜尋檔案，甚至能直接在裡面輸入數學算式做簡單計算，或者進行單位換算。",{"type":34,"tag":42,"props":7660,"children":7661},{},[7662,7664,7669],{"type":40,"value":7663},"我用了幾天後，現在找 App 或進入深層設定都直接按 ",{"type":34,"tag":58,"props":7665,"children":7667},{"className":7666},[],[7668],{"type":40,"value":7656},{"type":40,"value":7670},"，雙手幾乎不需要離開鍵盤去摸滑鼠，整個操作流程非常流暢。",{"type":34,"tag":112,"props":7672,"children":7674},{"src":7673},"\u002Fday_assets\u002Fpowertoys\u002Frun.mp4",[],{"type":34,"tag":98,"props":7676,"children":7677},{},[],{"type":34,"tag":35,"props":7679,"children":7681},{"id":7680},"兩大安裝管道",[7682],{"type":40,"value":7680},{"type":34,"tag":42,"props":7684,"children":7685},{},[7686],{"type":40,"value":7687},"微軟將 PowerToys 完全開源在 GitHub 上，你可以選擇以下其中一種方式下載安裝：",{"type":34,"tag":1854,"props":7689,"children":7691},{"id":7690},"管道一microsoft-store-直接下載推薦",[7692],{"type":40,"value":7693},"管道一：Microsoft Store 直接下載（推薦）",{"type":34,"tag":42,"props":7695,"children":7696},{},[7697],{"type":40,"value":7698},"這是最簡單的方法，直接點擊連結前往商店下載，後續的更新也會自動處理：",{"type":34,"tag":122,"props":7700,"children":7701},{},[7702],{"type":34,"tag":126,"props":7703,"children":7704},{},[7705],{"type":34,"tag":72,"props":7706,"children":7708},{"href":7527,"rel":7707},[76],[7709],{"type":40,"value":7710},"Microsoft Store 的 PowerToys 下載頁面",{"type":34,"tag":1854,"props":7712,"children":7714},{"id":7713},"管道二透過-winget-終端機安裝",[7715],{"type":40,"value":7716},"管道二：透過 Winget 終端機安裝",{"type":34,"tag":42,"props":7718,"children":7719},{},[7720],{"type":40,"value":7721},"如果你偏好命令列，可以打開 PowerShell 並輸入以下指令：",{"type":34,"tag":243,"props":7723,"children":7727},{"className":7724,"code":7725,"language":7726,"meta":8,"style":8},"language-cmd shiki shiki-themes one-dark-pro","winget install Microsoft.PowerToys\n","cmd",[7728],{"type":34,"tag":58,"props":7729,"children":7730},{"__ignoreMap":8},[7731],{"type":34,"tag":253,"props":7732,"children":7733},{"class":255,"line":256},[7734],{"type":34,"tag":253,"props":7735,"children":7736},{},[7737],{"type":40,"value":7725},{"type":34,"tag":42,"props":7739,"children":7740},{},[7741,7743,7750,7752,7758],{"type":40,"value":7742},"如果你想手動下載安裝包，也可以直接到 ",{"type":34,"tag":72,"props":7744,"children":7747},{"href":7745,"rel":7746},"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fpowertoys\u002Freleases",[76],[7748],{"type":40,"value":7749},"PowerToys GitHub Releases",{"type":40,"value":7751}," 下載對應電腦架構的 ",{"type":34,"tag":58,"props":7753,"children":7755},{"className":7754},[],[7756],{"type":40,"value":7757},".exe",{"type":40,"value":7759}," 檔案進行安裝。",{"type":34,"tag":98,"props":7761,"children":7762},{},[],{"type":34,"tag":35,"props":7764,"children":7766},{"id":7765},"使用感受",[7767],{"type":40,"value":7765},{"type":34,"tag":42,"props":7769,"children":7770},{},[7771],{"type":40,"value":7772},"微軟官方推出的這套 PowerToys 裡面其實還有二、三十個其他工具，包括鍵盤映射、滑鼠輔助等等。不過對我而言，最核心、也最常開啟的就是這四個功能。它們填補了 Windows 系統預設操作體驗的一些缺漏 超讚！",{"type":34,"tag":1548,"props":7774,"children":7775},{},[7776],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":7778},[7779,7780,7781,7782,7783,7784,7788],{"id":37,"depth":708,"text":37},{"id":7537,"depth":708,"text":7540},{"id":7565,"depth":708,"text":7568},{"id":7601,"depth":708,"text":7604},{"id":7637,"depth":708,"text":7640},{"id":7680,"depth":708,"text":7680,"children":7785},[7786,7787],{"id":7690,"depth":733,"text":7693},{"id":7713,"depth":733,"text":7716},{"id":7765,"depth":708,"text":7765},"content:articles:powertoys.md","articles\u002Fpowertoys.md","articles\u002Fpowertoys",{"_path":7793,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":7794,"description":7795,"date":7505,"category":12,"image":7796,"tags":7797,"series":4859,"readingTime":7798,"difficulty":1587,"local":24,"platforms":7799,"gpu":29,"body":7800,"_type":1569,"_id":7975,"_source":1571,"_file":7976,"_stem":7977,"_extension":1574},"\u002Farticles\u002Frecord-replay","Codex Record & Replay 實測：演示一遍，教 AI 學會你的本地工作流","OpenAI Codex 最近新增了 Record & Replay 功能。我實測了在本地環境下，如何透過一次演示，讓 Codex 錄製並自動執行影片壓縮等腳本工作流。","\u002Fday_assets\u002FRR\u002Ftry.jpg",[20,4221,1584,15],"4 min read",[26,27],{"type":31,"children":7801,"toc":7968},[7802,7806,7811,7816,7821,7825,7828,7833,7838,7856,7861,7864,7869,7874,7879,7897,7902,7919,7922,7927,7932,7937,7942,7946,7951,7954,7958,7963],{"type":34,"tag":35,"props":7803,"children":7804},{"id":37},[7805],{"type":40,"value":37},{"type":34,"tag":42,"props":7807,"children":7808},{},[7809],{"type":40,"value":7810},"OpenAI 剛幫 Codex 加了一個很有意思的新功能，叫做 Record & Replay。",{"type":34,"tag":42,"props":7812,"children":7813},{},[7814],{"type":40,"value":7815},"這個功能的想法很直接：你只要對著它示範一次你的操作流程，Codex 就會把整個過程記錄下來，並轉成一個可以重複使用的 Skill。之後你只需要叫它執行，它就能自己重跑一次同樣的流程。這等於是直接把自己的工作流程教給 AI。",{"type":34,"tag":42,"props":7817,"children":7818},{},[7819],{"type":40,"value":7820},"官方展示的 Demo 包括了在 YouTube 影片放字幕、請假申請，或是整理資料等常見工作。下面是官方的操作展示：",{"type":34,"tag":112,"props":7822,"children":7824},{"src":7823},"\u002Fday_assets\u002FRR\u002FShow%20Codex%20a%20workflow.mp4",[],{"type":34,"tag":98,"props":7826,"children":7827},{},[],{"type":34,"tag":35,"props":7829,"children":7831},{"id":7830},"如何安裝與開啟功能",[7832],{"type":40,"value":7830},{"type":34,"tag":42,"props":7834,"children":7835},{},[7836],{"type":40,"value":7837},"我是在 Codex App 的外掛選單裡找到這個功能的。打開 Codex App 之後，在 Extensions（或是 Integrations）區塊中，搜尋 \"Record & Replay\" 就可以直接找到並安裝。",{"type":34,"tag":565,"props":7839,"children":7841},{"className":7840},[568,569,570,571,572,573,574],[7842,7843,7849,7850],{"type":40,"value":577},{"type":34,"tag":579,"props":7844,"children":7848},{"src":7845,"alt":7846,"className":7847},"\u002Fday_assets\u002FRR\u002Fdownload.jpg","在 Codex App 外掛區尋找 Record & Replay 安裝",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":7851,"children":7853},{"className":7852},[590,591,592,593,594,595],[7854],{"type":40,"value":7855},"在 Codex App 的外掛選單中搜尋 Record & Replay 即可進行安裝",{"type":34,"tag":42,"props":7857,"children":7858},{},[7859],{"type":40,"value":7860},"安裝完成後，在 Agent 的輸入框旁邊就會多出一個錄製的控制按鈕，可以直接調用這個功能。",{"type":34,"tag":98,"props":7862,"children":7863},{},[],{"type":34,"tag":35,"props":7865,"children":7867},{"id":7866},"實測本地影片壓縮工作流",[7868],{"type":40,"value":7866},{"type":34,"tag":42,"props":7870,"children":7871},{},[7872],{"type":40,"value":7873},"我自己偏好在本機處理影片素材，所以我這次實測的流程是：給它演示一次本地運用腳本壓縮影片的過程。",{"type":34,"tag":42,"props":7875,"children":7876},{},[7877],{"type":40,"value":7878},"我先開啟 Record，接著在畫面上操作：",{"type":34,"tag":177,"props":7880,"children":7881},{},[7882,7887,7892],{"type":34,"tag":126,"props":7883,"children":7884},{},[7885],{"type":40,"value":7886},"把一個影片檔案丟到輸入區（指定資料夾）",{"type":34,"tag":126,"props":7888,"children":7889},{},[7890],{"type":40,"value":7891},"調用我之前寫好的影片壓縮腳本來執行壓縮",{"type":34,"tag":126,"props":7893,"children":7894},{},[7895],{"type":40,"value":7896},"壓縮完成後，將影片輸出到指定的外層輸出資料夾",{"type":34,"tag":42,"props":7898,"children":7899},{},[7900],{"type":40,"value":7901},"這個控制介面讓我可以自己手動決定什麼時候開始錄製、什麼時候結束。",{"type":34,"tag":565,"props":7903,"children":7905},{"className":7904},[568,569,570,571,572,573,574],[7906,7907,7912,7913],{"type":40,"value":577},{"type":34,"tag":579,"props":7908,"children":7911},{"src":7796,"alt":7909,"className":7910},"Record & Replay 錄製影片壓縮流程",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":7914,"children":7916},{"className":7915},[590,591,592,593,594,595],[7917],{"type":40,"value":7918},"在 Agent 輸入框旁可以找到控制按鈕，手動控制錄影起訖時間",{"type":34,"tag":98,"props":7920,"children":7921},{},[],{"type":34,"tag":35,"props":7923,"children":7925},{"id":7924},"自動執行效果驗證",[7926],{"type":40,"value":7924},{"type":34,"tag":42,"props":7928,"children":7929},{},[7930],{"type":40,"value":7931},"錄製完這個 Skill 之後，我嘗試讓它自己跑一次。",{"type":34,"tag":42,"props":7933,"children":7934},{},[7935],{"type":40,"value":7936},"我發現它可以成功執行。我給他演示一次本地運用腳本壓縮影片，要把影片放哪、使用什麼腳本，它都可以複製並執行。",{"type":34,"tag":42,"props":7938,"children":7939},{},[7940],{"type":40,"value":7941},"我把實際自動跑一遍的過程錄了下來：",{"type":34,"tag":112,"props":7943,"children":7945},{"src":7944},"\u002Fday_assets\u002FRR\u002Fmy%20test.mp4",[],{"type":34,"tag":42,"props":7947,"children":7948},{},[7949],{"type":40,"value":7950},"整個自動執行的過程非常順暢，而且它的動作非常迅速，不需要我再手動搬移檔案或輸入終端機指令。",{"type":34,"tag":98,"props":7952,"children":7953},{},[],{"type":34,"tag":35,"props":7955,"children":7956},{"id":7765},[7957],{"type":40,"value":7765},{"type":34,"tag":42,"props":7959,"children":7960},{},[7961],{"type":40,"value":7962},"我自己用過不少工作流自動化工具，但很多都需要手動拉複雜的邏輯圖或寫一大堆設定檔。Record & Replay 的優勢在於，它把「示範」當成寫程式的輸入。",{"type":34,"tag":42,"props":7964,"children":7965},{},[7966],{"type":40,"value":7967},"我實測發現，這種「教一次就學會」的模式很適合用來處理日常的重複性瑣事。尤其是那些需要跨好幾個應用程式、或者需要呼叫本地特定腳本的任務，只要一開始的示範路徑很清晰，Codex 就能複製得很好。",{"title":8,"searchDepth":708,"depth":708,"links":7969},[7970,7971,7972,7973,7974],{"id":37,"depth":708,"text":37},{"id":7830,"depth":708,"text":7830},{"id":7866,"depth":708,"text":7866},{"id":7924,"depth":708,"text":7924},{"id":7765,"depth":708,"text":7765},"content:articles:record-replay.md","articles\u002Frecord-replay.md","articles\u002Frecord-replay",{"_path":7979,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":7980,"description":7981,"date":7982,"category":12,"image":6124,"tags":7983,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":7984,"gpu":29,"body":7985,"_type":1569,"_id":8479,"_source":1571,"_file":8480,"_stem":8481,"_extension":1574},"\u002Farticles\u002Frecordly","Recordly 實測：開源螢幕錄影與自動 Zoom-in 編輯器（macOS\u002FWindows\u002FLinux）","我最近實測了開源的 Recordly。這是一款結合錄影與後製的工具，能自動根據滑鼠活動生成變焦建議，並提供滑鼠平滑、陰影邊框等美化功能，讓製作軟體 Demo 影片變得很省時。","2026-06-18",[17,1584,2671],[26,27,28],{"type":31,"children":7986,"toc":8463},[7987,7991,7996,8001,8005,8028,8031,8035,8047,8053,8066,8084,8090,8095,8100,8125,8130,8197,8202,8225,8230,8258,8263,8293,8296,8301,8306,8324,8327,8332,8337,8343,8348,8353,8357,8363,8368,8373,8377,8383,8396,8414,8417,8422,8427,8432,8435,8439,8459],{"type":34,"tag":35,"props":7988,"children":7989},{"id":37},[7990],{"type":40,"value":37},{"type":34,"tag":42,"props":7992,"children":7993},{},[7994],{"type":40,"value":7995},"身為開發者，我常常需要幫自己做的小專案錄製 Demo 影片或 GIF 展示。以前我都是直接用系統內建的錄影功能，打出來的影片畫面很死板。如果滑鼠移動太快、或者點擊的地方不夠明顯，讀者就很難看清楚操作細節。如果要自己用視訊編輯軟體加上放大縮放 (Zoom-in)、滑鼠平滑路徑跟點擊水波紋，那個手動拉 keyframe 的過程非常繁瑣。",{"type":34,"tag":42,"props":7997,"children":7998},{},[7999],{"type":40,"value":8000},"事實上，我這部部落格裡累積的四十多篇工具實測文，裡面所有的 Demo 影片和操作展示，全部都是用 Recordly 這款開源桌面錄影與編輯工具錄製出來的。我已經用了它很長一段時間，算是重度使用者。它能自動記錄滑鼠的移動軌跡，並在編輯器內自動生成變焦建議，甚至還能幫滑鼠加上運動模糊、自訂外觀和視訊氣泡。我實際錄製了一段操作介面：",{"type":34,"tag":112,"props":8002,"children":8004},{"src":8003},"\u002Fday_assets\u002Frecordly\u002F0618.mp4",[],{"type":34,"tag":122,"props":8006,"children":8007},{},[8008,8018],{"type":34,"tag":126,"props":8009,"children":8010},{},[8011],{"type":34,"tag":72,"props":8012,"children":8015},{"href":8013,"rel":8014},"https:\u002F\u002Frecordly.dev\u002F",[76],[8016],{"type":40,"value":8017},"Recordly 官方網站（按這裡前往）",{"type":34,"tag":126,"props":8019,"children":8020},{},[8021],{"type":34,"tag":72,"props":8022,"children":8025},{"href":8023,"rel":8024},"https:\u002F\u002Fgithub.com\u002Fwebadderallorg\u002FRecordly",[76],[8026],{"type":40,"value":8027},"Recordly GitHub 倉庫（按這裡前往）",{"type":34,"tag":98,"props":8029,"children":8030},{},[],{"type":34,"tag":35,"props":8032,"children":8033},{"id":6653},[8034],{"type":40,"value":6653},{"type":34,"tag":42,"props":8036,"children":8037},{},[8038,8040,8045],{"type":40,"value":8039},"Recordly 支援 macOS、Windows 與 Linux 三大平台。在安裝上主要有兩種管道，",{"type":34,"tag":1008,"props":8041,"children":8042},{},[8043],{"type":40,"value":8044},"你只需要選擇其中一種方式進行安裝即可",{"type":40,"value":8046},"：",{"type":34,"tag":1854,"props":8048,"children":8050},{"id":8049},"方式一官網直接下載最推薦",[8051],{"type":40,"value":8052},"方式一：官網直接下載（最推薦）",{"type":34,"tag":42,"props":8054,"children":8055},{},[8056,8058,8064],{"type":40,"value":8057},"這是最簡單直接的安裝方式。建議直接前往 ",{"type":34,"tag":72,"props":8059,"children":8061},{"href":8013,"rel":8060},[76],[8062],{"type":40,"value":8063},"Recordly 官方網站",{"type":40,"value":8065}," 下載對應作業系統的預編譯安裝檔即可。",{"type":34,"tag":565,"props":8067,"children":8069},{"className":8068},[568,569,570,571,572,573,574],[8070,8071,8077,8078],{"type":40,"value":577},{"type":34,"tag":579,"props":8072,"children":8076},{"src":8073,"alt":8074,"className":8075},"\u002Fday_assets\u002Frecordly\u002Fdownload.jpg","Recordly 官方網站下載區塊",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":8079,"children":8081},{"className":8080},[590,591,592,593,594,595],[8082],{"type":40,"value":8083},"進入 Recordly 官網首頁點擊下載按鈕即可下載安裝檔",{"type":34,"tag":1854,"props":8085,"children":8087},{"id":8086},"方式二套件管理器或本機編譯",[8088],{"type":40,"value":8089},"方式二：套件管理器或本機編譯",{"type":34,"tag":42,"props":8091,"children":8092},{},[8093],{"type":40,"value":8094},"如果你是 Arch Linux 用戶，或者想自己從原始碼構建：",{"type":34,"tag":42,"props":8096,"children":8097},{},[8098],{"type":40,"value":8099},"Arch Linux 使用者可以透過 AUR 安裝：",{"type":34,"tag":243,"props":8101,"children":8103},{"className":245,"code":8102,"language":247,"meta":8,"style":8},"yay -S recordly-bin\n",[8104],{"type":34,"tag":58,"props":8105,"children":8106},{"__ignoreMap":8},[8107],{"type":34,"tag":253,"props":8108,"children":8109},{"class":255,"line":256},[8110,8115,8120],{"type":34,"tag":253,"props":8111,"children":8112},{"style":260},[8113],{"type":40,"value":8114},"yay",{"type":34,"tag":253,"props":8116,"children":8117},{"style":265},[8118],{"type":40,"value":8119}," -S",{"type":34,"tag":253,"props":8121,"children":8122},{"style":271},[8123],{"type":40,"value":8124}," recordly-bin\n",{"type":34,"tag":42,"props":8126,"children":8127},{},[8128],{"type":40,"value":8129},"想要手動編譯的話，可以直接 clone 倉庫並安裝依賴：",{"type":34,"tag":243,"props":8131,"children":8133},{"className":245,"code":8132,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002Fwebadderallorg\u002FRecordly.git recordly\ncd recordly\nnpm install\nnpm run dev\n",[8134],{"type":34,"tag":58,"props":8135,"children":8136},{"__ignoreMap":8},[8137,8158,8169,8182],{"type":34,"tag":253,"props":8138,"children":8139},{"class":255,"line":256},[8140,8144,8148,8153],{"type":34,"tag":253,"props":8141,"children":8142},{"style":260},[8143],{"type":40,"value":5021},{"type":34,"tag":253,"props":8145,"children":8146},{"style":271},[8147],{"type":40,"value":5026},{"type":34,"tag":253,"props":8149,"children":8150},{"style":271},[8151],{"type":40,"value":8152}," https:\u002F\u002Fgithub.com\u002Fwebadderallorg\u002FRecordly.git",{"type":34,"tag":253,"props":8154,"children":8155},{"style":271},[8156],{"type":40,"value":8157}," recordly\n",{"type":34,"tag":253,"props":8159,"children":8160},{"class":255,"line":708},[8161,8165],{"type":34,"tag":253,"props":8162,"children":8163},{"style":5037},[8164],{"type":40,"value":5040},{"type":34,"tag":253,"props":8166,"children":8167},{"style":271},[8168],{"type":40,"value":8157},{"type":34,"tag":253,"props":8170,"children":8171},{"class":255,"line":733},[8172,8177],{"type":34,"tag":253,"props":8173,"children":8174},{"style":260},[8175],{"type":40,"value":8176},"npm",{"type":34,"tag":253,"props":8178,"children":8179},{"style":271},[8180],{"type":40,"value":8181}," install\n",{"type":34,"tag":253,"props":8183,"children":8184},{"class":255,"line":755},[8185,8189,8193],{"type":34,"tag":253,"props":8186,"children":8187},{"style":260},[8188],{"type":40,"value":8176},{"type":34,"tag":253,"props":8190,"children":8191},{"style":271},[8192],{"type":40,"value":5258},{"type":34,"tag":253,"props":8194,"children":8195},{"style":271},[8196],{"type":40,"value":5114},{"type":34,"tag":42,"props":8198,"children":8199},{},[8200],{"type":40,"value":8201},"編譯打包命令：",{"type":34,"tag":243,"props":8203,"children":8205},{"className":245,"code":8204,"language":247,"meta":8,"style":8},"npm run build\n",[8206],{"type":34,"tag":58,"props":8207,"children":8208},{"__ignoreMap":8},[8209],{"type":34,"tag":253,"props":8210,"children":8211},{"class":255,"line":256},[8212,8216,8220],{"type":34,"tag":253,"props":8213,"children":8214},{"style":260},[8215],{"type":40,"value":8176},{"type":34,"tag":253,"props":8217,"children":8218},{"style":271},[8219],{"type":40,"value":5258},{"type":34,"tag":253,"props":8221,"children":8222},{"style":271},[8223],{"type":40,"value":8224}," build\n",{"type":34,"tag":42,"props":8226,"children":8227},{},[8228],{"type":40,"value":8229},"在 macOS 上如果是自己本機編譯打包的 App，可能會被系統隔離 (Quarantined) 而無法開啟，可以用以下命令清除隔離標記：",{"type":34,"tag":243,"props":8231,"children":8233},{"className":245,"code":8232,"language":247,"meta":8,"style":8},"xattr -rd com.apple.quarantine \u002FApplications\u002FRecordly.app\n",[8234],{"type":34,"tag":58,"props":8235,"children":8236},{"__ignoreMap":8},[8237],{"type":34,"tag":253,"props":8238,"children":8239},{"class":255,"line":256},[8240,8244,8249,8253],{"type":34,"tag":253,"props":8241,"children":8242},{"style":260},[8243],{"type":40,"value":1812},{"type":34,"tag":253,"props":8245,"children":8246},{"style":265},[8247],{"type":40,"value":8248}," -rd",{"type":34,"tag":253,"props":8250,"children":8251},{"style":271},[8252],{"type":40,"value":1822},{"type":34,"tag":253,"props":8254,"children":8255},{"style":271},[8256],{"type":40,"value":8257}," \u002FApplications\u002FRecordly.app\n",{"type":34,"tag":1854,"props":8259,"children":8261},{"id":8260},"跨平台相容性說明",[8262],{"type":40,"value":8260},{"type":34,"tag":122,"props":8264,"children":8265},{},[8266,8275,8284],{"type":34,"tag":126,"props":8267,"children":8268},{},[8269,8273],{"type":34,"tag":1008,"props":8270,"children":8271},{},[8272],{"type":40,"value":26},{"type":40,"value":8274},"：支援 macOS 14.0+，使用系統原生的 ScreenCaptureKit 來錄影，因此可以非常乾淨地隱藏實體滑鼠並錄製系統聲音。",{"type":34,"tag":126,"props":8276,"children":8277},{},[8278,8282],{"type":34,"tag":1008,"props":8279,"children":8280},{},[8281],{"type":40,"value":27},{"type":40,"value":8283},"：支援 Windows 10 Build 19041+，使用 Windows Graphics Capture (WGC) 與 WASAPI 錄製系統音訊。",{"type":34,"tag":126,"props":8285,"children":8286},{},[8287,8291],{"type":34,"tag":1008,"props":8288,"children":8289},{},[8290],{"type":40,"value":28},{"type":40,"value":8292},"：透過 Electron 擷取 API 錄影，系統音訊通常需要 PipeWire。目前在 Linux 下還不支援隱藏實體滑鼠，所以如果開啟了滑鼠美化，畫面上可能會同時出現兩個指針。",{"type":34,"tag":98,"props":8294,"children":8295},{},[],{"type":34,"tag":35,"props":8297,"children":8299},{"id":8298},"繁體中文介面設定",[8300],{"type":40,"value":8298},{"type":34,"tag":42,"props":8302,"children":8303},{},[8304],{"type":40,"value":8305},"我第一次打開這款工具時預設是英文。不過我點進右上角的設定 (Settings) 後，發現在上方的語系選單可以直接點選「繁體中文」。設定好後，整個介面的標籤、功能說明都會切換，對於習慣中文環境的開發者來說非常直覺。",{"type":34,"tag":565,"props":8307,"children":8309},{"className":8308},[568,569,570,571,572,573,574],[8310,8311,8317,8318],{"type":40,"value":577},{"type":34,"tag":579,"props":8312,"children":8316},{"src":8313,"alt":8314,"className":8315},"\u002Fday_assets\u002Frecordly\u002Fchinese.jpg","在 Recordly 設定選單中切換繁體中文語系",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":8319,"children":8321},{"className":8320},[590,591,592,593,594,595],[8322],{"type":40,"value":8323},"點擊設定後，在最上方的 Language 選項中切換為繁體中文",{"type":34,"tag":98,"props":8325,"children":8326},{},[],{"type":34,"tag":35,"props":8328,"children":8330},{"id":8329},"核心功能實測與體驗",[8331],{"type":40,"value":8329},{"type":34,"tag":42,"props":8333,"children":8334},{},[8335],{"type":40,"value":8336},"我這幾天用下來，最常使用的功能主要有三個：",{"type":34,"tag":1854,"props":8338,"children":8340},{"id":8339},"_1-自動變焦與鼠標軌跡平滑-auto-zoom-cursor-smoothing",[8341],{"type":40,"value":8342},"1. 自動變焦與鼠標軌跡平滑 (Auto-zoom & Cursor Smoothing)",{"type":34,"tag":42,"props":8344,"children":8345},{},[8346],{"type":40,"value":8347},"很多時候 Demo 影片需要聚焦在特定按鈕或輸入框。在 Recordly 中，編輯器會根據我錄影時的滑鼠點擊和停留位置，自動在時間軸上推薦變焦區域。我只要點選建議，畫面就會平滑地放大到滑鼠所在的位置。",{"type":34,"tag":42,"props":8349,"children":8350},{},[8351],{"type":40,"value":8352},"此外，它還能自訂滑鼠的外觀（例如切換成 macOS 風格指針）、調整大小、加入運動模糊 (Motion Blur)，以及點擊時的漣漪動畫，讓滑鼠的軌跡看起來像是由專業動效設計師調整過一樣。",{"type":34,"tag":112,"props":8354,"children":8356},{"src":8355},"\u002Fday_assets\u002Frecordly\u002Ffeature1.mp4",[],{"type":34,"tag":1854,"props":8358,"children":8360},{"id":8359},"_2-視訊氣泡疊加與自動避讓-webcam-bubble-overlay",[8361],{"type":40,"value":8362},"2. 視訊氣泡疊加與自動避讓 (Webcam Bubble Overlay)",{"type":34,"tag":42,"props":8364,"children":8365},{},[8366],{"type":40,"value":8367},"如果我想在 Demo 影片中加入本人的解說視訊，可以使用它的視訊鏡頭疊加功能。Recordly 會把視訊處理成一個圓形氣泡，我可以自由調整它的圓角大小、陰影、邊框和位置。",{"type":34,"tag":42,"props":8369,"children":8370},{},[8371],{"type":40,"value":8372},"我自己覺得很有感的是，當畫面觸發自動變焦時，這個視訊氣泡可以設定為「響應式變焦」。它會自動縮放或移動位置，避免擋住正在放大的操作畫面，這點設計得很貼心。",{"type":34,"tag":112,"props":8374,"children":8376},{"src":8375},"\u002Fday_assets\u002Frecordly\u002Ffeature2.mp4",[],{"type":34,"tag":1854,"props":8378,"children":8380},{"id":8379},"_3-拖拽式時間軸編輯器-timeline-editor",[8381],{"type":40,"value":8382},"3. 拖拽式時間軸編輯器 (Timeline Editor)",{"type":34,"tag":42,"props":8384,"children":8385},{},[8386,8388,8394],{"type":40,"value":8387},"一般的影片剪輯軟體有太多與軟體 Demo 無關的功能。Recordly 的編輯器是圍繞著 Demo 需求設計的。我可以直接在時間軸上拖拽調整縮放區域、裁剪不需要的片段、加速或慢速播放（例如遇到需要等待的打包或下載進度）、以及添加文字或圖片標註。編輯完後，還能把狀態存檔成 ",{"type":34,"tag":58,"props":8389,"children":8391},{"className":8390},[],[8392],{"type":40,"value":8393},".recordly",{"type":40,"value":8395}," 專案檔，下次打開能繼續修改。",{"type":34,"tag":565,"props":8397,"children":8399},{"className":8398},[568,569,570,571,572,573,574],[8400,8401,8407,8408],{"type":40,"value":577},{"type":34,"tag":579,"props":8402,"children":8406},{"src":8403,"alt":8404,"className":8405},"\u002Fday_assets\u002Frecordly\u002FTimelineediting.jpg","Recordly 的拖拽式時間軸編輯介面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":8409,"children":8411},{"className":8410},[590,591,592,593,594,595],[8412],{"type":40,"value":8413},"在編輯介面中，可以用拖拽方式編輯縮放時間點、添加背景與文字標註",{"type":34,"tag":98,"props":8415,"children":8416},{},[],{"type":34,"tag":35,"props":8418,"children":8420},{"id":8419},"我的使用感受",[8421],{"type":40,"value":8419},{"type":34,"tag":42,"props":8423,"children":8424},{},[8425],{"type":40,"value":8426},"我這部部落格累積了四十多個工具實測，裡面的操作 Demo 全部都是用 Recordly 完成的。我以前為了做出這種質感的展示影片，要在錄製後把檔案丟進 Premiere，花很多時間畫滑鼠軌跡和做 Zoom-in 動效。現在用 Recordly，基本上一錄完，在編輯器點幾下推薦的變焦，套用內建的漸層背景與圓角陰影邊框，就能直接導出成 MP4 或高品質的 GIF。",{"type":34,"tag":42,"props":8428,"children":8429},{},[8430],{"type":40,"value":8431},"雖然在剪輯性能上因為是 Web 技術渲染，在預覽時偶爾會有輕微的卡頓，但最後導出的成果品質非常高，用來放在 GitHub 的 README 或是 Twitter 展示都很方便。它是完全免費且開源的，如果你也是常需要展示作品的開發者，我非常推薦下載來用用看。",{"type":34,"tag":98,"props":8433,"children":8434},{},[],{"type":34,"tag":35,"props":8436,"children":8437},{"id":4779},[8438],{"type":40,"value":4779},{"type":34,"tag":122,"props":8440,"children":8441},{},[8442,8450],{"type":34,"tag":126,"props":8443,"children":8444},{},[8445],{"type":34,"tag":72,"props":8446,"children":8448},{"href":8013,"rel":8447},[76],[8449],{"type":40,"value":8063},{"type":34,"tag":126,"props":8451,"children":8452},{},[8453],{"type":34,"tag":72,"props":8454,"children":8456},{"href":8023,"rel":8455},[76],[8457],{"type":40,"value":8458},"Recordly GitHub 倉庫",{"type":34,"tag":1548,"props":8460,"children":8461},{},[8462],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":8464},[8465,8466,8471,8472,8477,8478],{"id":37,"depth":708,"text":37},{"id":6653,"depth":708,"text":6653,"children":8467},[8468,8469,8470],{"id":8049,"depth":733,"text":8052},{"id":8086,"depth":733,"text":8089},{"id":8260,"depth":733,"text":8260},{"id":8298,"depth":708,"text":8298},{"id":8329,"depth":708,"text":8329,"children":8473},[8474,8475,8476],{"id":8339,"depth":733,"text":8342},{"id":8359,"depth":733,"text":8362},{"id":8379,"depth":733,"text":8382},{"id":8419,"depth":708,"text":8419},{"id":4779,"depth":708,"text":4779},"content:articles:recordly.md","articles\u002Frecordly.md","articles\u002Frecordly",{"_path":8483,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":8484,"description":8485,"date":8486,"category":12,"image":8487,"tags":8488,"series":1585,"readingTime":2145,"difficulty":1587,"local":24,"platforms":8489,"gpu":29,"body":8490,"_type":1569,"_id":9957,"_source":1571,"_file":9958,"_stem":9959,"_extension":1574},"\u002Farticles\u002Fcodexbar","CodexBar 實測：macOS 選單列一次監控 53 個 AI 編碼服務額度","CodexBar 是一款開源的 macOS 選單列工具，可即時追蹤 Codex、Claude、Cursor、Copilot 等 AI 編碼服務的使用視窗、信用餘額與重設倒數。本文實測安裝流程、權限授權與提供者設定教學。","2026-06-17","\u002Fimages\u002FCodexBar\u002F1.jpg",[15,20,446,18,17,1584],[26,28],{"type":31,"children":8491,"toc":9928},[8492,8496,8507,8512,8522,8527,8531,8564,8567,8573,8578,8583,8673,8692,8695,8701,8706,8711,8754,8766,8771,8776,8794,8799,8804,8864,8867,8871,8876,8899,8905,8932,8937,8964,8970,8983,9016,9033,9046,9052,9075,9080,9103,9106,9111,9116,9122,9127,9145,9163,9175,9181,9201,9219,9225,9237,9242,9260,9265,9337,9342,9345,9351,9363,9377,9382,9609,9630,9633,9639,9651,9681,9686,9776,9789,9792,9797,9803,9817,9823,9828,9846,9852,9857,9863,9883,9886,9891,9902,9907,9912,9915,9924],{"type":34,"tag":35,"props":8493,"children":8494},{"id":37},[8495],{"type":40,"value":37},{"type":34,"tag":42,"props":8497,"children":8498},{},[8499,8501,8506],{"type":40,"value":8500},"如果你同時使用 Codex、Claude Code、Cursor、Copilot 等多個 AI 編碼工具，最頭痛的事往往不是「哪個模型比較強」，而是",{"type":34,"tag":1008,"props":8502,"children":8503},{},[8504],{"type":40,"value":8505},"額度到底還剩多少、什麼時候重設",{"type":40,"value":222},{"type":34,"tag":42,"props":8508,"children":8509},{},[8510],{"type":40,"value":8511},"官方後台分散在各個平台，有的看 session 視窗，有的看 weekly quota，有的還要另外登入 billing 頁面。開一個長任務之前，你常常只能猜。",{"type":34,"tag":42,"props":8513,"children":8514},{},[8515,8520],{"type":34,"tag":1008,"props":8516,"children":8517},{},[8518],{"type":40,"value":8519},"CodexBar",{"type":40,"value":8521}," 就是為此而生的開源 macOS 選單列工具。它把 53 個 AI 編碼提供者的使用視窗、信用餘額與重設倒數，集中顯示在選單列上。不需要 Dock 圖示，也不另開分頁查帳，一眼就能判斷現在適不適合開大任務。",{"type":34,"tag":42,"props":8523,"children":8524},{},[8525],{"type":40,"value":8526},"以下為 CodexBar 實際操作的演示影片：",{"type":34,"tag":112,"props":8528,"children":8530},{"src":8529},"\u002Fvideos\u002FCodexBar\u002F0617.mp4",[],{"type":34,"tag":122,"props":8532,"children":8533},{},[8534,8544,8554],{"type":34,"tag":126,"props":8535,"children":8536},{},[8537],{"type":34,"tag":72,"props":8538,"children":8541},{"href":8539,"rel":8540},"https:\u002F\u002Fcodexbar.app\u002F",[76],[8542],{"type":40,"value":8543},"CodexBar 官方網站（按這裡前往）",{"type":34,"tag":126,"props":8545,"children":8546},{},[8547],{"type":34,"tag":72,"props":8548,"children":8551},{"href":8549,"rel":8550},"https:\u002F\u002Fgithub.com\u002Fsteipete\u002FCodexBar",[76],[8552],{"type":40,"value":8553},"CodexBar GitHub 倉庫（按這裡前往）",{"type":34,"tag":126,"props":8555,"children":8556},{},[8557],{"type":34,"tag":72,"props":8558,"children":8561},{"href":8559,"rel":8560},"https:\u002F\u002Fgithub.com\u002Fsteipete\u002FCodexBar\u002Freleases",[76],[8562],{"type":40,"value":8563},"CodexBar 下載頁面（按這裡前往）",{"type":34,"tag":98,"props":8565,"children":8566},{},[],{"type":34,"tag":35,"props":8568,"children":8570},{"id":8569},"為什麼需要-codexbar",[8571],{"type":40,"value":8572},"為什麼需要 CodexBar？",{"type":34,"tag":42,"props":8574,"children":8575},{},[8576],{"type":40,"value":8577},"AI 編碼工具的計費與限額設計各不相同。Codex 有 5 小時 session 視窗，Claude 有 weekly 上限，Cursor 則綁定訂閱週期。若沒有集中監控，開發者很容易在任務中途才發現額度用盡。",{"type":34,"tag":42,"props":8579,"children":8580},{},[8581],{"type":40,"value":8582},"CodexBar 解決的核心問題可以整理成三點：",{"type":34,"tag":6866,"props":8584,"children":8585},{},[8586,8607],{"type":34,"tag":6870,"props":8587,"children":8588},{},[8589],{"type":34,"tag":6874,"props":8590,"children":8591},{},[8592,8597,8602],{"type":34,"tag":6878,"props":8593,"children":8594},{"align":6880},[8595],{"type":40,"value":8596},"痛點",{"type":34,"tag":6878,"props":8598,"children":8599},{"align":6880},[8600],{"type":40,"value":8601},"沒有 CodexBar",{"type":34,"tag":6878,"props":8603,"children":8604},{"align":6880},[8605],{"type":40,"value":8606},"有 CodexBar",{"type":34,"tag":6890,"props":8608,"children":8609},{},[8610,8631,8652],{"type":34,"tag":6874,"props":8611,"children":8612},{},[8613,8621,8626],{"type":34,"tag":6897,"props":8614,"children":8615},{"align":6880},[8616],{"type":34,"tag":1008,"props":8617,"children":8618},{},[8619],{"type":40,"value":8620},"額度可見性",{"type":34,"tag":6897,"props":8622,"children":8623},{"align":6880},[8624],{"type":40,"value":8625},"需分別登入各平台後台查詢",{"type":34,"tag":6897,"props":8627,"children":8628},{"align":6880},[8629],{"type":40,"value":8630},"選單列一鍵展開，所有提供者並排顯示",{"type":34,"tag":6874,"props":8632,"children":8633},{},[8634,8642,8647],{"type":34,"tag":6897,"props":8635,"children":8636},{"align":6880},[8637],{"type":34,"tag":1008,"props":8638,"children":8639},{},[8640],{"type":40,"value":8641},"重設時間",{"type":34,"tag":6897,"props":8643,"children":8644},{"align":6880},[8645],{"type":40,"value":8646},"各平台週期不同，難以記憶",{"type":34,"tag":6897,"props":8648,"children":8649},{"align":6880},[8650],{"type":40,"value":8651},"每個提供者顯示倒數計時（如「13d 21h 後重設」）",{"type":34,"tag":6874,"props":8653,"children":8654},{},[8655,8663,8668],{"type":34,"tag":6897,"props":8656,"children":8657},{"align":6880},[8658],{"type":34,"tag":1008,"props":8659,"children":8660},{},[8661],{"type":40,"value":8662},"多工具並行",{"type":34,"tag":6897,"props":8664,"children":8665},{"align":6880},[8666],{"type":40,"value":8667},"切換分頁、切換帳號，流程破碎",{"type":34,"tag":6897,"props":8669,"children":8670},{"align":6880},[8671],{"type":40,"value":8672},"支援 Merge Icons 模式，一個選單列圖示切換全部",{"type":34,"tag":42,"props":8674,"children":8675},{},[8676,8678,8683,8685,8690],{"type":40,"value":8677},"此外，CodexBar 採",{"type":34,"tag":1008,"props":8679,"children":8680},{},[8681],{"type":40,"value":8682},"隱私優先",{"type":40,"value":8684},"設計：它重用你現有的登入狀態（OAuth、CLI 憑證、瀏覽器 Cookie、API Key），",{"type":34,"tag":1008,"props":8686,"children":8687},{},[8688],{"type":40,"value":8689},"不儲存密碼",{"type":40,"value":8691},"，也不會在背景掃描整個硬碟。",{"type":34,"tag":98,"props":8693,"children":8694},{},[],{"type":34,"tag":35,"props":8696,"children":8698},{"id":8697},"codexbar-核心功能",[8699],{"type":40,"value":8700},"CodexBar 核心功能",{"type":34,"tag":1854,"props":8702,"children":8704},{"id":8703},"多提供者即時監控",[8705],{"type":40,"value":8703},{"type":34,"tag":42,"props":8707,"children":8708},{},[8709],{"type":40,"value":8710},"CodexBar 目前支援 53 個 AI 編碼相關提供者，涵蓋：",{"type":34,"tag":122,"props":8712,"children":8713},{},[8714,8724,8734,8744],{"type":34,"tag":126,"props":8715,"children":8716},{},[8717,8722],{"type":34,"tag":1008,"props":8718,"children":8719},{},[8720],{"type":40,"value":8721},"CLI 工具",{"type":40,"value":8723},"：Codex、Claude Code、Gemini CLI、Kiro、Augment 等",{"type":34,"tag":126,"props":8725,"children":8726},{},[8727,8732],{"type":34,"tag":1008,"props":8728,"children":8729},{},[8730],{"type":40,"value":8731},"IDE \u002F 編輯器",{"type":40,"value":8733},"：Cursor、Zed、JetBrains AI、Windsurf",{"type":34,"tag":126,"props":8735,"children":8736},{},[8737,8742],{"type":34,"tag":1008,"props":8738,"children":8739},{},[8740],{"type":40,"value":8741},"訂閱服務",{"type":40,"value":8743},"：Copilot、OpenCode、MiniMax、z.ai、Kimi 等",{"type":34,"tag":126,"props":8745,"children":8746},{},[8747,8752],{"type":34,"tag":1008,"props":8748,"children":8749},{},[8750],{"type":40,"value":8751},"API 平台",{"type":40,"value":8753},"：OpenAI、OpenRouter、LiteLLM、DeepSeek、ElevenLabs 等",{"type":34,"tag":42,"props":8755,"children":8756},{},[8757,8759,8764],{"type":40,"value":8758},"每個提供者可以獨立顯示為一個選單列狀態項，也可以開啟 ",{"type":34,"tag":1008,"props":8760,"children":8761},{},[8762],{"type":40,"value":8763},"Merge Icons 模式",{"type":40,"value":8765},"，把所有提供者合併成一個圖示，再用切換器快速瀏覽。",{"type":34,"tag":1854,"props":8767,"children":8769},{"id":8768},"使用視窗與重設倒數",[8770],{"type":40,"value":8768},{"type":34,"tag":42,"props":8772,"children":8773},{},[8774],{"type":40,"value":8775},"對每個已啟用的提供者，CodexBar 會顯示：",{"type":34,"tag":122,"props":8777,"children":8778},{},[8779,8784,8789],{"type":34,"tag":126,"props":8780,"children":8781},{},[8782],{"type":40,"value":8783},"Session、Weekly、Monthly 等各層級的使用進度條",{"type":34,"tag":126,"props":8785,"children":8786},{},[8787],{"type":40,"value":8788},"剩餘百分比（如 Premium Usage 74% left）",{"type":34,"tag":126,"props":8790,"children":8791},{},[8792],{"type":40,"value":8793},"距離下次重設的倒數（如 Resets in 13d 21h）",{"type":34,"tag":42,"props":8795,"children":8796},{},[8797],{"type":40,"value":8798},"這讓你在開長任務前，能直接判斷「現在開還是等重設後再開」。",{"type":34,"tag":1854,"props":8800,"children":8802},{"id":8801},"額外進階功能",[8803],{"type":40,"value":8801},{"type":34,"tag":122,"props":8805,"children":8806},{},[8807,8817,8827,8844,8854],{"type":34,"tag":126,"props":8808,"children":8809},{},[8810,8815],{"type":34,"tag":1008,"props":8811,"children":8812},{},[8813],{"type":40,"value":8814},"Spend 與 Cost 圖表",{"type":40,"value":8816},"：OpenAI Admin API、Claude Admin API、OpenRouter 等支援 API 的提供者，可顯示 inline 支出圖表",{"type":34,"tag":126,"props":8818,"children":8819},{},[8820,8825],{"type":34,"tag":1008,"props":8821,"children":8822},{},[8823],{"type":40,"value":8824},"Provider Status 輪詢",{"type":40,"value":8826},"：服務異常時，選單列圖示會顯示 incident 徽章",{"type":34,"tag":126,"props":8828,"children":8829},{},[8830,8834,8836,8842],{"type":34,"tag":1008,"props":8831,"children":8832},{},[8833],{"type":40,"value":8721},{"type":40,"value":8835},"：附帶 ",{"type":34,"tag":58,"props":8837,"children":8839},{"className":8838},[],[8840],{"type":40,"value":8841},"codexbar",{"type":40,"value":8843}," 命令列，可在腳本或 CI 中查詢額度（macOS 與 Linux 皆有獨立 tarball）",{"type":34,"tag":126,"props":8845,"children":8846},{},[8847,8852],{"type":34,"tag":1008,"props":8848,"children":8849},{},[8850],{"type":40,"value":8851},"WidgetKit 小工具",{"type":40,"value":8853},"：macOS 桌面小工具支援",{"type":34,"tag":126,"props":8855,"children":8856},{},[8857,8862],{"type":34,"tag":1008,"props":8858,"children":8859},{},[8860],{"type":40,"value":8861},"21 語系",{"type":40,"value":8863},"：含繁體中文，網站與 App 共用語系目錄",{"type":34,"tag":98,"props":8865,"children":8866},{},[],{"type":34,"tag":35,"props":8868,"children":8869},{"id":1739},[8870],{"type":40,"value":1739},{"type":34,"tag":1854,"props":8872,"children":8874},{"id":8873},"系統需求",[8875],{"type":40,"value":8873},{"type":34,"tag":122,"props":8877,"children":8878},{},[8879,8889],{"type":34,"tag":126,"props":8880,"children":8881},{},[8882,8887],{"type":34,"tag":1008,"props":8883,"children":8884},{},[8885],{"type":40,"value":8886},"GUI 版",{"type":40,"value":8888},"：macOS 14+（Sonoma 以上）",{"type":34,"tag":126,"props":8890,"children":8891},{},[8892,8897],{"type":34,"tag":1008,"props":8893,"children":8894},{},[8895],{"type":40,"value":8896},"CLI 版",{"type":40,"value":8898},"：macOS 或 Linux（aarch64 \u002F x86_64）",{"type":34,"tag":1854,"props":8900,"children":8902},{"id":8901},"方式一homebrew推薦",[8903],{"type":40,"value":8904},"方式一：Homebrew（推薦）",{"type":34,"tag":243,"props":8906,"children":8908},{"className":245,"code":8907,"language":247,"meta":8,"style":8},"brew install --cask codexbar\n",[8909],{"type":34,"tag":58,"props":8910,"children":8911},{"__ignoreMap":8},[8912],{"type":34,"tag":253,"props":8913,"children":8914},{"class":255,"line":256},[8915,8919,8923,8927],{"type":34,"tag":253,"props":8916,"children":8917},{"style":260},[8918],{"type":40,"value":3676},{"type":34,"tag":253,"props":8920,"children":8921},{"style":271},[8922],{"type":40,"value":3698},{"type":34,"tag":253,"props":8924,"children":8925},{"style":265},[8926],{"type":40,"value":3703},{"type":34,"tag":253,"props":8928,"children":8929},{"style":271},[8930],{"type":40,"value":8931}," codexbar\n",{"type":34,"tag":42,"props":8933,"children":8934},{},[8935],{"type":40,"value":8936},"後續更新：",{"type":34,"tag":243,"props":8938,"children":8940},{"className":245,"code":8939,"language":247,"meta":8,"style":8},"brew upgrade --cask codexbar\n",[8941],{"type":34,"tag":58,"props":8942,"children":8943},{"__ignoreMap":8},[8944],{"type":34,"tag":253,"props":8945,"children":8946},{"class":255,"line":256},[8947,8951,8956,8960],{"type":34,"tag":253,"props":8948,"children":8949},{"style":260},[8950],{"type":40,"value":3676},{"type":34,"tag":253,"props":8952,"children":8953},{"style":271},[8954],{"type":40,"value":8955}," upgrade",{"type":34,"tag":253,"props":8957,"children":8958},{"style":265},[8959],{"type":40,"value":3703},{"type":34,"tag":253,"props":8961,"children":8962},{"style":271},[8963],{"type":40,"value":8931},{"type":34,"tag":1854,"props":8965,"children":8967},{"id":8966},"方式二github-releases-手動下載",[8968],{"type":40,"value":8969},"方式二：GitHub Releases 手動下載",{"type":34,"tag":42,"props":8971,"children":8972},{},[8973,8975,8981],{"type":40,"value":8974},"前往 ",{"type":34,"tag":72,"props":8976,"children":8978},{"href":8559,"rel":8977},[76],[8979],{"type":40,"value":8980},"GitHub Releases",{"type":40,"value":8982}," 頁面，在 Assets 區塊選擇對應版本：",{"type":34,"tag":122,"props":8984,"children":8985},{},[8986,8996,9006],{"type":34,"tag":126,"props":8987,"children":8988},{},[8989,8994],{"type":34,"tag":1008,"props":8990,"children":8991},{},[8992],{"type":40,"value":8993},"CodexBar-macos-universal-x.x.x.zip",{"type":40,"value":8995},"：有 GUI 介面的通用版（Apple Silicon + Intel 皆可）",{"type":34,"tag":126,"props":8997,"children":8998},{},[8999,9004],{"type":34,"tag":1008,"props":9000,"children":9001},{},[9002],{"type":40,"value":9003},"CodexBarCLI-v{版本}-macos-arm64.tar.gz",{"type":40,"value":9005},"：僅 CLI，適合腳本或終端機使用",{"type":34,"tag":126,"props":9007,"children":9008},{},[9009,9014],{"type":34,"tag":1008,"props":9010,"children":9011},{},[9012],{"type":40,"value":9013},"CodexBarCLI-v{版本}-linux-x86_64.tar.gz",{"type":40,"value":9015},"：Linux CLI 版",{"type":34,"tag":565,"props":9017,"children":9019},{"className":9018},[568,569,570,571,572,573,574],[9020,9021,9026,9027],{"type":40,"value":577},{"type":34,"tag":579,"props":9022,"children":9025},{"src":8487,"alt":9023,"className":9024},"CodexBar GitHub Releases 下載頁面，可選 Universal GUI 版或 CLI Tarball",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":9028,"children":9030},{"className":9029},[590,591,592,593,594,595],[9031],{"type":40,"value":9032},"在 Releases 的 Assets 區塊選擇 Universal 版（有 GUI）或 CLI Tarball",{"type":34,"tag":42,"props":9034,"children":9035},{},[9036,9038,9044],{"type":40,"value":9037},"下載 Universal 版後，解壓縮並將 ",{"type":34,"tag":58,"props":9039,"children":9041},{"className":9040},[],[9042],{"type":40,"value":9043},"CodexBar.app",{"type":40,"value":9045}," 拖入「應用程式」資料夾即可。",{"type":34,"tag":1854,"props":9047,"children":9049},{"id":9048},"linux-cli-安裝",[9050],{"type":40,"value":9051},"Linux CLI 安裝",{"type":34,"tag":243,"props":9053,"children":9055},{"className":245,"code":9054,"language":247,"meta":8,"style":8},"brew install steipete\u002Ftap\u002Fcodexbar\n",[9056],{"type":34,"tag":58,"props":9057,"children":9058},{"__ignoreMap":8},[9059],{"type":34,"tag":253,"props":9060,"children":9061},{"class":255,"line":256},[9062,9066,9070],{"type":34,"tag":253,"props":9063,"children":9064},{"style":260},[9065],{"type":40,"value":3676},{"type":34,"tag":253,"props":9067,"children":9068},{"style":271},[9069],{"type":40,"value":3698},{"type":34,"tag":253,"props":9071,"children":9072},{"style":271},[9073],{"type":40,"value":9074}," steipete\u002Ftap\u002Fcodexbar\n",{"type":34,"tag":42,"props":9076,"children":9077},{},[9078],{"type":40,"value":9079},"Arch Linux 用戶也可透過 AUR：",{"type":34,"tag":243,"props":9081,"children":9083},{"className":245,"code":9082,"language":247,"meta":8,"style":8},"yay -S codexbar-cli\n",[9084],{"type":34,"tag":58,"props":9085,"children":9086},{"__ignoreMap":8},[9087],{"type":34,"tag":253,"props":9088,"children":9089},{"class":255,"line":256},[9090,9094,9098],{"type":34,"tag":253,"props":9091,"children":9092},{"style":260},[9093],{"type":40,"value":8114},{"type":34,"tag":253,"props":9095,"children":9096},{"style":265},[9097],{"type":40,"value":8119},{"type":34,"tag":253,"props":9099,"children":9100},{"style":271},[9101],{"type":40,"value":9102}," codexbar-cli\n",{"type":34,"tag":98,"props":9104,"children":9105},{},[],{"type":34,"tag":35,"props":9107,"children":9109},{"id":9108},"手把手設定教學",[9110],{"type":40,"value":9108},{"type":34,"tag":42,"props":9112,"children":9113},{},[9114],{"type":40,"value":9115},"以下以 macOS GUI 版為例，示範從首次啟動到成功監控提供者的完整流程。",{"type":34,"tag":1854,"props":9117,"children":9119},{"id":9118},"步驟一授權-keychain-存取",[9120],{"type":40,"value":9121},"步驟一：授權 Keychain 存取",{"type":34,"tag":42,"props":9123,"children":9124},{},[9125],{"type":40,"value":9126},"首次啟動時，macOS 可能會跳出 Keychain 提示，要求 CodexBar 讀取瀏覽器的「Safe Storage」金鑰（例如 Chrome Safe Storage）。這是為了解析瀏覽器 Cookie，以取得 Cursor、Copilot 等 web-based 提供者的登入狀態。",{"type":34,"tag":42,"props":9128,"children":9129},{},[9130,9132,9137,9139,9144],{"type":40,"value":9131},"輸入你的 macOS 登入密碼，點擊",{"type":34,"tag":1008,"props":9133,"children":9134},{},[9135],{"type":40,"value":9136},"允許",{"type":40,"value":9138},"即可。若希望之後不再反覆詢問，可改點",{"type":34,"tag":1008,"props":9140,"children":9141},{},[9142],{"type":40,"value":9143},"永遠允許",{"type":40,"value":222},{"type":34,"tag":565,"props":9146,"children":9148},{"className":9147},[568,569,570,571,572,573,574],[9149,9150,9156,9157],{"type":40,"value":577},{"type":34,"tag":579,"props":9151,"children":9155},{"src":9152,"alt":9153,"className":9154},"\u002Fimages\u002FCodexBar\u002F2.jpg","macOS Keychain 提示 CodexBar 存取 Chrome Safe Storage",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":9158,"children":9160},{"className":9159},[590,591,592,593,594,595],[9161],{"type":40,"value":9162},"首次啟動時授權 Keychain，讓 CodexBar 能讀取瀏覽器 Cookie 以偵測 web-based 提供者",{"type":34,"tag":42,"props":9164,"children":9165},{},[9166,9168,9173],{"type":40,"value":9167},"若 Keychain 提示反覆出現且「永遠允許」無法生效，可在 CodexBar → 設定 → 進階 → Keychain access 中啟用 ",{"type":34,"tag":1008,"props":9169,"children":9170},{},[9171],{"type":40,"value":9172},"Disable Keychain access",{"type":40,"value":9174},"。此模式下瀏覽器 Cookie 型提供者會被跳過，但 Claude\u002FCodex 的 CLI OAuth 仍可正常運作。",{"type":34,"tag":1854,"props":9176,"children":9178},{"id":9177},"步驟二進入設定",[9179],{"type":40,"value":9180},"步驟二：進入設定",{"type":34,"tag":42,"props":9182,"children":9183},{},[9184,9186,9191,9193,9199],{"type":40,"value":9185},"點擊選單列上的 CodexBar 圖示，在彈出選單底部選擇",{"type":34,"tag":1008,"props":9187,"children":9188},{},[9189],{"type":40,"value":9190},"設定...",{"type":40,"value":9192},"（快捷鍵 ",{"type":34,"tag":58,"props":9194,"children":9196},{"className":9195},[],[9197],{"type":40,"value":9198},"⌘,",{"type":40,"value":9200},"）。",{"type":34,"tag":565,"props":9202,"children":9204},{"className":9203},[568,569,570,571,572,573,574],[9205,9206,9212,9213],{"type":40,"value":577},{"type":34,"tag":579,"props":9207,"children":9211},{"src":9208,"alt":9209,"className":9210},"\u002Fimages\u002FCodexBar\u002F3.jpg","CodexBar 選單列彈出視窗，底部可進入設定",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":9214,"children":9216},{"className":9215},[590,591,592,593,594,595],[9217],{"type":40,"value":9218},"點擊選單列圖示，在底部選單選擇「設定...」進入偏好設定",{"type":34,"tag":1854,"props":9220,"children":9222},{"id":9221},"步驟三啟用需要的提供者",[9223],{"type":40,"value":9224},"步驟三：啟用需要的提供者",{"type":34,"tag":42,"props":9226,"children":9227},{},[9228,9230,9235],{"type":40,"value":9229},"在設定視窗中，切換到",{"type":34,"tag":1008,"props":9231,"children":9232},{},[9233],{"type":40,"value":9234},"提供者",{"type":40,"value":9236},"分頁。左側列出所有支援的 AI 服務，右側顯示該提供者的詳細設定。",{"type":34,"tag":42,"props":9238,"children":9239},{},[9240],{"type":40,"value":9241},"勾選你實際有在使用、且希望監控的提供者。CodexBar 會依各提供者的認證方式，自動從 CLI 憑證、OAuth、瀏覽器 Cookie 或 API Key 讀取用量。",{"type":34,"tag":565,"props":9243,"children":9245},{"className":9244},[568,569,570,571,572,573,574],[9246,9247,9253,9254],{"type":40,"value":577},{"type":34,"tag":579,"props":9248,"children":9252},{"src":9249,"alt":9250,"className":9251},"\u002Fimages\u002FCodexBar\u002F4.jpg","CodexBar 設定視窗的提供者分頁，可勾選並設定各 AI 服務",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":9255,"children":9257},{"className":9256},[590,591,592,593,594,595],[9258],{"type":40,"value":9259},"在「提供者」分頁勾選要監控的服務，右側可設定 API Key 與選單列指標",{"type":34,"tag":42,"props":9261,"children":9262},{},[9263],{"type":40,"value":9264},"部分提供者需要額外準備：",{"type":34,"tag":122,"props":9266,"children":9267},{},[9268,9293,9303,9327],{"type":34,"tag":126,"props":9269,"children":9270},{},[9271,9276,9278,9284,9285,9291],{"type":34,"tag":1008,"props":9272,"children":9273},{},[9274],{"type":40,"value":9275},"Codex \u002F Claude",{"type":40,"value":9277},"：需先在本機安裝並登入對應 CLI（",{"type":34,"tag":58,"props":9279,"children":9281},{"className":9280},[],[9282],{"type":40,"value":9283},"~\u002F.codex",{"type":40,"value":2000},{"type":34,"tag":58,"props":9286,"children":9288},{"className":9287},[],[9289],{"type":40,"value":9290},"~\u002F.claude",{"type":40,"value":9292},"）",{"type":34,"tag":126,"props":9294,"children":9295},{},[9296,9301],{"type":34,"tag":1008,"props":9297,"children":9298},{},[9299],{"type":40,"value":9300},"Cursor \u002F Copilot",{"type":40,"value":9302},"：需有有效的瀏覽器登入 session",{"type":34,"tag":126,"props":9304,"children":9305},{},[9306,9311,9313,9319,9321],{"type":34,"tag":1008,"props":9307,"children":9308},{},[9309],{"type":40,"value":9310},"OpenAI Admin API",{"type":40,"value":9312},"：可在設定中填入 ",{"type":34,"tag":58,"props":9314,"children":9316},{"className":9315},[],[9317],{"type":40,"value":9318},"sk-admin-...",{"type":40,"value":9320}," 金鑰，或設定環境變數 ",{"type":34,"tag":58,"props":9322,"children":9324},{"className":9323},[],[9325],{"type":40,"value":9326},"OPENAI_ADMIN_KEY",{"type":34,"tag":126,"props":9328,"children":9329},{},[9330,9335],{"type":34,"tag":1008,"props":9331,"children":9332},{},[9333],{"type":40,"value":9334},"API Key 型提供者",{"type":40,"value":9336},"（如 DeepSeek、OpenRouter）：在右側 Settings 區塊填入金鑰",{"type":34,"tag":42,"props":9338,"children":9339},{},[9340],{"type":40,"value":9341},"設定完成後，回到選單列即可看到各提供者的使用進度條與重設倒數。",{"type":34,"tag":98,"props":9343,"children":9344},{},[],{"type":34,"tag":35,"props":9346,"children":9348},{"id":9347},"cli-快速指令",[9349],{"type":40,"value":9350},"CLI 快速指令",{"type":34,"tag":42,"props":9352,"children":9353},{},[9354,9356,9361],{"type":40,"value":9355},"CodexBar 附帶 ",{"type":34,"tag":58,"props":9357,"children":9359},{"className":9358},[],[9360],{"type":40,"value":8841},{"type":40,"value":9362}," CLI，適合在腳本或 CI 中查詢額度。安裝 GUI 版後，可執行：",{"type":34,"tag":243,"props":9364,"children":9366},{"className":245,"code":9365,"language":247,"meta":8,"style":8},".\u002Fbin\u002Finstall-codexbar-cli.sh\n",[9367],{"type":34,"tag":58,"props":9368,"children":9369},{"__ignoreMap":8},[9370],{"type":34,"tag":253,"props":9371,"children":9372},{"class":255,"line":256},[9373],{"type":34,"tag":253,"props":9374,"children":9375},{"style":260},[9376],{"type":40,"value":9365},{"type":34,"tag":42,"props":9378,"children":9379},{},[9380],{"type":40,"value":9381},"常用指令：",{"type":34,"tag":243,"props":9383,"children":9385},{"className":245,"code":9384,"language":247,"meta":8,"style":8},"# 列出已啟用的提供者\ncodexbar config providers\n\n# 啟用 \u002F 停用提供者\ncodexbar config enable --provider grok\ncodexbar config disable --provider cursor\n\n# 從 stdin 設定 API Key（不會寫入 shell history）\nprintf '%s' \"$ELEVENLABS_API_KEY\" | codexbar config set-api-key --provider elevenlabs --stdin\n\n# 查詢本地成本用量\ncodexbar cost --provider codex\ncodexbar cost --provider claude\n",[9386],{"type":34,"tag":58,"props":9387,"children":9388},{"__ignoreMap":8},[9389,9397,9414,9421,9429,9454,9479,9486,9494,9553,9560,9568,9589],{"type":34,"tag":253,"props":9390,"children":9391},{"class":255,"line":256},[9392],{"type":34,"tag":253,"props":9393,"children":9394},{"style":5059},[9395],{"type":40,"value":9396},"# 列出已啟用的提供者\n",{"type":34,"tag":253,"props":9398,"children":9399},{"class":255,"line":708},[9400,9404,9409],{"type":34,"tag":253,"props":9401,"children":9402},{"style":260},[9403],{"type":40,"value":8841},{"type":34,"tag":253,"props":9405,"children":9406},{"style":271},[9407],{"type":40,"value":9408}," config",{"type":34,"tag":253,"props":9410,"children":9411},{"style":271},[9412],{"type":40,"value":9413}," providers\n",{"type":34,"tag":253,"props":9415,"children":9416},{"class":255,"line":733},[9417],{"type":34,"tag":253,"props":9418,"children":9419},{"emptyLinePlaceholder":24},[9420],{"type":40,"value":5053},{"type":34,"tag":253,"props":9422,"children":9423},{"class":255,"line":755},[9424],{"type":34,"tag":253,"props":9425,"children":9426},{"style":5059},[9427],{"type":40,"value":9428},"# 啟用 \u002F 停用提供者\n",{"type":34,"tag":253,"props":9430,"children":9431},{"class":255,"line":777},[9432,9436,9440,9444,9449],{"type":34,"tag":253,"props":9433,"children":9434},{"style":260},[9435],{"type":40,"value":8841},{"type":34,"tag":253,"props":9437,"children":9438},{"style":271},[9439],{"type":40,"value":9408},{"type":34,"tag":253,"props":9441,"children":9442},{"style":271},[9443],{"type":40,"value":7334},{"type":34,"tag":253,"props":9445,"children":9446},{"style":265},[9447],{"type":40,"value":9448}," --provider",{"type":34,"tag":253,"props":9450,"children":9451},{"style":271},[9452],{"type":40,"value":9453}," grok\n",{"type":34,"tag":253,"props":9455,"children":9456},{"class":255,"line":795},[9457,9461,9465,9470,9474],{"type":34,"tag":253,"props":9458,"children":9459},{"style":260},[9460],{"type":40,"value":8841},{"type":34,"tag":253,"props":9462,"children":9463},{"style":271},[9464],{"type":40,"value":9408},{"type":34,"tag":253,"props":9466,"children":9467},{"style":271},[9468],{"type":40,"value":9469}," disable",{"type":34,"tag":253,"props":9471,"children":9472},{"style":265},[9473],{"type":40,"value":9448},{"type":34,"tag":253,"props":9475,"children":9476},{"style":271},[9477],{"type":40,"value":9478}," cursor\n",{"type":34,"tag":253,"props":9480,"children":9481},{"class":255,"line":5085},[9482],{"type":34,"tag":253,"props":9483,"children":9484},{"emptyLinePlaceholder":24},[9485],{"type":40,"value":5053},{"type":34,"tag":253,"props":9487,"children":9488},{"class":255,"line":5094},[9489],{"type":34,"tag":253,"props":9490,"children":9491},{"style":5059},[9492],{"type":40,"value":9493},"# 從 stdin 設定 API Key（不會寫入 shell history）\n",{"type":34,"tag":253,"props":9495,"children":9496},{"class":255,"line":5117},[9497,9502,9507,9512,9517,9522,9526,9530,9534,9539,9543,9548],{"type":34,"tag":253,"props":9498,"children":9499},{"style":5037},[9500],{"type":40,"value":9501},"printf",{"type":34,"tag":253,"props":9503,"children":9504},{"style":271},[9505],{"type":40,"value":9506}," '%s'",{"type":34,"tag":253,"props":9508,"children":9509},{"style":271},[9510],{"type":40,"value":9511}," \"",{"type":34,"tag":253,"props":9513,"children":9514},{"style":712},[9515],{"type":40,"value":9516},"$ELEVENLABS_API_KEY",{"type":34,"tag":253,"props":9518,"children":9519},{"style":271},[9520],{"type":40,"value":9521},"\"",{"type":34,"tag":253,"props":9523,"children":9524},{"style":370},[9525],{"type":40,"value":373},{"type":34,"tag":253,"props":9527,"children":9528},{"style":260},[9529],{"type":40,"value":8841},{"type":34,"tag":253,"props":9531,"children":9532},{"style":271},[9533],{"type":40,"value":9408},{"type":34,"tag":253,"props":9535,"children":9536},{"style":271},[9537],{"type":40,"value":9538}," set-api-key",{"type":34,"tag":253,"props":9540,"children":9541},{"style":265},[9542],{"type":40,"value":9448},{"type":34,"tag":253,"props":9544,"children":9545},{"style":271},[9546],{"type":40,"value":9547}," elevenlabs",{"type":34,"tag":253,"props":9549,"children":9550},{"style":265},[9551],{"type":40,"value":9552}," --stdin\n",{"type":34,"tag":253,"props":9554,"children":9555},{"class":255,"line":5125},[9556],{"type":34,"tag":253,"props":9557,"children":9558},{"emptyLinePlaceholder":24},[9559],{"type":40,"value":5053},{"type":34,"tag":253,"props":9561,"children":9562},{"class":255,"line":5134},[9563],{"type":34,"tag":253,"props":9564,"children":9565},{"style":5059},[9566],{"type":40,"value":9567},"# 查詢本地成本用量\n",{"type":34,"tag":253,"props":9569,"children":9570},{"class":255,"line":5673},[9571,9575,9580,9584],{"type":34,"tag":253,"props":9572,"children":9573},{"style":260},[9574],{"type":40,"value":8841},{"type":34,"tag":253,"props":9576,"children":9577},{"style":271},[9578],{"type":40,"value":9579}," cost",{"type":34,"tag":253,"props":9581,"children":9582},{"style":265},[9583],{"type":40,"value":9448},{"type":34,"tag":253,"props":9585,"children":9586},{"style":271},[9587],{"type":40,"value":9588}," codex\n",{"type":34,"tag":253,"props":9590,"children":9591},{"class":255,"line":5694},[9592,9596,9600,9604],{"type":34,"tag":253,"props":9593,"children":9594},{"style":260},[9595],{"type":40,"value":8841},{"type":34,"tag":253,"props":9597,"children":9598},{"style":271},[9599],{"type":40,"value":9579},{"type":34,"tag":253,"props":9601,"children":9602},{"style":265},[9603],{"type":40,"value":9448},{"type":34,"tag":253,"props":9605,"children":9606},{"style":271},[9607],{"type":40,"value":9608}," claude\n",{"type":34,"tag":42,"props":9610,"children":9611},{},[9612,9614,9620,9622,9628],{"type":40,"value":9613},"設定檔位置：新安裝預設為 ",{"type":34,"tag":58,"props":9615,"children":9617},{"className":9616},[],[9618],{"type":40,"value":9619},"~\u002F.config\u002Fcodexbar\u002Fconfig.json",{"type":40,"value":9621},"；舊版路徑 ",{"type":34,"tag":58,"props":9623,"children":9625},{"className":9624},[],[9626],{"type":40,"value":9627},"~\u002F.codexbar\u002Fconfig.json",{"type":40,"value":9629}," 仍相容。",{"type":34,"tag":98,"props":9631,"children":9632},{},[],{"type":34,"tag":35,"props":9634,"children":9636},{"id":9635},"隱私與-macos-權限說明",[9637],{"type":40,"value":9638},"隱私與 macOS 權限說明",{"type":34,"tag":42,"props":9640,"children":9641},{},[9642,9644,9649],{"type":40,"value":9643},"CodexBar ",{"type":34,"tag":1008,"props":9645,"children":9646},{},[9647],{"type":40,"value":9648},"不會掃描整個硬碟",{"type":40,"value":9650},"。它只在相關功能啟用時，讀取已知位置的小量資料：",{"type":34,"tag":122,"props":9652,"children":9653},{},[9654,9659,9676],{"type":34,"tag":126,"props":9655,"children":9656},{},[9657],{"type":40,"value":9658},"瀏覽器 Cookie \u002F Local Storage",{"type":34,"tag":126,"props":9660,"children":9661},{},[9662,9664,9669,9670,9675],{"type":40,"value":9663},"提供者 CLI 設定檔（如 ",{"type":34,"tag":58,"props":9665,"children":9667},{"className":9666},[],[9668],{"type":40,"value":9283},{"type":40,"value":2000},{"type":34,"tag":58,"props":9671,"children":9673},{"className":9672},[],[9674],{"type":40,"value":9290},{"type":40,"value":9292},{"type":34,"tag":126,"props":9677,"children":9678},{},[9679],{"type":40,"value":9680},"本地 JSONL 日誌",{"type":34,"tag":42,"props":9682,"children":9683},{},[9684],{"type":40,"value":9685},"可能觸發的 macOS 權限：",{"type":34,"tag":6866,"props":9687,"children":9688},{},[9689,9710],{"type":34,"tag":6870,"props":9690,"children":9691},{},[9692],{"type":34,"tag":6874,"props":9693,"children":9694},{},[9695,9700,9705],{"type":34,"tag":6878,"props":9696,"children":9697},{"align":6880},[9698],{"type":40,"value":9699},"權限",{"type":34,"tag":6878,"props":9701,"children":9702},{"align":6880},[9703],{"type":40,"value":9704},"用途",{"type":34,"tag":6878,"props":9706,"children":9707},{"align":6880},[9708],{"type":40,"value":9709},"是否必要",{"type":34,"tag":6890,"props":9711,"children":9712},{},[9713,9734,9755],{"type":34,"tag":6874,"props":9714,"children":9715},{},[9716,9724,9729],{"type":34,"tag":6897,"props":9717,"children":9718},{"align":6880},[9719],{"type":34,"tag":1008,"props":9720,"children":9721},{},[9722],{"type":40,"value":9723},"Keychain 存取",{"type":34,"tag":6897,"props":9725,"children":9726},{"align":6880},[9727],{"type":40,"value":9728},"解密 Chromium 瀏覽器 Cookie、Claude OAuth 憑證",{"type":34,"tag":6897,"props":9730,"children":9731},{"align":6880},[9732],{"type":40,"value":9733},"使用 Cookie 型提供者時需要",{"type":34,"tag":6874,"props":9735,"children":9736},{},[9737,9745,9750],{"type":34,"tag":6897,"props":9738,"children":9739},{"align":6880},[9740],{"type":34,"tag":1008,"props":9741,"children":9742},{},[9743],{"type":40,"value":9744},"完整磁碟存取",{"type":34,"tag":6897,"props":9746,"children":9747},{"align":6880},[9748],{"type":40,"value":9749},"讀取 Safari Cookie",{"type":34,"tag":6897,"props":9751,"children":9752},{"align":6880},[9753],{"type":40,"value":9754},"可選；不用 Safari 則不需授予",{"type":34,"tag":6874,"props":9756,"children":9757},{},[9758,9766,9771],{"type":34,"tag":6897,"props":9759,"children":9760},{"align":6880},[9761],{"type":34,"tag":1008,"props":9762,"children":9763},{},[9764],{"type":40,"value":9765},"檔案與資料夾",{"type":34,"tag":6897,"props":9767,"children":9768},{"align":6880},[9769],{"type":40,"value":9770},"部分 CLI helper 讀取專案目錄",{"type":34,"tag":6897,"props":9772,"children":9773},{"align":6880},[9774],{"type":40,"value":9775},"依提供者而異，非背景掃描",{"type":34,"tag":42,"props":9777,"children":9778},{},[9779,9781,9788],{"type":40,"value":9780},"詳細的隱私審計說明可參考 GitHub ",{"type":34,"tag":72,"props":9782,"children":9785},{"href":9783,"rel":9784},"https:\u002F\u002Fgithub.com\u002Fsteipete\u002FCodexBar\u002Fissues\u002F12",[76],[9786],{"type":40,"value":9787},"Issue #12",{"type":40,"value":222},{"type":34,"tag":98,"props":9790,"children":9791},{},[],{"type":34,"tag":35,"props":9793,"children":9795},{"id":9794},"常見問題",[9796],{"type":40,"value":9794},{"type":34,"tag":1854,"props":9798,"children":9800},{"id":9799},"codexbar-支援-windows-嗎",[9801],{"type":40,"value":9802},"CodexBar 支援 Windows 嗎？",{"type":34,"tag":42,"props":9804,"children":9805},{},[9806,9808,9815],{"type":40,"value":9807},"官方 macOS GUI 版僅支援 macOS 14+。Windows 用戶可參考官方移植版 ",{"type":34,"tag":72,"props":9809,"children":9812},{"href":9810,"rel":9811},"https:\u002F\u002Fgithub.com\u002FFinesssee\u002FWin-CodexBar",[76],[9813],{"type":40,"value":9814},"Win-CodexBar",{"type":40,"value":9816},"。Linux 桌面則有 Waybar、GNOME Shell 等第三方整合，底層皆使用 CodexBar CLI。",{"type":34,"tag":1854,"props":9818,"children":9820},{"id":9819},"為什麼某個提供者顯示已停用或未偵測到",[9821],{"type":40,"value":9822},"為什麼某個提供者顯示「已停用」或「未偵測到」？",{"type":34,"tag":42,"props":9824,"children":9825},{},[9826],{"type":40,"value":9827},"通常代表 CodexBar 找不到對應的認證來源。請確認：",{"type":34,"tag":177,"props":9829,"children":9830},{},[9831,9836,9841],{"type":34,"tag":126,"props":9832,"children":9833},{},[9834],{"type":40,"value":9835},"該提供者在設定中已勾選啟用",{"type":34,"tag":126,"props":9837,"children":9838},{},[9839],{"type":40,"value":9840},"對應 CLI 已安裝並完成登入，或 API Key 已填入",{"type":34,"tag":126,"props":9842,"children":9843},{},[9844],{"type":40,"value":9845},"若為 Cookie 型提供者，瀏覽器 session 仍有效且 Keychain 授權已完成",{"type":34,"tag":1854,"props":9847,"children":9849},{"id":9848},"merge-icons-模式是什麼",[9850],{"type":40,"value":9851},"Merge Icons 模式是什麼？",{"type":34,"tag":42,"props":9853,"children":9854},{},[9855],{"type":40,"value":9856},"預設每個提供者會佔一個選單列圖示。開啟 Merge Icons 後，所有提供者合併為一個圖示，點擊後用切換器瀏覽各提供者用量。適合選單列空間有限的使用者。",{"type":34,"tag":1854,"props":9858,"children":9860},{"id":9859},"可以只用-cli-不用-gui-嗎",[9861],{"type":40,"value":9862},"可以只用 CLI 不用 GUI 嗎？",{"type":34,"tag":42,"props":9864,"children":9865},{},[9866,9868,9874,9876,9881],{"type":40,"value":9867},"可以。直接從 Releases 下載 ",{"type":34,"tag":58,"props":9869,"children":9871},{"className":9870},[],[9872],{"type":40,"value":9873},"CodexBarCLI",{"type":40,"value":9875}," tarball，解壓後將 ",{"type":34,"tag":58,"props":9877,"children":9879},{"className":9878},[],[9880],{"type":40,"value":8841},{"type":40,"value":9882}," 加入 PATH 即可。Linux 上也可透過 Homebrew 或 AUR 安裝。",{"type":34,"tag":98,"props":9884,"children":9885},{},[],{"type":34,"tag":35,"props":9887,"children":9889},{"id":9888},"結語",[9890],{"type":40,"value":9888},{"type":34,"tag":42,"props":9892,"children":9893},{},[9894,9896,9901],{"type":40,"value":9895},"對同時使用多個 AI 編碼工具的重度開發者來說，CodexBar 解決的是一個很實際的問題：",{"type":34,"tag":1008,"props":9897,"children":9898},{},[9899],{"type":40,"value":9900},"在開長任務之前，先知道額度夠不夠",{"type":40,"value":222},{"type":34,"tag":42,"props":9903,"children":9904},{},[9905],{"type":40,"value":9906},"它把分散在各平台的 quota、重設時間與信用餘額，收斂到 macOS 選單列的一個彈出視窗。設定一次提供者，之後每次點擊就能掌握全局，不必再猜「這週還能不能開 Copilot」或「Codex 5 小時視窗什麼時候重設」。",{"type":34,"tag":42,"props":9908,"children":9909},{},[9910],{"type":40,"value":9911},"如果你也在多個 AI 編碼服務之間切換，CodexBar 值得裝進選單列試試。",{"type":34,"tag":98,"props":9913,"children":9914},{},[],{"type":34,"tag":42,"props":9916,"children":9917},{},[9918],{"type":34,"tag":9919,"props":9920,"children":9921},"em",{},[9922],{"type":40,"value":9923},"本文介紹之軟體專案開源授權為 MIT 授權條款，作者為 Peter Steinberger（steipete）。歡迎前往 GitHub 給專案點個 Star 支持開源創作。",{"type":34,"tag":1548,"props":9925,"children":9926},{},[9927],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":9929},[9930,9931,9932,9937,9943,9948,9949,9950,9956],{"id":37,"depth":708,"text":37},{"id":8569,"depth":708,"text":8572},{"id":8697,"depth":708,"text":8700,"children":9933},[9934,9935,9936],{"id":8703,"depth":733,"text":8703},{"id":8768,"depth":733,"text":8768},{"id":8801,"depth":733,"text":8801},{"id":1739,"depth":708,"text":1739,"children":9938},[9939,9940,9941,9942],{"id":8873,"depth":733,"text":8873},{"id":8901,"depth":733,"text":8904},{"id":8966,"depth":733,"text":8969},{"id":9048,"depth":733,"text":9051},{"id":9108,"depth":708,"text":9108,"children":9944},[9945,9946,9947],{"id":9118,"depth":733,"text":9121},{"id":9177,"depth":733,"text":9180},{"id":9221,"depth":733,"text":9224},{"id":9347,"depth":708,"text":9350},{"id":9635,"depth":708,"text":9638},{"id":9794,"depth":708,"text":9794,"children":9951},[9952,9953,9954,9955],{"id":9799,"depth":733,"text":9802},{"id":9819,"depth":733,"text":9822},{"id":9848,"depth":733,"text":9851},{"id":9859,"depth":733,"text":9862},{"id":9888,"depth":708,"text":9888},"content:articles:codexbar.md","articles\u002Fcodexbar.md","articles\u002Fcodexbar",{"_path":9961,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9962,"description":9963,"date":9964,"category":12,"image":6124,"tags":9965,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":9966,"gpu":29,"body":9967,"_type":1569,"_id":10453,"_source":1571,"_file":10454,"_stem":10455,"_extension":1574},"\u002Farticles\u002Foptimizerduck","optimizerDuck 實測：開源 Windows 效能與隱私最佳化工具，拒絕背景無用遙測","optimizerDuck 是一款基於 .NET 10 與 WPF 開發的開源 Windows 系統最佳化工具。本文實測其效能調校、隱私遙測封鎖、GPU 電源優化等功能，並提供 Windows SmartScreen 封鎖警告的排解步驟與繁體中文語系設定教學。","2026-06-16",[17,1584,4221],[27],{"type":31,"children":9968,"toc":10439},[9969,9973,9978,9983,9995,10000,10004,10027,10030,10036,10041,10046,10051,10054,10060,10065,10071,10076,10139,10145,10150,10183,10189,10194,10237,10240,10245,10251,10256,10261,10266,10271,10304,10322,10330,10348,10356,10374,10377,10382,10387,10420,10434],{"type":34,"tag":35,"props":9970,"children":9971},{"id":37},[9972],{"type":40,"value":37},{"type":34,"tag":42,"props":9974,"children":9975},{},[9976],{"type":40,"value":9977},"Windows 系統在全新安裝後，往往預設啟動了許多背景遙測（Telemetry）、錯誤回報、促銷廣告追蹤以及大量平常根本用不到的系統服務。這些程序靜靜地在背景執行，不僅佔用 CPU、記憶體與磁碟資源，也會對用戶隱私造成潛在影響。",{"type":34,"tag":42,"props":9979,"children":9980},{},[9981],{"type":40,"value":9982},"此外，許多能榨乾硬體效能的隱藏設定（例如 GPU 供電最佳化、多媒體排程器優化等）在系統預設狀態下並未被開啟。",{"type":34,"tag":42,"props":9984,"children":9985},{},[9986,9988,9993],{"type":40,"value":9987},"本文介紹並實測一款開源的 Windows 優化工具：",{"type":34,"tag":1008,"props":9989,"children":9990},{},[9991],{"type":40,"value":9992},"optimizerDuck",{"type":40,"value":9994},"。它提供了一個集中管理的圖形介面，讓使用者可以一目了然地關閉冗餘功能、開啟效能優化，並掌握系統的主導權。",{"type":34,"tag":42,"props":9996,"children":9997},{},[9998],{"type":40,"value":9999},"以下是該工具實際操作的演示影片：",{"type":34,"tag":112,"props":10001,"children":10003},{"src":10002},"\u002Fvideos\u002FoptimizerDuck\u002FoptimizerDuck.mp4",[],{"type":34,"tag":122,"props":10005,"children":10006},{},[10007,10017],{"type":34,"tag":126,"props":10008,"children":10009},{},[10010],{"type":34,"tag":72,"props":10011,"children":10014},{"href":10012,"rel":10013},"https:\u002F\u002Foptimizerduck.vercel.app\u002F",[76],[10015],{"type":40,"value":10016},"optimizerDuck 官方網站下載（按這裡前往）",{"type":34,"tag":126,"props":10018,"children":10019},{},[10020],{"type":34,"tag":72,"props":10021,"children":10024},{"href":10022,"rel":10023},"https:\u002F\u002Fgithub.com\u002Fitsfatduck\u002FoptimizerDuck",[76],[10025],{"type":40,"value":10026},"optimizerDuck 官方 GitHub 倉庫（按這裡前往）",{"type":34,"tag":98,"props":10028,"children":10029},{},[],{"type":34,"tag":35,"props":10031,"children":10033},{"id":10032},"為什麼需要系統最佳化",[10034],{"type":40,"value":10035},"為什麼需要系統最佳化？",{"type":34,"tag":42,"props":10037,"children":10038},{},[10039],{"type":40,"value":10040},"雖然現代 Windows 系統已相當穩定，但預設配置為了相容性與微軟自身的商業目的，塞入了許多不必要的背景活動。",{"type":34,"tag":42,"props":10042,"children":10043},{},[10044],{"type":40,"value":10045},"例如，系統在背景會不斷收集遙測數據回傳給伺服器，各種 OEM 廠商自帶的預裝軟體與排程工作也在消耗系統效能。",{"type":34,"tag":42,"props":10047,"children":10048},{},[10049],{"type":40,"value":10050},"optimizerDuck 套用了針對性的系統調校，來減少這類不必要的資源消耗，並且將進階硬體優化選項以可視化開關的形式呈現，讓您不需要手動編輯複雜的 Windows 登錄檔。",{"type":34,"tag":98,"props":10052,"children":10053},{},[],{"type":34,"tag":35,"props":10055,"children":10057},{"id":10056},"optimizerduck-核心功能介紹",[10058],{"type":40,"value":10059},"optimizerDuck 核心功能介紹",{"type":34,"tag":42,"props":10061,"children":10062},{},[10063],{"type":40,"value":10064},"這款工具的設計非常嚴謹，所有優化項目都附帶了風險等級（安全、中等、高）以及詳細功能說明，避免用戶在不知情的情況下停用關鍵服務。",{"type":34,"tag":1854,"props":10066,"children":10068},{"id":10067},"_1-系統最佳化項目",[10069],{"type":40,"value":10070},"1. 系統最佳化項目",{"type":34,"tag":42,"props":10072,"children":10073},{},[10074],{"type":40,"value":10075},"工具將調校項目細分為六大類別：",{"type":34,"tag":122,"props":10077,"children":10078},{},[10079,10089,10099,10109,10119,10129],{"type":34,"tag":126,"props":10080,"children":10081},{},[10082,10087],{"type":34,"tag":1008,"props":10083,"children":10084},{},[10085],{"type":40,"value":10086},"效能優化",{"type":40,"value":10088},"：依據系統實體記憶體容量調整 Service Host 分組限制、優化程序優先權、降低鍵盤延遲，以及調整多媒體排程器（MMCSS）以獲得更流暢的遊戲幀率。",{"type":34,"tag":126,"props":10090,"children":10091},{},[10092,10097],{"type":34,"tag":1008,"props":10093,"children":10094},{},[10095],{"type":40,"value":10096},"隱私防護",{"type":40,"value":10098},"：一鍵停用 Windows 遙測、診斷數據回報、廣告識別碼、位置追蹤，以及關閉內建的 Cortana、Copilot 與微軟推送的內容建議。",{"type":34,"tag":126,"props":10100,"children":10101},{},[10102,10107],{"type":34,"tag":1008,"props":10103,"children":10104},{},[10105],{"type":40,"value":10106},"GPU 專屬調校",{"type":40,"value":10108},"：針對 NVIDIA、AMD 與 Intel 顯示卡寫入專屬的登錄檔優化，涵蓋電源管理模式、時脈閘控（Clock Gating）以及顯示延遲調校。",{"type":34,"tag":126,"props":10110,"children":10111},{},[10112,10117],{"type":34,"tag":1008,"props":10113,"children":10114},{},[10115],{"type":40,"value":10116},"電源配置",{"type":40,"value":10118},"：停用休眠與快速啟動（避免快取垃圾堆積）、關閉 USB 選擇性暫停、停用電源節流（Power Throttling），並自動安裝高性能自訂電源計畫。",{"type":34,"tag":126,"props":10120,"children":10121},{},[10122,10127],{"type":34,"tag":1008,"props":10123,"children":10124},{},[10125],{"type":40,"value":10126},"服務與宂餘軟體",{"type":40,"value":10128},"：停用 OEM 應用程式的自動重新安裝行為，並提供兩百多項 Windows 背景服務的精細調整。",{"type":34,"tag":126,"props":10130,"children":10131},{},[10132,10137],{"type":34,"tag":1008,"props":10133,"children":10134},{},[10135],{"type":40,"value":10136},"使用體驗",{"type":40,"value":10138},"：移除滑鼠與選單延遲、關閉工作列動畫與透明效果，讓視窗切換與系統反應更為即時。",{"type":34,"tag":1854,"props":10140,"children":10142},{"id":10141},"_2-系統設定與偏好",[10143],{"type":40,"value":10144},"2. 系統設定與偏好",{"type":34,"tag":42,"props":10146,"children":10147},{},[10148],{"type":40,"value":10149},"在自訂設定頁面中，使用者不需手動翻找登錄檔，就能直接調整許多常用設定：",{"type":34,"tag":122,"props":10151,"children":10152},{},[10153,10163,10173],{"type":34,"tag":126,"props":10154,"children":10155},{},[10156,10161],{"type":34,"tag":1008,"props":10157,"children":10158},{},[10159],{"type":40,"value":10160},"桌面圖示",{"type":40,"value":10162},"：一鍵顯示或隱藏「本機」、「資源回收筒」、「網路」、「使用者資料夾」等圖示，並支援移除捷徑左下角的箭頭標誌。",{"type":34,"tag":126,"props":10164,"children":10165},{},[10166,10171],{"type":34,"tag":1008,"props":10167,"children":10168},{},[10169],{"type":40,"value":10170},"系統 preferences",{"type":40,"value":10172},"：快速調整工作列對齊方式、顯示時鐘秒數、啟用傳統右鍵選單、關閉 Bing 搜尋整合等。",{"type":34,"tag":126,"props":10174,"children":10175},{},[10176,10181],{"type":34,"tag":1008,"props":10177,"children":10178},{},[10179],{"type":40,"value":10180},"遊戲設定",{"type":40,"value":10182},"：開關 Windows 遊戲模式、遊戲列、背景錄影、滑鼠加速（提高精準度）、全螢幕最佳化等功能。",{"type":34,"tag":1854,"props":10184,"children":10186},{"id":10185},"_3-多功能內建工具箱",[10187],{"type":40,"value":10188},"3. 多功能內建工具箱",{"type":34,"tag":42,"props":10190,"children":10191},{},[10192],{"type":40,"value":10193},"除了系統調校外，軟體還隨附了幾款實用的日常管理工具：",{"type":34,"tag":122,"props":10195,"children":10196},{},[10197,10207,10217,10227],{"type":34,"tag":126,"props":10198,"children":10199},{},[10200,10205],{"type":34,"tag":1008,"props":10201,"children":10202},{},[10203],{"type":40,"value":10204},"系統儀表板",{"type":40,"value":10206},"：監控並呈現當前的 CPU、記憶體、顯示卡、儲存裝置及作業系統版本資訊。",{"type":34,"tag":126,"props":10208,"children":10209},{},[10210,10215],{"type":34,"tag":1008,"props":10211,"children":10212},{},[10213],{"type":40,"value":10214},"啟動與工作管理",{"type":40,"value":10216},"：列出所有開機自啟動項目與 Windows 排程工作，支援手動停用或直接刪除。",{"type":34,"tag":126,"props":10218,"children":10219},{},[10220,10225],{"type":34,"tag":1008,"props":10221,"children":10222},{},[10223],{"type":40,"value":10224},"磁碟清理",{"type":40,"value":10226},"：深度掃描並清理 Windows 暫存檔、快取垃圾、Windows Update 殘留、資源回收筒以及舊系統備份。",{"type":34,"tag":126,"props":10228,"children":10229},{},[10230,10235],{"type":34,"tag":1008,"props":10231,"children":10232},{},[10233],{"type":40,"value":10234},"冗餘 App 移除",{"type":40,"value":10236},"：列出系統預裝的 AppX 套件，並標示移除風險（例如計算機、相機、Xbox 相關軟體），供用戶自由卸載。",{"type":34,"tag":98,"props":10238,"children":10239},{},[],{"type":34,"tag":35,"props":10241,"children":10243},{"id":10242},"下載與安裝設定教學",[10244],{"type":40,"value":10242},{"type":34,"tag":1854,"props":10246,"children":10248},{"id":10247},"為什麼會觸發-windows-defender-警告",[10249],{"type":40,"value":10250},"為什麼會觸發 Windows Defender 警告？",{"type":34,"tag":42,"props":10252,"children":10253},{},[10254],{"type":40,"value":10255},"當你下載並準備執行 optimizerDuck 時，Windows Defender SmartScreen 可能會彈出警告視窗，提示此為未知發行者。",{"type":34,"tag":42,"props":10257,"children":10258},{},[10259],{"type":40,"value":10260},"這是因為開發者並未購買昂貴的代碼簽章憑證（Code-Signing Certificate）。對於免費開源的專案來說，每年數百美金的憑證費用是一筆極大的負擔。",{"type":34,"tag":42,"props":10262,"children":10263},{},[10264],{"type":40,"value":10265},"由於 Windows 對於沒有憑證簽署的外部執行檔預設會阻擋，這並不代表軟體本身含有惡意程式碼。因為該專案完全開源在 GitHub 上，你可以自行檢查其原始碼或由 GitHub Actions 建置的記錄，甚至可以下載原始碼後自行編譯。",{"type":34,"tag":1854,"props":10267,"children":10269},{"id":10268},"下載與繞過防護步驟",[10270],{"type":40,"value":10268},{"type":34,"tag":177,"props":10272,"children":10273},{},[10274,10286,10299],{"type":34,"tag":126,"props":10275,"children":10276},{},[10277,10279,10285],{"type":40,"value":10278},"首先，前往官方網站下載最新版本：",{"type":34,"tag":72,"props":10280,"children":10282},{"href":10012,"rel":10281},[76],[10283],{"type":40,"value":10284},"optimizerDuck 官方網站",{"type":40,"value":222},{"type":34,"tag":126,"props":10287,"children":10288},{},[10289,10291,10297],{"type":40,"value":10290},"執行下載的 ",{"type":34,"tag":58,"props":10292,"children":10294},{"className":10293},[],[10295],{"type":40,"value":10296},"optimizerDuck.exe",{"type":40,"value":10298}," 檔案。",{"type":34,"tag":126,"props":10300,"children":10301},{},[10302],{"type":40,"value":10303},"若跳出 SmartScreen 警告，請點擊「其他資訊」（More info）。",{"type":34,"tag":565,"props":10305,"children":10307},{"className":10306},[568,569,570,571,572,573,574],[10308,10309,10315,10316],{"type":40,"value":577},{"type":34,"tag":579,"props":10310,"children":10314},{"src":10311,"alt":10312,"className":10313},"\u002Fimages\u002FoptimizerDuck\u002F1d.jpg","Windows SmartScreen 警告視窗，點擊其他資訊",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10317,"children":10319},{"className":10318},[590,591,592,593,594,595],[10320],{"type":40,"value":10321},"當出現 Windows 已保護您的電腦提示時，點擊其他資訊",{"type":34,"tag":177,"props":10323,"children":10324},{"start":755},[10325],{"type":34,"tag":126,"props":10326,"children":10327},{},[10328],{"type":40,"value":10329},"接著點擊「仍要執行」（Run anyway）即可啟動軟體。",{"type":34,"tag":565,"props":10331,"children":10333},{"className":10332},[568,569,570,571,572,573,574],[10334,10335,10341,10342],{"type":40,"value":577},{"type":34,"tag":579,"props":10336,"children":10340},{"src":10337,"alt":10338,"className":10339},"\u002Fimages\u002FoptimizerDuck\u002F2d.jpg","點擊仍要執行按鈕",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10343,"children":10345},{"className":10344},[590,591,592,593,594,595],[10346],{"type":40,"value":10347},"點擊仍要執行按鈕即可正常開啟工具",{"type":34,"tag":177,"props":10349,"children":10350},{"start":777},[10351],{"type":34,"tag":126,"props":10352,"children":10353},{},[10354],{"type":40,"value":10355},"進入主畫面後，點擊左下角的「Settings」，在「Language」下拉選單中選擇「Traditional Chinese」（正體中文），接著重新啟動應用程式即可套用中文介面。",{"type":34,"tag":565,"props":10357,"children":10359},{"className":10358},[568,569,570,571,572,573,574],[10360,10361,10367,10368],{"type":40,"value":577},{"type":34,"tag":579,"props":10362,"children":10366},{"src":10363,"alt":10364,"className":10365},"\u002Fimages\u002FoptimizerDuck\u002F3d.jpg","設定 Traditional Chinese 語系",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10369,"children":10371},{"className":10370},[590,591,592,593,594,595],[10372],{"type":40,"value":10373},"進入 Settings 找到 Language 選項並切換為 Traditional Chinese，隨後重啟軟體生效",{"type":34,"tag":98,"props":10375,"children":10376},{},[],{"type":34,"tag":35,"props":10378,"children":10380},{"id":10379},"安全與還原機制",[10381],{"type":40,"value":10379},{"type":34,"tag":42,"props":10383,"children":10384},{},[10385],{"type":40,"value":10386},"修改系統設定或登錄檔難免會有不穩定的風險。optimizerDuck 在這方面設計了多重保障：",{"type":34,"tag":122,"props":10388,"children":10389},{},[10390,10400,10410],{"type":34,"tag":126,"props":10391,"children":10392},{},[10393,10398],{"type":34,"tag":1008,"props":10394,"children":10395},{},[10396],{"type":40,"value":10397},"自動備份",{"type":40,"value":10399},"：在每次套用優化變更前，工具會自動將該次修改的原始狀態寫入本地的還原檔案中。",{"type":34,"tag":126,"props":10401,"children":10402},{},[10403,10408],{"type":34,"tag":1008,"props":10404,"children":10405},{},[10406],{"type":40,"value":10407},"一鍵恢復",{"type":40,"value":10409},"：若在優化後發現系統有任何異常，可直接在軟體介面中選擇單一項目或全部一鍵還原。",{"type":34,"tag":126,"props":10411,"children":10412},{},[10413,10418],{"type":34,"tag":1008,"props":10414,"children":10415},{},[10416],{"type":40,"value":10417},"還原點提示",{"type":40,"value":10419},"：首次執行優化前，軟體會強烈建議用戶手動建立 Windows 系統還原點，以防萬一。",{"type":34,"tag":10421,"props":10422,"children":10423},"blockquote",{},[10424],{"type":34,"tag":42,"props":10425,"children":10426},{},[10427,10432],{"type":34,"tag":253,"props":10428,"children":10429},{},[10430],{"type":40,"value":10431},"!WARNING",{"type":40,"value":10433},"\n部分使用者在套用「高效能電源計畫」後，工作管理員可能會顯示 CPU 使用率持續處於 100% 的顯示錯誤（詳見 GitHub Issue #29）。這僅是顯示異常，並不影響 CPU 的實際負載與溫度。若介意此問題，可在軟體內將電源計畫優化取消套用即可。",{"type":34,"tag":42,"props":10435,"children":10436},{},[10437],{"type":40,"value":10438},"最後，使用此類系統修改工具請務必抱持謹慎態度，在優化前建議做好重要資料的備份與還原準備。",{"title":8,"searchDepth":708,"depth":708,"links":10440},[10441,10442,10443,10448,10452],{"id":37,"depth":708,"text":37},{"id":10032,"depth":708,"text":10035},{"id":10056,"depth":708,"text":10059,"children":10444},[10445,10446,10447],{"id":10067,"depth":733,"text":10070},{"id":10141,"depth":733,"text":10144},{"id":10185,"depth":733,"text":10188},{"id":10242,"depth":708,"text":10242,"children":10449},[10450,10451],{"id":10247,"depth":733,"text":10250},{"id":10268,"depth":733,"text":10268},{"id":10379,"depth":708,"text":10379},"content:articles:optimizerDuck.md","articles\u002FoptimizerDuck.md","articles\u002FoptimizerDuck",{"_path":10457,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":10458,"description":10459,"date":10460,"category":12,"image":6124,"tags":10461,"series":3464,"readingTime":1586,"difficulty":1587,"local":24,"platforms":10463,"gpu":29,"body":10464,"_type":1569,"_id":10780,"_source":1571,"_file":10781,"_stem":10782,"_extension":1574},"\u002Farticles\u002Fhandy","Handy 離線語音輸入法實測：搭配 Breeze ASR 25，專為台灣人設計的中英混用輸入方案","Handy 是一款免費、開源且完全離線運作的桌面語音輸入工具。本文實測在 macOS\u002FWindows\u002FLinux 環境下安裝配置，並搭配專為台灣日常中英混用情境優化的 Breeze ASR 25模型，為您打造極致隱私的語音輸入體驗。","2026-06-15",[15,17,3463,10462,1584],"Audio Processing",[26,27,28],{"type":31,"children":10465,"toc":10769},[10466,10470,10475,10487,10492,10496,10519,10522,10528,10539,10544,10549,10552,10558,10571,10584,10617,10642,10645,10650,10655,10661,10673,10691,10697,10702,10720,10723,10729,10747,10752,10755,10759,10764],{"type":34,"tag":35,"props":10467,"children":10468},{"id":37},[10469],{"type":40,"value":37},{"type":34,"tag":42,"props":10471,"children":10472},{},[10473],{"type":40,"value":10474},"身為開發者或文字工作者，你是否常覺得鍵盤打字速度跟不上腦袋的思維？雖然市面上有很多語音輸入工具，但大部分都依賴雲端 API，不僅有隱私外洩的疑慮，網路不穩時還會卡頓。",{"type":34,"tag":42,"props":10476,"children":10477},{},[10478,10480,10485],{"type":40,"value":10479},"這次要推薦並實測一款名為 ",{"type":34,"tag":1008,"props":10481,"children":10482},{},[10483],{"type":40,"value":10484},"Handy",{"type":40,"value":10486}," 的免費、開源語音輸入工具。它支援 macOS、Windows 與 Linux，且最核心的特色在於「完全離線使用」。搭配由聯發創新基地開發的 Breeze ASR 25 模型，更是專門為台灣人日常「國語、英語混用」的口語情境量身打造。",{"type":34,"tag":42,"props":10488,"children":10489},{},[10490],{"type":40,"value":10491},"以下是我們在實際測試中的展示影片：",{"type":34,"tag":112,"props":10493,"children":10495},{"src":10494},"\u002Fvideos\u002Fhandy\u002Fhandy.mp4",[],{"type":34,"tag":122,"props":10497,"children":10498},{},[10499,10509],{"type":34,"tag":126,"props":10500,"children":10501},{},[10502],{"type":34,"tag":72,"props":10503,"children":10506},{"href":10504,"rel":10505},"https:\u002F\u002Fgithub.com\u002Fcjpais\u002FHandy",[76],[10507],{"type":40,"value":10508},"Handy 官方 GitHub 倉庫（按這裡前往）",{"type":34,"tag":126,"props":10510,"children":10511},{},[10512],{"type":34,"tag":72,"props":10513,"children":10516},{"href":10514,"rel":10515},"https:\u002F\u002Fhandy.computer\u002F",[76],[10517],{"type":40,"value":10518},"Handy 官方網站下載（按這裡前往）",{"type":34,"tag":98,"props":10520,"children":10521},{},[],{"type":34,"tag":35,"props":10523,"children":10525},{"id":10524},"為什麼選擇-handy",[10526],{"type":40,"value":10527},"為什麼選擇 Handy？",{"type":34,"tag":42,"props":10529,"children":10530},{},[10531,10533,10538],{"type":40,"value":10532},"在語音辨識（ASR）工具遍地開花的時代，Handy 的設計理念非常純粹：",{"type":34,"tag":1008,"props":10534,"children":10535},{},[10536],{"type":40,"value":10537},"注重隱私、完全離線、即時輸入",{"type":40,"value":222},{"type":34,"tag":42,"props":10540,"children":10541},{},[10542],{"type":40,"value":10543},"許多語音轉文字工具（如 WhisperDesktop 或是 Vibe）主要是拿來轉錄已錄製好的音訊檔案，但 Handy 的定位是「語音輸入法」。使用者只要按下自訂的快捷鍵，按住說話、放開即完成辨識，並會直接將文字貼入目前游標所在的任何輸入框（無論是瀏覽器、Word、LINE 還是終端機）。",{"type":34,"tag":42,"props":10545,"children":10546},{},[10547],{"type":40,"value":10548},"因為所有運算都在本地電腦上完成，不論你說了多機密的商業邏輯或個人隱私，都不用擔心資料被上傳到雲端伺服器。",{"type":34,"tag":98,"props":10550,"children":10551},{},[],{"type":34,"tag":35,"props":10553,"children":10555},{"id":10554},"搭配-breeze-asr-25-語音辨識模型",[10556],{"type":40,"value":10557},"搭配 Breeze ASR 25 語音辨識模型",{"type":34,"tag":42,"props":10559,"children":10560},{},[10561,10563,10569],{"type":40,"value":10562},"在影片的實測中，我們使用的是下載列表中的 ",{"type":34,"tag":58,"props":10564,"children":10566},{"className":10565},[],[10567],{"type":40,"value":10568},"breeze-asr-q5_k",{"type":40,"value":10570},"，也就是由聯發創新基地（MediaTek Research）所開發的 Breeze ASR 25 模型的 GGUF 量化版本（q5_k）。",{"type":34,"tag":42,"props":10572,"children":10573},{},[10574,10576,10582],{"type":40,"value":10575},"Breeze ASR 25 本身是基於 OpenAI 的 ",{"type":34,"tag":58,"props":10577,"children":10579},{"className":10578},[],[10580],{"type":40,"value":10581},"Whisper-large-v2",{"type":40,"value":10583}," 進行微調開發，相較於原版 Whisper，它有三個針對台灣人最實用的核心特色：",{"type":34,"tag":177,"props":10585,"children":10586},{},[10587,10597,10607],{"type":34,"tag":126,"props":10588,"children":10589},{},[10590,10595],{"type":34,"tag":1008,"props":10591,"children":10592},{},[10593],{"type":40,"value":10594},"強化繁體中文辨識",{"type":40,"value":10596},"：更符合台灣日常的詞彙習慣與國語口音，大幅減少簡繁轉換或字詞誤判的機率。",{"type":34,"tag":126,"props":10598,"children":10599},{},[10600,10605],{"type":34,"tag":1008,"props":10601,"children":10602},{},[10603],{"type":40,"value":10604},"極致的中英混用辨識",{"type":40,"value":10606},"：在台灣人的口語習慣中，時常會出現「句內」或「句外」的中英文切換（Code-switching）。模型能精準捕捉並正確呈現如聯發科在日常口語中設計的中英夾雜句子。",{"type":34,"tag":126,"props":10608,"children":10609},{},[10610,10615],{"type":34,"tag":1008,"props":10611,"children":10612},{},[10613],{"type":40,"value":10614},"高精準度的時間戳記對齊",{"type":40,"value":10616},"：這項特性對於有自動字幕生成需求的創作者來說，能帶來更完美的字幕時間軸對齊效果。",{"type":34,"tag":42,"props":10618,"children":10619},{},[10620,10622,10627,10628,10633,10635,10640],{"type":40,"value":10621},"除了 Breeze ASR 外，若想進一步提升語音辨識速度，也可以選擇前面提到的 ",{"type":34,"tag":1008,"props":10623,"children":10624},{},[10625],{"type":40,"value":10626},"Whisper Small",{"type":40,"value":3033},{"type":34,"tag":1008,"props":10629,"children":10630},{},[10631],{"type":40,"value":10632},"Whisper Medium",{"type":40,"value":10634},"，在反應速度與精準度之間取得絕佳平衡；至於官方預設清單中支援的 ",{"type":34,"tag":1008,"props":10636,"children":10637},{},[10638],{"type":40,"value":10639},"Parakeet",{"type":40,"value":10641}," 模型，由於其對中文的支援度並不理想，在此就不建議中文使用者選用了。",{"type":34,"tag":98,"props":10643,"children":10644},{},[],{"type":34,"tag":35,"props":10646,"children":10648},{"id":10647},"安裝與設定步驟",[10649],{"type":40,"value":10647},{"type":34,"tag":42,"props":10651,"children":10652},{},[10653],{"type":40,"value":10654},"要開始使用 Handy 並設定 Breeze ASR，只需要以下簡單的兩個步驟：",{"type":34,"tag":1854,"props":10656,"children":10658},{"id":10657},"步驟一修改介面語言",[10659],{"type":40,"value":10660},"步驟一：修改介面語言",{"type":34,"tag":42,"props":10662,"children":10663},{},[10664,10666,10671],{"type":40,"value":10665},"前往官網並下載對應版本",{"type":34,"tag":72,"props":10667,"children":10669},{"href":10514,"rel":10668},[76],[10670],{"type":40,"value":10518},{"type":40,"value":10672},"\n下載並啟動 Handy 後，點選應用程式中的「關於（About）」。從選單的第一排可以直接將介面修改為你熟悉的語言。",{"type":34,"tag":565,"props":10674,"children":10676},{"className":10675},[568,569,570,571,572,573,574],[10677,10678,10684,10685],{"type":40,"value":577},{"type":34,"tag":579,"props":10679,"children":10683},{"src":10680,"alt":10681,"className":10682},"\u002Fimages\u002Fhandy\u002F1.點選關於可以看到第一排可以修改應用程式語言.jpg","在 Handy 關於頁面中設定應用程式的語言介面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10686,"children":10688},{"className":10687},[590,591,592,593,594,595],[10689],{"type":40,"value":10690},"點選關於可以看到第一排可以修改應用程式語言",{"type":34,"tag":1854,"props":10692,"children":10694},{"id":10693},"步驟二下載並下載語音辨識模型",[10695],{"type":40,"value":10696},"步驟二：下載並下載語音辨識模型",{"type":34,"tag":42,"props":10698,"children":10699},{},[10700],{"type":40,"value":10701},"接著，前往模型列表頁面。你可以點選下載對應的模型。如果要使用 Breeze ASR，請選擇下載 Breeze ASR 模型；若需要其他型態，則可以下載 Whisper 系列模型。",{"type":34,"tag":565,"props":10703,"children":10705},{"className":10704},[568,569,570,571,572,573,574],[10706,10707,10713,10714],{"type":40,"value":577},{"type":34,"tag":579,"props":10708,"children":10712},{"src":10709,"alt":10710,"className":10711},"\u002Fimages\u002Fhandy\u002F2.到模型列表可以下載模型.jpg","在 Handy 模型管理清單中下載 Breeze ASR 或 Whisper 模型",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10715,"children":10717},{"className":10716},[590,591,592,593,594,595],[10718],{"type":40,"value":10719},"到模型列表可以下載模型",{"type":34,"tag":98,"props":10721,"children":10722},{},[],{"type":34,"tag":35,"props":10724,"children":10726},{"id":10725},"使用注意事項關於延遲與性能",[10727],{"type":40,"value":10728},"使用注意事項：關於延遲與性能",{"type":34,"tag":42,"props":10730,"children":10731},{},[10732,10734,10739,10741,10746],{"type":40,"value":10733},"在實際體驗中，有一點需要特別注意。Handy 的 ",{"type":34,"tag":1008,"props":10735,"children":10736},{},[10737],{"type":40,"value":10738},"pre-save ASR",{"type":40,"value":10740}," 功能雖然可以確保音訊片段的完整度與辨識的穩定性，但它的缺點是",{"type":34,"tag":1008,"props":10742,"children":10743},{},[10744],{"type":40,"value":10745},"速度會比較慢，大概會產生 3 秒左右的延遲",{"type":40,"value":222},{"type":34,"tag":42,"props":10748,"children":10749},{},[10750],{"type":40,"value":10751},"這主要是針對本地端在將錄音存檔、載入並通過 ASR 模型進行推論時需要一定的運算時間。如果你的電腦配備有較高階的獨立顯卡（GPU），延遲時間會顯著縮短；但若僅依賴 CPU 進行運算，建議可以選擇輕量化的模型（如 Whisper Small）來提升流暢度。",{"type":34,"tag":98,"props":10753,"children":10754},{},[],{"type":34,"tag":35,"props":10756,"children":10757},{"id":9888},[10758],{"type":40,"value":9888},{"type":34,"tag":42,"props":10760,"children":10761},{},[10762],{"type":40,"value":10763},"Handy 成功打破了雲端語音輸入與本機安全隱私之間的藩籬，是一款不可多得的生產力神兵。配合 Breeze ASR 在中英混用上的優勢，無疑是台灣本地開發者與文字工作者不可或缺的離線輸入法利器。",{"type":34,"tag":42,"props":10765,"children":10766},{},[10767],{"type":40,"value":10768},"如果你也在尋找一款不依賴網路、安全無虞且辨識率極高的語音輸入工具，不妨立即下載 Handy，體驗流暢的離線語音輸入魅力！",{"title":8,"searchDepth":708,"depth":708,"links":10770},[10771,10772,10773,10774,10778,10779],{"id":37,"depth":708,"text":37},{"id":10524,"depth":708,"text":10527},{"id":10554,"depth":708,"text":10557},{"id":10647,"depth":708,"text":10647,"children":10775},[10776,10777],{"id":10657,"depth":733,"text":10660},{"id":10693,"depth":733,"text":10696},{"id":10725,"depth":708,"text":10728},{"id":9888,"depth":708,"text":9888},"content:articles:handy.md","articles\u002Fhandy.md","articles\u002Fhandy",{"_path":10784,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":10785,"description":10786,"date":10787,"category":12,"image":6124,"tags":10788,"series":21,"readingTime":3465,"difficulty":1587,"local":7,"platforms":10790,"gpu":29,"body":10792,"_type":1569,"_id":12791,"_source":1571,"_file":12792,"_stem":12793,"_extension":1574},"\u002Farticles\u002F5live","Gemini 3.5 Live Translate 實測：全新雙向即時語音翻譯與 Live API 開發指南","Google 推出全新的 Gemini 3.5 Live Translate 模型，支援超過 70 種語言的雙向低延遲即時語音翻譯。本文將帶你實測 Google AI Studio 的網頁體驗、了解其運作機制，並提供 Live API 開發範例與 WebSocket 連接設定。","2026-06-14",[15,10462,10789],"LLM",[1591,10791],"API",{"type":31,"children":10793,"toc":12774},[10794,10798,10803,10808,10813,10818,10822,10843,10846,10851,10856,10909,10912,10917,10922,10928,10946,10952,10970,10976,10994,11000,11018,11021,11027,11032,11037,11169,11172,11177,11190,11986,11991,11996,12019,12128,12131,12137,12142,12193,12198,12639,12642,12647,12652,12714,12717,12721,12770],{"type":34,"tag":35,"props":10795,"children":10796},{"id":37},[10797],{"type":40,"value":37},{"type":34,"tag":42,"props":10799,"children":10800},{},[10801],{"type":40,"value":10802},"Google 推出了最新的語音翻譯模型 Gemini 3.5 Live Translate。這款模型是專門為即時語音對語音翻譯所設計，支援高達 70 多種語言的雙向翻譯。",{"type":34,"tag":42,"props":10804,"children":10805},{},[10806],{"type":40,"value":10807},"與傳統的回合制語音翻譯系統（必須等待講者完全說完一整句話、偵測到停頓後才開始進行語音轉文字、翻譯、最後合成語音）不同，Gemini 3.5 Live Translate 採用了連續串流處理技術。它在講者說話的同時進行即時翻譯，僅保持數秒鐘的極低延遲，並能夠最大程度地保留講者的語氣、語速與音調，實現如同專業口譯員般的流暢對談。",{"type":34,"tag":42,"props":10809,"children":10810},{},[10811],{"type":40,"value":10812},"目前此模型已在 Google AI Studio、Google Meet 企業預覽版以及 Android\u002FiOS 的 Google Translate 應用程式中陸續上線。",{"type":34,"tag":42,"props":10814,"children":10815},{},[10816],{"type":40,"value":10817},"下面是 Gemini 3.5 Live Translate 的官方展示錄影：",{"type":34,"tag":112,"props":10819,"children":10821},{"src":10820},"\u002Fvideos\u002Fgemini3.5live\u002Fgemini-3.5-live-translate.mp4",[],{"type":34,"tag":10421,"props":10823,"children":10824},{},[10825],{"type":34,"tag":42,"props":10826,"children":10827},{},[10828,10833,10835,10842],{"type":34,"tag":1008,"props":10829,"children":10830},{},[10831],{"type":40,"value":10832},"體驗網址",{"type":40,"value":10834},"：如果你想立即親自動手測試，可以直接前往 ",{"type":34,"tag":72,"props":10836,"children":10839},{"href":10837,"rel":10838},"https:\u002F\u002Faistudio.google.com\u002Fu\u002F1\u002Flive?model=gemini-3.5-live-translate-preview",[76],[10840],{"type":40,"value":10841},"Google AI Studio 體驗網址",{"type":40,"value":222},{"type":34,"tag":98,"props":10844,"children":10845},{},[],{"type":34,"tag":35,"props":10847,"children":10849},{"id":10848},"核心功能與技術特色",[10850],{"type":40,"value":10848},{"type":34,"tag":42,"props":10852,"children":10853},{},[10854],{"type":40,"value":10855},"這款模型之所以能在多個應用場景中引發關注，主要得益於以下幾點技術突破：",{"type":34,"tag":177,"props":10857,"children":10858},{},[10859,10869,10879,10889,10899],{"type":34,"tag":126,"props":10860,"children":10861},{},[10862,10867],{"type":34,"tag":1008,"props":10863,"children":10864},{},[10865],{"type":40,"value":10866},"雙向低延遲即時串流",{"type":40,"value":10868},"：模型能夠即時處理串流音訊，並在幾秒鐘內產生翻譯後的語音。它在「等待上下文以確保翻譯品質」與「立即翻譯以保持同步」之間取得了極佳的平衡，避免了尷尬的長時間停頓。",{"type":34,"tag":126,"props":10870,"children":10871},{},[10872,10877],{"type":34,"tag":1008,"props":10873,"children":10874},{},[10875],{"type":40,"value":10876},"自動語言偵測",{"type":40,"value":10878},"：輸入多種語言時，不需要手動切換源語言。模型會自動識別高達 70 多種輸入語言，並將其翻譯為你指定的目標語言。",{"type":34,"tag":126,"props":10880,"children":10881},{},[10882,10887],{"type":34,"tag":1008,"props":10883,"children":10884},{},[10885],{"type":40,"value":10886},"聲學特徵保存",{"type":40,"value":10888},"：翻譯出來的語音不只是冰冷的機器音，它會模擬並保留講者的語氣起伏、速度與情感基調，讓對話感覺更加自然與流暢。",{"type":34,"tag":126,"props":10890,"children":10891},{},[10892,10897],{"type":34,"tag":1008,"props":10893,"children":10894},{},[10895],{"type":40,"value":10896},"抗噪能力與場景整合",{"type":40,"value":10898},"：在吵雜或難以預測的真實環境（例如街道、會議室）中依然能穩定運作。目前包括 Grab 等企業已在針對司機與乘客的即時通訊進行實測。",{"type":34,"tag":126,"props":10900,"children":10901},{},[10902,10907],{"type":34,"tag":1008,"props":10903,"children":10904},{},[10905],{"type":40,"value":10906},"SynthID 數位浮水印技術",{"type":40,"value":10908},"：模型產生的所有音訊皆會自動織入不可聽覺的 SynthID 浮水印，以防範生成式 AI 語音濫用或傳播不實訊息。",{"type":34,"tag":98,"props":10910,"children":10911},{},[],{"type":34,"tag":35,"props":10913,"children":10915},{"id":10914},"網頁端體驗與使用步驟",[10916],{"type":40,"value":10914},{"type":34,"tag":42,"props":10918,"children":10919},{},[10920],{"type":40,"value":10921},"若想在 Google AI Studio 中體驗此功能，請參考以下步驟進行操作：",{"type":34,"tag":1854,"props":10923,"children":10925},{"id":10924},"步驟一前往-ai-studio-後按右側模型選擇",[10926],{"type":40,"value":10927},"步驟一：前往 AI Studio 後按右側模型選擇",{"type":34,"tag":565,"props":10929,"children":10931},{"className":10930},[568,569,570,571,572,573,574],[10932,10933,10939,10940],{"type":40,"value":577},{"type":34,"tag":579,"props":10934,"children":10938},{"src":10935,"alt":10936,"className":10937},"\u002Fimages\u002F3.5live\u002F1前往ai studio後按右側模型選擇.jpg","前往 AI Studio 後按右側模型選擇",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10941,"children":10943},{"className":10942},[590,591,592,593,594,595],[10944],{"type":40,"value":10945},"進入 Google AI Studio 頁面，點擊右側的模式與模型選擇區",{"type":34,"tag":1854,"props":10947,"children":10949},{"id":10948},"步驟二選擇-audio-就可以找到-35-live-translate",[10950],{"type":40,"value":10951},"步驟二：選擇 Audio 就可以找到 3.5 live translate",{"type":34,"tag":565,"props":10953,"children":10955},{"className":10954},[568,569,570,571,572,573,574],[10956,10957,10963,10964],{"type":40,"value":577},{"type":34,"tag":579,"props":10958,"children":10962},{"src":10959,"alt":10960,"className":10961},"\u002Fimages\u002F3.5live\u002F2選擇audio 就可以找到3.5 live translate.jpg","選擇 Audio 就可以找到 3.5 Live Translate",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10965,"children":10967},{"className":10966},[590,591,592,593,594,595],[10968],{"type":40,"value":10969},"切換至 Audio 頁籤，即可從下拉選單中找到 gemini-3.5-live-translate-preview 模型",{"type":34,"tag":1854,"props":10971,"children":10973},{"id":10972},"步驟三設定目標語言-target-language",[10974],{"type":40,"value":10975},"步驟三：設定目標語言 (Target Language)",{"type":34,"tag":565,"props":10977,"children":10979},{"className":10978},[568,569,570,571,572,573,574],[10980,10981,10987,10988],{"type":40,"value":577},{"type":34,"tag":579,"props":10982,"children":10986},{"src":10983,"alt":10984,"className":10985},"\u002Fimages\u002F3.5live\u002F4選target language.jpg","選擇 target language",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":10989,"children":10991},{"className":10990},[590,591,592,593,594,595],[10992],{"type":40,"value":10993},"在設定區點擊選擇你的 Target Language（例如繁體中文、英文、日文等）即可開始運作",{"type":34,"tag":1854,"props":10995,"children":10997},{"id":10996},"步驟四點-talk-可直接使用麥克風進行即時翻譯或選擇分頁共用音訊",[10998],{"type":40,"value":10999},"步驟四：點 Talk 可直接使用麥克風進行即時翻譯或選擇分頁共用音訊",{"type":34,"tag":565,"props":11001,"children":11003},{"className":11002},[568,569,570,571,572,573,574],[11004,11005,11011,11012],{"type":40,"value":577},{"type":34,"tag":579,"props":11006,"children":11010},{"src":11007,"alt":11008,"className":11009},"\u002Fimages\u002F3.5live\u002F3點Talk可直接使用麥克風進行即時翻譯share Audio from tab可以選擇要翻譯的頁面如yt.jpg","點 Talk 開始即時翻譯或分享分頁音訊",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":11013,"children":11015},{"className":11014},[590,591,592,593,594,595],[11016],{"type":40,"value":11017},"點擊「Talk」按鈕即可直接使用麥克風說話進行即時口譯。若想翻譯其他網頁（例如 YouTube 影片），可選擇「Share Audio from tab」來導入分頁音訊",{"type":34,"tag":98,"props":11019,"children":11020},{},[],{"type":34,"tag":35,"props":11022,"children":11024},{"id":11023},"開發者指南使用-gemini-live-api-進行即時翻譯",[11025],{"type":40,"value":11026},"開發者指南：使用 Gemini Live API 進行即時翻譯",{"type":34,"tag":42,"props":11028,"children":11029},{},[11030],{"type":40,"value":11031},"除了網頁端體驗外，Google 也開放了 Live API 供開發者整合。",{"type":34,"tag":42,"props":11033,"children":11034},{},[11035],{"type":40,"value":11036},"在使用 Gemini Live API 時，必須理解「線上服務專員 (Conversational Agent)」與「即時翻譯 (Live Translation)」這兩個功能在心理模型與技術運作上的核心差異：",{"type":34,"tag":6866,"props":11038,"children":11039},{},[11040,11061],{"type":34,"tag":6870,"props":11041,"children":11042},{},[11043],{"type":34,"tag":6874,"props":11044,"children":11045},{},[11046,11051,11056],{"type":34,"tag":6878,"props":11047,"children":11048},{"align":6880},[11049],{"type":40,"value":11050},"功能特性",{"type":34,"tag":6878,"props":11052,"children":11053},{"align":6880},[11054],{"type":40,"value":11055},"線上服務專員 (Conversational Agent)",{"type":34,"tag":6878,"props":11057,"children":11058},{"align":6880},[11059],{"type":40,"value":11060},"即時翻譯 (Live Translation)",{"type":34,"tag":6890,"props":11062,"children":11063},{},[11064,11085,11106,11127,11148],{"type":34,"tag":6874,"props":11065,"children":11066},{},[11067,11075,11080],{"type":34,"tag":6897,"props":11068,"children":11069},{"align":6880},[11070],{"type":34,"tag":1008,"props":11071,"children":11072},{},[11073],{"type":40,"value":11074},"角色定位",{"type":34,"tag":6897,"props":11076,"children":11077},{"align":6880},[11078],{"type":40,"value":11079},"扮演助理，負責聆聽、推理並代為執行指令。",{"type":34,"tag":6897,"props":11081,"children":11082},{"align":6880},[11083],{"type":40,"value":11084},"擔任口譯員，純粹進行語音到語音的翻譯管道。",{"type":34,"tag":6874,"props":11086,"children":11087},{},[11088,11096,11101],{"type":34,"tag":6897,"props":11089,"children":11090},{"align":6880},[11091],{"type":34,"tag":1008,"props":11092,"children":11093},{},[11094],{"type":40,"value":11095},"互動模式",{"type":34,"tag":6897,"props":11097,"children":11098},{"align":6880},[11099],{"type":40,"value":11100},"回合制。依賴暫停偵測、意圖分析與中斷處理。",{"type":34,"tag":6897,"props":11102,"children":11103},{"align":6880},[11104],{"type":40,"value":11105},"連續串流。講者一邊說一邊翻譯，不需等待發言結束。",{"type":34,"tag":6874,"props":11107,"children":11108},{},[11109,11117,11122],{"type":34,"tag":6897,"props":11110,"children":11111},{"align":6880},[11112],{"type":34,"tag":1008,"props":11113,"children":11114},{},[11115],{"type":40,"value":11116},"工具與擴充",{"type":34,"tag":6897,"props":11118,"children":11119},{"align":6880},[11120],{"type":40,"value":11121},"支援 Function Calling、Google 搜尋與系統指令。",{"type":34,"tag":6897,"props":11123,"children":11124},{"align":6880},[11125],{"type":40,"value":11126},"僅支援翻譯。為保證低延遲，不支援其他工具或外部指令。",{"type":34,"tag":6874,"props":11128,"children":11129},{},[11130,11138,11143],{"type":34,"tag":6897,"props":11131,"children":11132},{"align":6880},[11133],{"type":34,"tag":1008,"props":11134,"children":11135},{},[11136],{"type":40,"value":11137},"多模態能力",{"type":34,"tag":6897,"props":11139,"children":11140},{"align":6880},[11141],{"type":40,"value":11142},"完整支援文字、音訊、影片與圖片輸入。",{"type":34,"tag":6897,"props":11144,"children":11145},{"align":6880},[11146],{"type":40,"value":11147},"僅限音訊輸入，以確保最嚴格的即時延遲時間門檻。",{"type":34,"tag":6874,"props":11149,"children":11150},{},[11151,11159,11164],{"type":34,"tag":6897,"props":11152,"children":11153},{"align":6880},[11154],{"type":34,"tag":1008,"props":11155,"children":11156},{},[11157],{"type":40,"value":11158},"設定複雜度",{"type":34,"tag":6897,"props":11160,"children":11161},{"align":6880},[11162],{"type":40,"value":11163},"需設定生成參數、語音種類、工具描述與系統指令。",{"type":34,"tag":6897,"props":11165,"children":11166},{"align":6880},[11167],{"type":40,"value":11168},"簡化設定。僅需指定目標語言代碼與處理相同語言時的行為。",{"type":34,"tag":98,"props":11170,"children":11171},{},[],{"type":34,"tag":35,"props":11173,"children":11175},{"id":11174},"連線與實作範例",[11176],{"type":40,"value":11174},{"type":34,"tag":42,"props":11178,"children":11179},{},[11180,11182,11188],{"type":40,"value":11181},"以下是使用 Python 初始化用戶端並透過 ",{"type":34,"tag":58,"props":11183,"children":11185},{"className":11184},[],[11186],{"type":40,"value":11187},"LiveConnectConfig",{"type":40,"value":11189}," 連接 Live API 進行即時翻譯的程式碼範例：",{"type":34,"tag":243,"props":11191,"children":11195},{"className":11192,"code":11193,"language":11194,"meta":8,"style":8},"language-python shiki shiki-themes one-dark-pro","import asyncio\nfrom google import genai\nfrom google.genai import types\n\nclient = genai.Client()\n\nmodel = \"gemini-3.5-live-translate-preview\"\nconfig = types.LiveConnectConfig(\n    response_modalities=[\"AUDIO\"],\n    input_audio_transcription=types.AudioTranscriptionConfig(),\n    output_audio_transcription=types.AudioTranscriptionConfig(),\n    translation_config=types.TranslationConfig(\n        target_language_code=\"pl\", # 設定目標翻譯語言，例如 \"pl\" 代表波蘭文\n        echo_target_language=True  # 若輸入已是目標語言，是否要重述\u002F回應\n    )\n)\n\nasync def main():\n    async with client.aio.live.connect(model=model, config=config) as session:\n        print(\"Session started with translation\")\n        # 開始接收翻譯後的語音串流與文字轉錄\n        async for response in session.receive():\n            if response.server_content:\n                if response.server_content.input_transcription:\n                    print(f\"Input transcript: {response.server_content.input_transcription.text}\")\n                if response.server_content.output_transcription:\n                    print(f\"Output transcript: {response.server_content.output_transcription.text}\")\n                if response.server_content.model_turn:\n                    for part in response.server_content.model_turn.parts:\n                        if part.inline_data:\n                            audio_data = part.inline_data.data\n                            # 播放或處理接收到的音訊區塊（PCM 格式）\n                            print(f\"Received audio chunk ({len(audio_data)} bytes)\")\n\nif __name__ == \"__main__\":\n    asyncio.run(main())\n","python",[11196],{"type":34,"tag":58,"props":11197,"children":11198},{"__ignoreMap":8},[11199,11213,11235,11256,11263,11291,11298,11315,11341,11369,11396,11420,11445,11472,11494,11502,11510,11517,11540,11606,11627,11635,11672,11685,11698,11743,11755,11796,11808,11831,11845,11863,11872,11921,11929,11958],{"type":34,"tag":253,"props":11200,"children":11201},{"class":255,"line":256},[11202,11208],{"type":34,"tag":253,"props":11203,"children":11205},{"style":11204},"--shiki-default:#C678DD",[11206],{"type":40,"value":11207},"import",{"type":34,"tag":253,"props":11209,"children":11210},{"style":370},[11211],{"type":40,"value":11212}," asyncio\n",{"type":34,"tag":253,"props":11214,"children":11215},{"class":255,"line":708},[11216,11221,11226,11230],{"type":34,"tag":253,"props":11217,"children":11218},{"style":11204},[11219],{"type":40,"value":11220},"from",{"type":34,"tag":253,"props":11222,"children":11223},{"style":370},[11224],{"type":40,"value":11225}," google ",{"type":34,"tag":253,"props":11227,"children":11228},{"style":11204},[11229],{"type":40,"value":11207},{"type":34,"tag":253,"props":11231,"children":11232},{"style":370},[11233],{"type":40,"value":11234}," genai\n",{"type":34,"tag":253,"props":11236,"children":11237},{"class":255,"line":733},[11238,11242,11247,11251],{"type":34,"tag":253,"props":11239,"children":11240},{"style":11204},[11241],{"type":40,"value":11220},{"type":34,"tag":253,"props":11243,"children":11244},{"style":370},[11245],{"type":40,"value":11246}," google.genai ",{"type":34,"tag":253,"props":11248,"children":11249},{"style":11204},[11250],{"type":40,"value":11207},{"type":34,"tag":253,"props":11252,"children":11253},{"style":370},[11254],{"type":40,"value":11255}," types\n",{"type":34,"tag":253,"props":11257,"children":11258},{"class":255,"line":755},[11259],{"type":34,"tag":253,"props":11260,"children":11261},{"emptyLinePlaceholder":24},[11262],{"type":40,"value":5053},{"type":34,"tag":253,"props":11264,"children":11265},{"class":255,"line":777},[11266,11271,11276,11281,11286],{"type":34,"tag":253,"props":11267,"children":11268},{"style":370},[11269],{"type":40,"value":11270},"client ",{"type":34,"tag":253,"props":11272,"children":11273},{"style":5037},[11274],{"type":40,"value":11275},"=",{"type":34,"tag":253,"props":11277,"children":11278},{"style":370},[11279],{"type":40,"value":11280}," genai.",{"type":34,"tag":253,"props":11282,"children":11283},{"style":260},[11284],{"type":40,"value":11285},"Client",{"type":34,"tag":253,"props":11287,"children":11288},{"style":370},[11289],{"type":40,"value":11290},"()\n",{"type":34,"tag":253,"props":11292,"children":11293},{"class":255,"line":795},[11294],{"type":34,"tag":253,"props":11295,"children":11296},{"emptyLinePlaceholder":24},[11297],{"type":40,"value":5053},{"type":34,"tag":253,"props":11299,"children":11300},{"class":255,"line":5085},[11301,11306,11310],{"type":34,"tag":253,"props":11302,"children":11303},{"style":370},[11304],{"type":40,"value":11305},"model ",{"type":34,"tag":253,"props":11307,"children":11308},{"style":5037},[11309],{"type":40,"value":11275},{"type":34,"tag":253,"props":11311,"children":11312},{"style":271},[11313],{"type":40,"value":11314}," \"gemini-3.5-live-translate-preview\"\n",{"type":34,"tag":253,"props":11316,"children":11317},{"class":255,"line":5094},[11318,11323,11327,11332,11336],{"type":34,"tag":253,"props":11319,"children":11320},{"style":370},[11321],{"type":40,"value":11322},"config ",{"type":34,"tag":253,"props":11324,"children":11325},{"style":5037},[11326],{"type":40,"value":11275},{"type":34,"tag":253,"props":11328,"children":11329},{"style":370},[11330],{"type":40,"value":11331}," types.",{"type":34,"tag":253,"props":11333,"children":11334},{"style":260},[11335],{"type":40,"value":11187},{"type":34,"tag":253,"props":11337,"children":11338},{"style":370},[11339],{"type":40,"value":11340},"(\n",{"type":34,"tag":253,"props":11342,"children":11343},{"class":255,"line":5117},[11344,11350,11354,11359,11364],{"type":34,"tag":253,"props":11345,"children":11347},{"style":11346},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[11348],{"type":40,"value":11349},"    response_modalities",{"type":34,"tag":253,"props":11351,"children":11352},{"style":5037},[11353],{"type":40,"value":11275},{"type":34,"tag":253,"props":11355,"children":11356},{"style":370},[11357],{"type":40,"value":11358},"[",{"type":34,"tag":253,"props":11360,"children":11361},{"style":271},[11362],{"type":40,"value":11363},"\"AUDIO\"",{"type":34,"tag":253,"props":11365,"children":11366},{"style":370},[11367],{"type":40,"value":11368},"],\n",{"type":34,"tag":253,"props":11370,"children":11371},{"class":255,"line":5125},[11372,11377,11381,11386,11391],{"type":34,"tag":253,"props":11373,"children":11374},{"style":11346},[11375],{"type":40,"value":11376},"    input_audio_transcription",{"type":34,"tag":253,"props":11378,"children":11379},{"style":5037},[11380],{"type":40,"value":11275},{"type":34,"tag":253,"props":11382,"children":11383},{"style":370},[11384],{"type":40,"value":11385},"types.",{"type":34,"tag":253,"props":11387,"children":11388},{"style":260},[11389],{"type":40,"value":11390},"AudioTranscriptionConfig",{"type":34,"tag":253,"props":11392,"children":11393},{"style":370},[11394],{"type":40,"value":11395},"(),\n",{"type":34,"tag":253,"props":11397,"children":11398},{"class":255,"line":5134},[11399,11404,11408,11412,11416],{"type":34,"tag":253,"props":11400,"children":11401},{"style":11346},[11402],{"type":40,"value":11403},"    output_audio_transcription",{"type":34,"tag":253,"props":11405,"children":11406},{"style":5037},[11407],{"type":40,"value":11275},{"type":34,"tag":253,"props":11409,"children":11410},{"style":370},[11411],{"type":40,"value":11385},{"type":34,"tag":253,"props":11413,"children":11414},{"style":260},[11415],{"type":40,"value":11390},{"type":34,"tag":253,"props":11417,"children":11418},{"style":370},[11419],{"type":40,"value":11395},{"type":34,"tag":253,"props":11421,"children":11422},{"class":255,"line":5673},[11423,11428,11432,11436,11441],{"type":34,"tag":253,"props":11424,"children":11425},{"style":11346},[11426],{"type":40,"value":11427},"    translation_config",{"type":34,"tag":253,"props":11429,"children":11430},{"style":5037},[11431],{"type":40,"value":11275},{"type":34,"tag":253,"props":11433,"children":11434},{"style":370},[11435],{"type":40,"value":11385},{"type":34,"tag":253,"props":11437,"children":11438},{"style":260},[11439],{"type":40,"value":11440},"TranslationConfig",{"type":34,"tag":253,"props":11442,"children":11443},{"style":370},[11444],{"type":40,"value":11340},{"type":34,"tag":253,"props":11446,"children":11447},{"class":255,"line":5694},[11448,11453,11457,11462,11467],{"type":34,"tag":253,"props":11449,"children":11450},{"style":11346},[11451],{"type":40,"value":11452},"        target_language_code",{"type":34,"tag":253,"props":11454,"children":11455},{"style":5037},[11456],{"type":40,"value":11275},{"type":34,"tag":253,"props":11458,"children":11459},{"style":271},[11460],{"type":40,"value":11461},"\"pl\"",{"type":34,"tag":253,"props":11463,"children":11464},{"style":370},[11465],{"type":40,"value":11466},", ",{"type":34,"tag":253,"props":11468,"children":11469},{"style":5059},[11470],{"type":40,"value":11471},"# 設定目標翻譯語言，例如 \"pl\" 代表波蘭文\n",{"type":34,"tag":253,"props":11473,"children":11474},{"class":255,"line":5715},[11475,11480,11484,11489],{"type":34,"tag":253,"props":11476,"children":11477},{"style":11346},[11478],{"type":40,"value":11479},"        echo_target_language",{"type":34,"tag":253,"props":11481,"children":11482},{"style":5037},[11483],{"type":40,"value":11275},{"type":34,"tag":253,"props":11485,"children":11486},{"style":265},[11487],{"type":40,"value":11488},"True",{"type":34,"tag":253,"props":11490,"children":11491},{"style":5059},[11492],{"type":40,"value":11493},"  # 若輸入已是目標語言，是否要重述\u002F回應\n",{"type":34,"tag":253,"props":11495,"children":11496},{"class":255,"line":5732},[11497],{"type":34,"tag":253,"props":11498,"children":11499},{"style":370},[11500],{"type":40,"value":11501},"    )\n",{"type":34,"tag":253,"props":11503,"children":11504},{"class":255,"line":5740},[11505],{"type":34,"tag":253,"props":11506,"children":11507},{"style":370},[11508],{"type":40,"value":11509},")\n",{"type":34,"tag":253,"props":11511,"children":11512},{"class":255,"line":5748},[11513],{"type":34,"tag":253,"props":11514,"children":11515},{"emptyLinePlaceholder":24},[11516],{"type":40,"value":5053},{"type":34,"tag":253,"props":11518,"children":11519},{"class":255,"line":5769},[11520,11525,11530,11535],{"type":34,"tag":253,"props":11521,"children":11522},{"style":11204},[11523],{"type":40,"value":11524},"async",{"type":34,"tag":253,"props":11526,"children":11527},{"style":11204},[11528],{"type":40,"value":11529}," def",{"type":34,"tag":253,"props":11531,"children":11532},{"style":260},[11533],{"type":40,"value":11534}," main",{"type":34,"tag":253,"props":11536,"children":11537},{"style":370},[11538],{"type":40,"value":11539},"():\n",{"type":34,"tag":253,"props":11541,"children":11542},{"class":255,"line":5790},[11543,11548,11553,11558,11563,11568,11573,11577,11582,11587,11591,11596,11601],{"type":34,"tag":253,"props":11544,"children":11545},{"style":11204},[11546],{"type":40,"value":11547},"    async",{"type":34,"tag":253,"props":11549,"children":11550},{"style":11204},[11551],{"type":40,"value":11552}," with",{"type":34,"tag":253,"props":11554,"children":11555},{"style":370},[11556],{"type":40,"value":11557}," client.aio.live.",{"type":34,"tag":253,"props":11559,"children":11560},{"style":260},[11561],{"type":40,"value":11562},"connect",{"type":34,"tag":253,"props":11564,"children":11565},{"style":370},[11566],{"type":40,"value":11567},"(",{"type":34,"tag":253,"props":11569,"children":11570},{"style":11346},[11571],{"type":40,"value":11572},"model",{"type":34,"tag":253,"props":11574,"children":11575},{"style":5037},[11576],{"type":40,"value":11275},{"type":34,"tag":253,"props":11578,"children":11579},{"style":370},[11580],{"type":40,"value":11581},"model, ",{"type":34,"tag":253,"props":11583,"children":11584},{"style":11346},[11585],{"type":40,"value":11586},"config",{"type":34,"tag":253,"props":11588,"children":11589},{"style":5037},[11590],{"type":40,"value":11275},{"type":34,"tag":253,"props":11592,"children":11593},{"style":370},[11594],{"type":40,"value":11595},"config) ",{"type":34,"tag":253,"props":11597,"children":11598},{"style":11204},[11599],{"type":40,"value":11600},"as",{"type":34,"tag":253,"props":11602,"children":11603},{"style":370},[11604],{"type":40,"value":11605}," session:\n",{"type":34,"tag":253,"props":11607,"children":11608},{"class":255,"line":5806},[11609,11614,11618,11623],{"type":34,"tag":253,"props":11610,"children":11611},{"style":5037},[11612],{"type":40,"value":11613},"        print",{"type":34,"tag":253,"props":11615,"children":11616},{"style":370},[11617],{"type":40,"value":11567},{"type":34,"tag":253,"props":11619,"children":11620},{"style":271},[11621],{"type":40,"value":11622},"\"Session started with translation\"",{"type":34,"tag":253,"props":11624,"children":11625},{"style":370},[11626],{"type":40,"value":11509},{"type":34,"tag":253,"props":11628,"children":11629},{"class":255,"line":5815},[11630],{"type":34,"tag":253,"props":11631,"children":11632},{"style":5059},[11633],{"type":40,"value":11634},"        # 開始接收翻譯後的語音串流與文字轉錄\n",{"type":34,"tag":253,"props":11636,"children":11637},{"class":255,"line":5824},[11638,11643,11648,11653,11658,11663,11668],{"type":34,"tag":253,"props":11639,"children":11640},{"style":11204},[11641],{"type":40,"value":11642},"        async",{"type":34,"tag":253,"props":11644,"children":11645},{"style":11204},[11646],{"type":40,"value":11647}," for",{"type":34,"tag":253,"props":11649,"children":11650},{"style":370},[11651],{"type":40,"value":11652}," response ",{"type":34,"tag":253,"props":11654,"children":11655},{"style":11204},[11656],{"type":40,"value":11657},"in",{"type":34,"tag":253,"props":11659,"children":11660},{"style":370},[11661],{"type":40,"value":11662}," session.",{"type":34,"tag":253,"props":11664,"children":11665},{"style":260},[11666],{"type":40,"value":11667},"receive",{"type":34,"tag":253,"props":11669,"children":11670},{"style":370},[11671],{"type":40,"value":11539},{"type":34,"tag":253,"props":11673,"children":11674},{"class":255,"line":5833},[11675,11680],{"type":34,"tag":253,"props":11676,"children":11677},{"style":11204},[11678],{"type":40,"value":11679},"            if",{"type":34,"tag":253,"props":11681,"children":11682},{"style":370},[11683],{"type":40,"value":11684}," response.server_content:\n",{"type":34,"tag":253,"props":11686,"children":11687},{"class":255,"line":5846},[11688,11693],{"type":34,"tag":253,"props":11689,"children":11690},{"style":11204},[11691],{"type":40,"value":11692},"                if",{"type":34,"tag":253,"props":11694,"children":11695},{"style":370},[11696],{"type":40,"value":11697}," response.server_content.input_transcription:\n",{"type":34,"tag":253,"props":11699,"children":11700},{"class":255,"line":5866},[11701,11706,11710,11715,11720,11725,11730,11735,11739],{"type":34,"tag":253,"props":11702,"children":11703},{"style":5037},[11704],{"type":40,"value":11705},"                    print",{"type":34,"tag":253,"props":11707,"children":11708},{"style":370},[11709],{"type":40,"value":11567},{"type":34,"tag":253,"props":11711,"children":11712},{"style":11204},[11713],{"type":40,"value":11714},"f",{"type":34,"tag":253,"props":11716,"children":11717},{"style":271},[11718],{"type":40,"value":11719},"\"Input transcript: ",{"type":34,"tag":253,"props":11721,"children":11722},{"style":265},[11723],{"type":40,"value":11724},"{",{"type":34,"tag":253,"props":11726,"children":11727},{"style":370},[11728],{"type":40,"value":11729},"response.server_content.input_transcription.text",{"type":34,"tag":253,"props":11731,"children":11732},{"style":265},[11733],{"type":40,"value":11734},"}",{"type":34,"tag":253,"props":11736,"children":11737},{"style":271},[11738],{"type":40,"value":9521},{"type":34,"tag":253,"props":11740,"children":11741},{"style":370},[11742],{"type":40,"value":11509},{"type":34,"tag":253,"props":11744,"children":11745},{"class":255,"line":5884},[11746,11750],{"type":34,"tag":253,"props":11747,"children":11748},{"style":11204},[11749],{"type":40,"value":11692},{"type":34,"tag":253,"props":11751,"children":11752},{"style":370},[11753],{"type":40,"value":11754}," response.server_content.output_transcription:\n",{"type":34,"tag":253,"props":11756,"children":11757},{"class":255,"line":5893},[11758,11762,11766,11770,11775,11779,11784,11788,11792],{"type":34,"tag":253,"props":11759,"children":11760},{"style":5037},[11761],{"type":40,"value":11705},{"type":34,"tag":253,"props":11763,"children":11764},{"style":370},[11765],{"type":40,"value":11567},{"type":34,"tag":253,"props":11767,"children":11768},{"style":11204},[11769],{"type":40,"value":11714},{"type":34,"tag":253,"props":11771,"children":11772},{"style":271},[11773],{"type":40,"value":11774},"\"Output transcript: ",{"type":34,"tag":253,"props":11776,"children":11777},{"style":265},[11778],{"type":40,"value":11724},{"type":34,"tag":253,"props":11780,"children":11781},{"style":370},[11782],{"type":40,"value":11783},"response.server_content.output_transcription.text",{"type":34,"tag":253,"props":11785,"children":11786},{"style":265},[11787],{"type":40,"value":11734},{"type":34,"tag":253,"props":11789,"children":11790},{"style":271},[11791],{"type":40,"value":9521},{"type":34,"tag":253,"props":11793,"children":11794},{"style":370},[11795],{"type":40,"value":11509},{"type":34,"tag":253,"props":11797,"children":11798},{"class":255,"line":5902},[11799,11803],{"type":34,"tag":253,"props":11800,"children":11801},{"style":11204},[11802],{"type":40,"value":11692},{"type":34,"tag":253,"props":11804,"children":11805},{"style":370},[11806],{"type":40,"value":11807}," response.server_content.model_turn:\n",{"type":34,"tag":253,"props":11809,"children":11811},{"class":255,"line":11810},29,[11812,11817,11822,11826],{"type":34,"tag":253,"props":11813,"children":11814},{"style":11204},[11815],{"type":40,"value":11816},"                    for",{"type":34,"tag":253,"props":11818,"children":11819},{"style":370},[11820],{"type":40,"value":11821}," part ",{"type":34,"tag":253,"props":11823,"children":11824},{"style":11204},[11825],{"type":40,"value":11657},{"type":34,"tag":253,"props":11827,"children":11828},{"style":370},[11829],{"type":40,"value":11830}," response.server_content.model_turn.parts:\n",{"type":34,"tag":253,"props":11832,"children":11834},{"class":255,"line":11833},30,[11835,11840],{"type":34,"tag":253,"props":11836,"children":11837},{"style":11204},[11838],{"type":40,"value":11839},"                        if",{"type":34,"tag":253,"props":11841,"children":11842},{"style":370},[11843],{"type":40,"value":11844}," part.inline_data:\n",{"type":34,"tag":253,"props":11846,"children":11848},{"class":255,"line":11847},31,[11849,11854,11858],{"type":34,"tag":253,"props":11850,"children":11851},{"style":370},[11852],{"type":40,"value":11853},"                            audio_data ",{"type":34,"tag":253,"props":11855,"children":11856},{"style":5037},[11857],{"type":40,"value":11275},{"type":34,"tag":253,"props":11859,"children":11860},{"style":370},[11861],{"type":40,"value":11862}," part.inline_data.data\n",{"type":34,"tag":253,"props":11864,"children":11866},{"class":255,"line":11865},32,[11867],{"type":34,"tag":253,"props":11868,"children":11869},{"style":5059},[11870],{"type":40,"value":11871},"                            # 播放或處理接收到的音訊區塊（PCM 格式）\n",{"type":34,"tag":253,"props":11873,"children":11875},{"class":255,"line":11874},33,[11876,11881,11885,11889,11894,11898,11903,11908,11912,11917],{"type":34,"tag":253,"props":11877,"children":11878},{"style":5037},[11879],{"type":40,"value":11880},"                            print",{"type":34,"tag":253,"props":11882,"children":11883},{"style":370},[11884],{"type":40,"value":11567},{"type":34,"tag":253,"props":11886,"children":11887},{"style":11204},[11888],{"type":40,"value":11714},{"type":34,"tag":253,"props":11890,"children":11891},{"style":271},[11892],{"type":40,"value":11893},"\"Received audio chunk (",{"type":34,"tag":253,"props":11895,"children":11896},{"style":265},[11897],{"type":40,"value":11724},{"type":34,"tag":253,"props":11899,"children":11900},{"style":5037},[11901],{"type":40,"value":11902},"len",{"type":34,"tag":253,"props":11904,"children":11905},{"style":370},[11906],{"type":40,"value":11907},"(audio_data)",{"type":34,"tag":253,"props":11909,"children":11910},{"style":265},[11911],{"type":40,"value":11734},{"type":34,"tag":253,"props":11913,"children":11914},{"style":271},[11915],{"type":40,"value":11916}," bytes)\"",{"type":34,"tag":253,"props":11918,"children":11919},{"style":370},[11920],{"type":40,"value":11509},{"type":34,"tag":253,"props":11922,"children":11924},{"class":255,"line":11923},34,[11925],{"type":34,"tag":253,"props":11926,"children":11927},{"emptyLinePlaceholder":24},[11928],{"type":40,"value":5053},{"type":34,"tag":253,"props":11930,"children":11932},{"class":255,"line":11931},35,[11933,11938,11943,11948,11953],{"type":34,"tag":253,"props":11934,"children":11935},{"style":11204},[11936],{"type":40,"value":11937},"if",{"type":34,"tag":253,"props":11939,"children":11940},{"style":712},[11941],{"type":40,"value":11942}," __name__",{"type":34,"tag":253,"props":11944,"children":11945},{"style":5037},[11946],{"type":40,"value":11947}," ==",{"type":34,"tag":253,"props":11949,"children":11950},{"style":271},[11951],{"type":40,"value":11952}," \"__main__\"",{"type":34,"tag":253,"props":11954,"children":11955},{"style":370},[11956],{"type":40,"value":11957},":\n",{"type":34,"tag":253,"props":11959,"children":11961},{"class":255,"line":11960},36,[11962,11967,11972,11976,11981],{"type":34,"tag":253,"props":11963,"children":11964},{"style":370},[11965],{"type":40,"value":11966},"    asyncio.",{"type":34,"tag":253,"props":11968,"children":11969},{"style":260},[11970],{"type":40,"value":11971},"run",{"type":34,"tag":253,"props":11973,"children":11974},{"style":370},[11975],{"type":40,"value":11567},{"type":34,"tag":253,"props":11977,"children":11978},{"style":260},[11979],{"type":40,"value":11980},"main",{"type":34,"tag":253,"props":11982,"children":11983},{"style":370},[11984],{"type":40,"value":11985},"())\n",{"type":34,"tag":1854,"props":11987,"children":11989},{"id":11988},"傳送音訊資料",[11990],{"type":40,"value":11988},{"type":34,"tag":42,"props":11992,"children":11993},{},[11994],{"type":40,"value":11995},"要將語音輸入傳送至 Live API 進行翻譯，必須以每 100 毫秒 (100ms) 的區塊格式，串流傳送符合規格的 PCM 音訊：",{"type":34,"tag":122,"props":11997,"children":11998},{},[11999,12009],{"type":34,"tag":126,"props":12000,"children":12001},{},[12002,12007],{"type":34,"tag":1008,"props":12003,"children":12004},{},[12005],{"type":40,"value":12006},"輸入音訊規格",{"type":40,"value":12008},"：16 kHz, 原始 16-bit PCM（單聲道，小端序\u002FLittle-Endian）。",{"type":34,"tag":126,"props":12010,"children":12011},{},[12012,12017],{"type":34,"tag":1008,"props":12013,"children":12014},{},[12015],{"type":40,"value":12016},"輸出音訊規格",{"type":40,"value":12018},"：24 kHz, 原始 16-bit PCM（單聲道，小端序\u002FLittle-Endian）。",{"type":34,"tag":243,"props":12020,"children":12022},{"className":11192,"code":12021,"language":11194,"meta":8,"style":8},"# 假設 chunk 是你的原始 PCM 音訊位元組資料\nawait session.send_realtime_input(\n    audio=types.Blob(\n        data=chunk,\n        mime_type=\"audio\u002Fpcm;rate=16000\"\n    )\n)\n",[12023],{"type":34,"tag":58,"props":12024,"children":12025},{"__ignoreMap":8},[12026,12034,12055,12080,12097,12114,12121],{"type":34,"tag":253,"props":12027,"children":12028},{"class":255,"line":256},[12029],{"type":34,"tag":253,"props":12030,"children":12031},{"style":5059},[12032],{"type":40,"value":12033},"# 假設 chunk 是你的原始 PCM 音訊位元組資料\n",{"type":34,"tag":253,"props":12035,"children":12036},{"class":255,"line":708},[12037,12042,12046,12051],{"type":34,"tag":253,"props":12038,"children":12039},{"style":11204},[12040],{"type":40,"value":12041},"await",{"type":34,"tag":253,"props":12043,"children":12044},{"style":370},[12045],{"type":40,"value":11662},{"type":34,"tag":253,"props":12047,"children":12048},{"style":260},[12049],{"type":40,"value":12050},"send_realtime_input",{"type":34,"tag":253,"props":12052,"children":12053},{"style":370},[12054],{"type":40,"value":11340},{"type":34,"tag":253,"props":12056,"children":12057},{"class":255,"line":733},[12058,12063,12067,12071,12076],{"type":34,"tag":253,"props":12059,"children":12060},{"style":11346},[12061],{"type":40,"value":12062},"    audio",{"type":34,"tag":253,"props":12064,"children":12065},{"style":5037},[12066],{"type":40,"value":11275},{"type":34,"tag":253,"props":12068,"children":12069},{"style":370},[12070],{"type":40,"value":11385},{"type":34,"tag":253,"props":12072,"children":12073},{"style":260},[12074],{"type":40,"value":12075},"Blob",{"type":34,"tag":253,"props":12077,"children":12078},{"style":370},[12079],{"type":40,"value":11340},{"type":34,"tag":253,"props":12081,"children":12082},{"class":255,"line":755},[12083,12088,12092],{"type":34,"tag":253,"props":12084,"children":12085},{"style":11346},[12086],{"type":40,"value":12087},"        data",{"type":34,"tag":253,"props":12089,"children":12090},{"style":5037},[12091],{"type":40,"value":11275},{"type":34,"tag":253,"props":12093,"children":12094},{"style":370},[12095],{"type":40,"value":12096},"chunk,\n",{"type":34,"tag":253,"props":12098,"children":12099},{"class":255,"line":777},[12100,12105,12109],{"type":34,"tag":253,"props":12101,"children":12102},{"style":11346},[12103],{"type":40,"value":12104},"        mime_type",{"type":34,"tag":253,"props":12106,"children":12107},{"style":5037},[12108],{"type":40,"value":11275},{"type":34,"tag":253,"props":12110,"children":12111},{"style":271},[12112],{"type":40,"value":12113},"\"audio\u002Fpcm;rate=16000\"\n",{"type":34,"tag":253,"props":12115,"children":12116},{"class":255,"line":795},[12117],{"type":34,"tag":253,"props":12118,"children":12119},{"style":370},[12120],{"type":40,"value":11501},{"type":34,"tag":253,"props":12122,"children":12123},{"class":255,"line":5085},[12124],{"type":34,"tag":253,"props":12125,"children":12126},{"style":370},[12127],{"type":40,"value":11509},{"type":34,"tag":98,"props":12129,"children":12130},{},[],{"type":34,"tag":35,"props":12132,"children":12134},{"id":12133},"用戶端應用程式的臨時權杖-ephemeral-tokens",[12135],{"type":40,"value":12136},"用戶端應用程式的臨時權杖 (Ephemeral Tokens)",{"type":34,"tag":42,"props":12138,"children":12139},{},[12140],{"type":40,"value":12141},"在開發行動端或瀏覽器端的即時翻譯應用時，為了避免在客戶端代碼中暴露你的主要 API 金鑰 (API Key)，可以使用臨時權杖機制 (v1alpha 版本)：",{"type":34,"tag":177,"props":12143,"children":12144},{},[12145,12158,12176],{"type":34,"tag":126,"props":12146,"children":12147},{},[12148,12150,12156],{"type":40,"value":12149},"必須使用 ",{"type":34,"tag":58,"props":12151,"children":12153},{"className":12152},[],[12154],{"type":40,"value":12155},"v1alpha",{"type":40,"value":12157}," 端點。",{"type":34,"tag":126,"props":12159,"children":12160},{},[12161,12166,12168,12174],{"type":34,"tag":1008,"props":12162,"children":12163},{},[12164],{"type":40,"value":12165},"鎖定設定",{"type":40,"value":12167},"：開發者可在後端伺服器建立權杖時限制 ",{"type":34,"tag":58,"props":12169,"children":12171},{"className":12170},[],[12172],{"type":40,"value":12173},"translationConfig",{"type":40,"value":12175},"。這能確保翻譯參數被鎖定，客戶端無法擅自修改。",{"type":34,"tag":126,"props":12177,"children":12178},{},[12179,12184,12186,12192],{"type":34,"tag":1008,"props":12180,"children":12181},{},[12182],{"type":40,"value":12183},"解除鎖定",{"type":40,"value":12185},"：若想讓用戶在客戶端自由切換翻譯目標語言，可在伺服器端產生權杖時省略此設定，並宣告 ",{"type":34,"tag":58,"props":12187,"children":12189},{"className":12188},[],[12190],{"type":40,"value":12191},"'lock_additional_fields': []",{"type":40,"value":222},{"type":34,"tag":42,"props":12194,"children":12195},{},[12196],{"type":40,"value":12197},"以下是後端伺服器產生帶有限制的臨時權杖範例：",{"type":34,"tag":243,"props":12199,"children":12201},{"className":11192,"code":12200,"language":11194,"meta":8,"style":8},"import datetime\nfrom google import genai\n\nnow = datetime.datetime.now(tz=datetime.timezone.utc)\n\nclient = genai.Client(\n    http_options={'api_version': 'v1alpha'}\n)\n\ntoken = client.auth_tokens.create(\n    config = {\n        'uses': 1,\n        'expire_time': now + datetime.timedelta(minutes=30),\n        'live_connect_constraints': {\n            'model': 'gemini-3.5-live-translate-preview',\n            'config': {\n                'translation_config': {\n                    'target_language_code': 'pl',\n                    'echo_target_language': True\n                }\n            }\n        },\n        'http_options': {'api_version': 'v1alpha'},\n    }\n)\n",[12202],{"type":34,"tag":58,"props":12203,"children":12204},{"__ignoreMap":8},[12205,12217,12236,12243,12283,12290,12313,12347,12354,12361,12387,12405,12426,12477,12489,12510,12522,12534,12555,12572,12580,12588,12595,12625,12632],{"type":34,"tag":253,"props":12206,"children":12207},{"class":255,"line":256},[12208,12212],{"type":34,"tag":253,"props":12209,"children":12210},{"style":11204},[12211],{"type":40,"value":11207},{"type":34,"tag":253,"props":12213,"children":12214},{"style":370},[12215],{"type":40,"value":12216}," datetime\n",{"type":34,"tag":253,"props":12218,"children":12219},{"class":255,"line":708},[12220,12224,12228,12232],{"type":34,"tag":253,"props":12221,"children":12222},{"style":11204},[12223],{"type":40,"value":11220},{"type":34,"tag":253,"props":12225,"children":12226},{"style":370},[12227],{"type":40,"value":11225},{"type":34,"tag":253,"props":12229,"children":12230},{"style":11204},[12231],{"type":40,"value":11207},{"type":34,"tag":253,"props":12233,"children":12234},{"style":370},[12235],{"type":40,"value":11234},{"type":34,"tag":253,"props":12237,"children":12238},{"class":255,"line":733},[12239],{"type":34,"tag":253,"props":12240,"children":12241},{"emptyLinePlaceholder":24},[12242],{"type":40,"value":5053},{"type":34,"tag":253,"props":12244,"children":12245},{"class":255,"line":755},[12246,12251,12255,12260,12265,12269,12274,12278],{"type":34,"tag":253,"props":12247,"children":12248},{"style":370},[12249],{"type":40,"value":12250},"now ",{"type":34,"tag":253,"props":12252,"children":12253},{"style":5037},[12254],{"type":40,"value":11275},{"type":34,"tag":253,"props":12256,"children":12257},{"style":370},[12258],{"type":40,"value":12259}," datetime.datetime.",{"type":34,"tag":253,"props":12261,"children":12262},{"style":260},[12263],{"type":40,"value":12264},"now",{"type":34,"tag":253,"props":12266,"children":12267},{"style":370},[12268],{"type":40,"value":11567},{"type":34,"tag":253,"props":12270,"children":12271},{"style":11346},[12272],{"type":40,"value":12273},"tz",{"type":34,"tag":253,"props":12275,"children":12276},{"style":5037},[12277],{"type":40,"value":11275},{"type":34,"tag":253,"props":12279,"children":12280},{"style":370},[12281],{"type":40,"value":12282},"datetime.timezone.utc)\n",{"type":34,"tag":253,"props":12284,"children":12285},{"class":255,"line":777},[12286],{"type":34,"tag":253,"props":12287,"children":12288},{"emptyLinePlaceholder":24},[12289],{"type":40,"value":5053},{"type":34,"tag":253,"props":12291,"children":12292},{"class":255,"line":795},[12293,12297,12301,12305,12309],{"type":34,"tag":253,"props":12294,"children":12295},{"style":370},[12296],{"type":40,"value":11270},{"type":34,"tag":253,"props":12298,"children":12299},{"style":5037},[12300],{"type":40,"value":11275},{"type":34,"tag":253,"props":12302,"children":12303},{"style":370},[12304],{"type":40,"value":11280},{"type":34,"tag":253,"props":12306,"children":12307},{"style":260},[12308],{"type":40,"value":11285},{"type":34,"tag":253,"props":12310,"children":12311},{"style":370},[12312],{"type":40,"value":11340},{"type":34,"tag":253,"props":12314,"children":12315},{"class":255,"line":5085},[12316,12321,12325,12329,12334,12338,12343],{"type":34,"tag":253,"props":12317,"children":12318},{"style":11346},[12319],{"type":40,"value":12320},"    http_options",{"type":34,"tag":253,"props":12322,"children":12323},{"style":5037},[12324],{"type":40,"value":11275},{"type":34,"tag":253,"props":12326,"children":12327},{"style":370},[12328],{"type":40,"value":11724},{"type":34,"tag":253,"props":12330,"children":12331},{"style":271},[12332],{"type":40,"value":12333},"'api_version'",{"type":34,"tag":253,"props":12335,"children":12336},{"style":370},[12337],{"type":40,"value":720},{"type":34,"tag":253,"props":12339,"children":12340},{"style":271},[12341],{"type":40,"value":12342},"'v1alpha'",{"type":34,"tag":253,"props":12344,"children":12345},{"style":370},[12346],{"type":40,"value":801},{"type":34,"tag":253,"props":12348,"children":12349},{"class":255,"line":5094},[12350],{"type":34,"tag":253,"props":12351,"children":12352},{"style":370},[12353],{"type":40,"value":11509},{"type":34,"tag":253,"props":12355,"children":12356},{"class":255,"line":5117},[12357],{"type":34,"tag":253,"props":12358,"children":12359},{"emptyLinePlaceholder":24},[12360],{"type":40,"value":5053},{"type":34,"tag":253,"props":12362,"children":12363},{"class":255,"line":5125},[12364,12369,12373,12378,12383],{"type":34,"tag":253,"props":12365,"children":12366},{"style":370},[12367],{"type":40,"value":12368},"token ",{"type":34,"tag":253,"props":12370,"children":12371},{"style":5037},[12372],{"type":40,"value":11275},{"type":34,"tag":253,"props":12374,"children":12375},{"style":370},[12376],{"type":40,"value":12377}," client.auth_tokens.",{"type":34,"tag":253,"props":12379,"children":12380},{"style":260},[12381],{"type":40,"value":12382},"create",{"type":34,"tag":253,"props":12384,"children":12385},{"style":370},[12386],{"type":40,"value":11340},{"type":34,"tag":253,"props":12388,"children":12389},{"class":255,"line":5134},[12390,12395,12400],{"type":34,"tag":253,"props":12391,"children":12392},{"style":11346},[12393],{"type":40,"value":12394},"    config",{"type":34,"tag":253,"props":12396,"children":12397},{"style":5037},[12398],{"type":40,"value":12399}," =",{"type":34,"tag":253,"props":12401,"children":12402},{"style":370},[12403],{"type":40,"value":12404}," {\n",{"type":34,"tag":253,"props":12406,"children":12407},{"class":255,"line":5673},[12408,12413,12417,12422],{"type":34,"tag":253,"props":12409,"children":12410},{"style":271},[12411],{"type":40,"value":12412},"        'uses'",{"type":34,"tag":253,"props":12414,"children":12415},{"style":370},[12416],{"type":40,"value":720},{"type":34,"tag":253,"props":12418,"children":12419},{"style":265},[12420],{"type":40,"value":12421},"1",{"type":34,"tag":253,"props":12423,"children":12424},{"style":370},[12425],{"type":40,"value":730},{"type":34,"tag":253,"props":12427,"children":12428},{"class":255,"line":5694},[12429,12434,12439,12444,12449,12454,12458,12463,12467,12472],{"type":34,"tag":253,"props":12430,"children":12431},{"style":271},[12432],{"type":40,"value":12433},"        'expire_time'",{"type":34,"tag":253,"props":12435,"children":12436},{"style":370},[12437],{"type":40,"value":12438},": now ",{"type":34,"tag":253,"props":12440,"children":12441},{"style":5037},[12442],{"type":40,"value":12443},"+",{"type":34,"tag":253,"props":12445,"children":12446},{"style":370},[12447],{"type":40,"value":12448}," datetime.",{"type":34,"tag":253,"props":12450,"children":12451},{"style":260},[12452],{"type":40,"value":12453},"timedelta",{"type":34,"tag":253,"props":12455,"children":12456},{"style":370},[12457],{"type":40,"value":11567},{"type":34,"tag":253,"props":12459,"children":12460},{"style":11346},[12461],{"type":40,"value":12462},"minutes",{"type":34,"tag":253,"props":12464,"children":12465},{"style":5037},[12466],{"type":40,"value":11275},{"type":34,"tag":253,"props":12468,"children":12469},{"style":265},[12470],{"type":40,"value":12471},"30",{"type":34,"tag":253,"props":12473,"children":12474},{"style":370},[12475],{"type":40,"value":12476},"),\n",{"type":34,"tag":253,"props":12478,"children":12479},{"class":255,"line":5715},[12480,12485],{"type":34,"tag":253,"props":12481,"children":12482},{"style":271},[12483],{"type":40,"value":12484},"        'live_connect_constraints'",{"type":34,"tag":253,"props":12486,"children":12487},{"style":370},[12488],{"type":40,"value":5542},{"type":34,"tag":253,"props":12490,"children":12491},{"class":255,"line":5732},[12492,12497,12501,12506],{"type":34,"tag":253,"props":12493,"children":12494},{"style":271},[12495],{"type":40,"value":12496},"            'model'",{"type":34,"tag":253,"props":12498,"children":12499},{"style":370},[12500],{"type":40,"value":720},{"type":34,"tag":253,"props":12502,"children":12503},{"style":271},[12504],{"type":40,"value":12505},"'gemini-3.5-live-translate-preview'",{"type":34,"tag":253,"props":12507,"children":12508},{"style":370},[12509],{"type":40,"value":730},{"type":34,"tag":253,"props":12511,"children":12512},{"class":255,"line":5740},[12513,12518],{"type":34,"tag":253,"props":12514,"children":12515},{"style":271},[12516],{"type":40,"value":12517},"            'config'",{"type":34,"tag":253,"props":12519,"children":12520},{"style":370},[12521],{"type":40,"value":5542},{"type":34,"tag":253,"props":12523,"children":12524},{"class":255,"line":5748},[12525,12530],{"type":34,"tag":253,"props":12526,"children":12527},{"style":271},[12528],{"type":40,"value":12529},"                'translation_config'",{"type":34,"tag":253,"props":12531,"children":12532},{"style":370},[12533],{"type":40,"value":5542},{"type":34,"tag":253,"props":12535,"children":12536},{"class":255,"line":5769},[12537,12542,12546,12551],{"type":34,"tag":253,"props":12538,"children":12539},{"style":271},[12540],{"type":40,"value":12541},"                    'target_language_code'",{"type":34,"tag":253,"props":12543,"children":12544},{"style":370},[12545],{"type":40,"value":720},{"type":34,"tag":253,"props":12547,"children":12548},{"style":271},[12549],{"type":40,"value":12550},"'pl'",{"type":34,"tag":253,"props":12552,"children":12553},{"style":370},[12554],{"type":40,"value":730},{"type":34,"tag":253,"props":12556,"children":12557},{"class":255,"line":5790},[12558,12563,12567],{"type":34,"tag":253,"props":12559,"children":12560},{"style":271},[12561],{"type":40,"value":12562},"                    'echo_target_language'",{"type":34,"tag":253,"props":12564,"children":12565},{"style":370},[12566],{"type":40,"value":720},{"type":34,"tag":253,"props":12568,"children":12569},{"style":265},[12570],{"type":40,"value":12571},"True\n",{"type":34,"tag":253,"props":12573,"children":12574},{"class":255,"line":5806},[12575],{"type":34,"tag":253,"props":12576,"children":12577},{"style":370},[12578],{"type":40,"value":12579},"                }\n",{"type":34,"tag":253,"props":12581,"children":12582},{"class":255,"line":5815},[12583],{"type":34,"tag":253,"props":12584,"children":12585},{"style":370},[12586],{"type":40,"value":12587},"            }\n",{"type":34,"tag":253,"props":12589,"children":12590},{"class":255,"line":5824},[12591],{"type":34,"tag":253,"props":12592,"children":12593},{"style":370},[12594],{"type":40,"value":5663},{"type":34,"tag":253,"props":12596,"children":12597},{"class":255,"line":5833},[12598,12603,12608,12612,12616,12620],{"type":34,"tag":253,"props":12599,"children":12600},{"style":271},[12601],{"type":40,"value":12602},"        'http_options'",{"type":34,"tag":253,"props":12604,"children":12605},{"style":370},[12606],{"type":40,"value":12607},": {",{"type":34,"tag":253,"props":12609,"children":12610},{"style":271},[12611],{"type":40,"value":12333},{"type":34,"tag":253,"props":12613,"children":12614},{"style":370},[12615],{"type":40,"value":720},{"type":34,"tag":253,"props":12617,"children":12618},{"style":271},[12619],{"type":40,"value":12342},{"type":34,"tag":253,"props":12621,"children":12622},{"style":370},[12623],{"type":40,"value":12624},"},\n",{"type":34,"tag":253,"props":12626,"children":12627},{"class":255,"line":5846},[12628],{"type":34,"tag":253,"props":12629,"children":12630},{"style":370},[12631],{"type":40,"value":5890},{"type":34,"tag":253,"props":12633,"children":12634},{"class":255,"line":5866},[12635],{"type":34,"tag":253,"props":12636,"children":12637},{"style":370},[12638],{"type":40,"value":11509},{"type":34,"tag":98,"props":12640,"children":12641},{},[],{"type":34,"tag":35,"props":12643,"children":12645},{"id":12644},"模型限制與注意事項",[12646],{"type":40,"value":12644},{"type":34,"tag":42,"props":12648,"children":12649},{},[12650],{"type":40,"value":12651},"儘管 Gemini 3.5 Live Translate 的表現相當優異，但在開發與設計實際產品時，仍需注意以下幾個限制：",{"type":34,"tag":10421,"props":12653,"children":12654},{},[12655,12663],{"type":34,"tag":42,"props":12656,"children":12657},{},[12658],{"type":34,"tag":253,"props":12659,"children":12660},{},[12661],{"type":40,"value":12662},"!IMPORTANT",{"type":34,"tag":122,"props":12664,"children":12665},{},[12666,12676,12686,12696],{"type":34,"tag":126,"props":12667,"children":12668},{},[12669,12674],{"type":34,"tag":1008,"props":12670,"children":12671},{},[12672],{"type":40,"value":12673},"僅限語音輸入",{"type":40,"value":12675},"：即時翻譯模式目前僅支援音訊輸入，不支援文字輸入。",{"type":34,"tag":126,"props":12677,"children":12678},{},[12679,12684],{"type":34,"tag":1008,"props":12680,"children":12681},{},[12682],{"type":40,"value":12683},"語音複製的穩定度",{"type":40,"value":12685},"：在遇到長時間暫停後，系統合成的語音可能會發生變化；或是根據講者最初的發音特徵，可能會誤判並指派錯誤的性別聲音；在多人快速交談的場景下，翻譯語音也可能卡在特定的聲音特徵。",{"type":34,"tag":126,"props":12687,"children":12688},{},[12689,12694],{"type":34,"tag":1008,"props":12690,"children":12691},{},[12692],{"type":40,"value":12693},"語系自動偵測的模糊區",{"type":40,"value":12695},"：若講者帶有非常重的口音，或是說話時使用極為相似的語系（例如西班牙文與葡萄牙文），偵測系統可能較難精準區分。不過這主要只會影響輸入端的文字轉錄稿，最終翻譯出的語言與內容通常仍是正確的。",{"type":34,"tag":126,"props":12697,"children":12698},{},[12699,12704,12706,12712],{"type":34,"tag":1008,"props":12700,"children":12701},{},[12702],{"type":40,"value":12703},"回音與背景雜音干擾",{"type":40,"value":12705},"：若輸入音訊中本身就包含目標語言，開啟 ",{"type":34,"tag":58,"props":12707,"children":12709},{"className":12708},[],[12710],{"type":40,"value":12711},"echoTargetLanguage: true",{"type":40,"value":12713}," 有可能因為背景噪音或音樂的干擾，在最終生成的音訊中產生失真。",{"type":34,"tag":98,"props":12715,"children":12716},{},[],{"type":34,"tag":35,"props":12718,"children":12719},{"id":4779},[12720],{"type":40,"value":4779},{"type":34,"tag":122,"props":12722,"children":12723},{},[12724,12738,12754],{"type":34,"tag":126,"props":12725,"children":12726},{},[12727,12732,12733],{"type":34,"tag":1008,"props":12728,"children":12729},{},[12730],{"type":40,"value":12731},"AI Studio 體驗網址",{"type":40,"value":8046},{"type":34,"tag":72,"props":12734,"children":12736},{"href":10837,"rel":12735},[76],[12737],{"type":40,"value":10837},{"type":34,"tag":126,"props":12739,"children":12740},{},[12741,12746,12747],{"type":34,"tag":1008,"props":12742,"children":12743},{},[12744],{"type":40,"value":12745},"Live API 功能指南",{"type":40,"value":8046},{"type":34,"tag":72,"props":12748,"children":12751},{"href":12749,"rel":12750},"https:\u002F\u002Fai.google.dev\u002F",[76],[12752],{"type":40,"value":12753},"Google AI Studio 官方說明文件",{"type":34,"tag":126,"props":12755,"children":12756},{},[12757,12762,12763],{"type":34,"tag":1008,"props":12758,"children":12759},{},[12760],{"type":40,"value":12761},"GitHub 範例專案",{"type":40,"value":8046},{"type":34,"tag":72,"props":12764,"children":12767},{"href":12765,"rel":12766},"https:\u002F\u002Fgithub.com\u002Fgoogle-gemini\u002Fgemini-live-api-examples",[76],[12768],{"type":40,"value":12769},"google-gemini\u002Fgemini-live-api-examples",{"type":34,"tag":1548,"props":12771,"children":12772},{},[12773],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":12775},[12776,12777,12778,12784,12785,12788,12789,12790],{"id":37,"depth":708,"text":37},{"id":10848,"depth":708,"text":10848},{"id":10914,"depth":708,"text":10914,"children":12779},[12780,12781,12782,12783],{"id":10924,"depth":733,"text":10927},{"id":10948,"depth":733,"text":10951},{"id":10972,"depth":733,"text":10975},{"id":10996,"depth":733,"text":10999},{"id":11023,"depth":708,"text":11026},{"id":11174,"depth":708,"text":11174,"children":12786},[12787],{"id":11988,"depth":733,"text":11988},{"id":12133,"depth":708,"text":12136},{"id":12644,"depth":708,"text":12644},{"id":4779,"depth":708,"text":4779},"content:articles:3.5live.md","articles\u002F3.5live.md","articles\u002F3.5live",{"_path":12795,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":12796,"description":12797,"date":12798,"category":1580,"image":6124,"tags":12799,"series":1585,"readingTime":1586,"difficulty":1587,"local":7,"platforms":12806,"gpu":29,"body":12807,"_type":1569,"_id":13469,"_source":1571,"_file":13470,"_stem":13471,"_extension":1574},"\u002Farticles\u002Fmap3d","Map3D 實測：一鍵生成 3D 城市地圖與 GLB 匯出指南","想要快速獲取真實城市的 3D 建築與道路模型？Map3D 基於 React-Three-Fiber 與 OpenStreetMap，提供網頁一鍵框選與直接匯出 GLB，讓 3D 地形建模變得太簡單了！","2026-06-13",[12800,12801,12802,12803,12804,12805],"React-Three-Fiber","Three.js","OpenStreetMap","GLB","3D Map","WebGL",[1591],{"type":31,"children":12808,"toc":13454},[12809,12815,12820,12864,12883,12888,12891,12897,12902,12906,12927,12930,12936,12941,12946,12949,12955,13017,13020,13026,13031,13037,13060,13066,13089,13095,13118,13124,13321,13324,13329,13334,13367,13370,13375,13380,13399,13402,13406,13439,13442,13450],{"type":34,"tag":35,"props":12810,"children":12812},{"id":12811},"前言事情變得太簡單了",[12813],{"type":40,"value":12814},"前言：事情變得太簡單了！",{"type":34,"tag":42,"props":12816,"children":12817},{},[12818],{"type":40,"value":12819},"在過去，如果你想在 3D 軟體（如 Blender）或網頁（如 Three.js）中建立一個真實世界的城市 3D 模型，流程往往非常繁瑣且令人頭痛：",{"type":34,"tag":177,"props":12821,"children":12822},{},[12823,12841,12846,12859],{"type":34,"tag":126,"props":12824,"children":12825},{},[12826,12828,12833,12834,12839],{"type":40,"value":12827},"前往政府開放資料平台或 GIS 網站下載龐大的 ",{"type":34,"tag":1008,"props":12829,"children":12830},{},[12831],{"type":40,"value":12832},"Shapefile",{"type":40,"value":3033},{"type":34,"tag":1008,"props":12835,"children":12836},{},[12837],{"type":40,"value":12838},"GeoJSON",{"type":40,"value":12840}," 格式地理數據。",{"type":34,"tag":126,"props":12842,"children":12843},{},[12844],{"type":40,"value":12845},"將數據匯入專業的 GIS 軟體（如 QGIS）進行座標投影轉換與屬性篩選。",{"type":34,"tag":126,"props":12847,"children":12848},{},[12849,12851,12857],{"type":40,"value":12850},"在 Blender 中安裝 ",{"type":34,"tag":58,"props":12852,"children":12854},{"className":12853},[],[12855],{"type":40,"value":12856},"Blender-GIS",{"type":40,"value":12858}," 插件，嘗試拉伸建築高度，期間還可能因為網絡不穩或插件崩潰而前功盡棄。",{"type":34,"tag":126,"props":12860,"children":12861},{},[12862],{"type":40,"value":12863},"處理各種材質、多邊形重疊問題，最後手動匯出成需要的 3D 格式。",{"type":34,"tag":42,"props":12865,"children":12866},{},[12867,12869,12874,12876,12881],{"type":40,"value":12868},"但是，今天我們要介紹的這款開源黑科技 —— ",{"type":34,"tag":1008,"props":12870,"children":12871},{},[12872],{"type":40,"value":12873},"Map3D",{"type":40,"value":12875},"，直接讓這一切變得",{"type":34,"tag":1008,"props":12877,"children":12878},{},[12879],{"type":40,"value":12880},"太簡單了",{"type":40,"value":12882},"！",{"type":34,"tag":42,"props":12884,"children":12885},{},[12886],{"type":40,"value":12887},"你不需要安裝任何軟體、不需要寫任何代碼、也不需要申請任何 Mapbox API Token。你只需要打開瀏覽器，選定好城市，點擊右下角，就能直接下載打包好的 3D GLB 模型！",{"type":34,"tag":98,"props":12889,"children":12890},{},[],{"type":34,"tag":35,"props":12892,"children":12894},{"id":12893},"實作展示-live-demo",[12895],{"type":40,"value":12896},"實作展示 (Live Demo)",{"type":34,"tag":42,"props":12898,"children":12899},{},[12900],{"type":40,"value":12901},"以下是使用 Map3D 在瀏覽器中快速流暢生成 3D 城市地圖的實際操作錄影，你可以看到其渲染速度與極具現代科技感的視覺風格：",{"type":34,"tag":112,"props":12903,"children":12905},{"src":12904},"\u002Fvideos\u002Fmap3d\u002Fmap3d.mp4",[],{"type":34,"tag":10421,"props":12907,"children":12908},{},[12909],{"type":34,"tag":42,"props":12910,"children":12911},{},[12912,12917,12919,12926],{"type":34,"tag":1008,"props":12913,"children":12914},{},[12915],{"type":40,"value":12916},"線上體驗",{"type":40,"value":12918},"：如果你想立即親自動手玩玩看，可以直接訪問 ",{"type":34,"tag":72,"props":12920,"children":12923},{"href":12921,"rel":12922},"https:\u002F\u002Fmap.fleet.im\u002F",[76],[12924],{"type":40,"value":12925},"Map3D 官方網站",{"type":40,"value":222},{"type":34,"tag":98,"props":12928,"children":12929},{},[],{"type":34,"tag":35,"props":12931,"children":12933},{"id":12932},"map3d-到底是什麼",[12934],{"type":40,"value":12935},"Map3D 到底是什麼？",{"type":34,"tag":42,"props":12937,"children":12938},{},[12939],{"type":40,"value":12940},"它基於 React-Three-Fiber (R3F) 和 Three.js 構建，\n並利用 OpenStreetMap（OSM）的地理資料生成 3D 城市場景。",{"type":34,"tag":42,"props":12942,"children":12943},{},[12944],{"type":40,"value":12945},"當你在地圖上拖曳、定位到特定區域時，\n系統會取得該區域的建築與道路資訊，\n並即時在瀏覽器中生成可互動的 3D 場景。",{"type":34,"tag":98,"props":12947,"children":12948},{},[],{"type":34,"tag":35,"props":12950,"children":12952},{"id":12951},"使用步驟真的只要三步",[12953],{"type":40,"value":12954},"使用步驟：真的只要三步",{"type":34,"tag":177,"props":12956,"children":12957},{},[12958,12975,12985],{"type":34,"tag":126,"props":12959,"children":12960},{},[12961,12966,12968,12973],{"type":34,"tag":1008,"props":12962,"children":12963},{},[12964],{"type":40,"value":12965},"定位區域",{"type":40,"value":12967},"：打開 ",{"type":34,"tag":72,"props":12969,"children":12971},{"href":12921,"rel":12970},[76],[12972],{"type":40,"value":12921},{"type":40,"value":12974}," 網頁，可以使用滑鼠拖曳或搜尋框定位到你想下載的城市（例如：台北信義區、東京澀谷、紐約曼哈頓等）。",{"type":34,"tag":126,"props":12976,"children":12977},{},[12978,12983],{"type":34,"tag":1008,"props":12979,"children":12980},{},[12981],{"type":40,"value":12982},"調整視角",{"type":40,"value":12984},"：利用滑鼠右鍵或按住 Ctrl + 滑鼠左鍵拖曳，可以任意旋轉 3D 視角，觀察建築物的高度與空間分佈。",{"type":34,"tag":126,"props":12986,"children":12987},{},[12988,12993,12995,13000,13002,13007,13009,13015],{"type":34,"tag":1008,"props":12989,"children":12990},{},[12991],{"type":40,"value":12992},"一鍵匯出",{"type":40,"value":12994},"：點擊網頁",{"type":34,"tag":1008,"props":12996,"children":12997},{},[12998],{"type":40,"value":12999},"右下角",{"type":40,"value":13001},"的 ",{"type":34,"tag":1008,"props":13003,"children":13004},{},[13005],{"type":40,"value":13006},"「Export GLB」",{"type":40,"value":13008}," 按鈕，系統就會即時將目前的 3D 場景打包成 ",{"type":34,"tag":58,"props":13010,"children":13012},{"className":13011},[],[13013],{"type":40,"value":13014},".glb",{"type":40,"value":13016}," 檔案並自動觸發下載。",{"type":34,"tag":98,"props":13018,"children":13019},{},[],{"type":34,"tag":35,"props":13021,"children":13023},{"id":13022},"匯出後的-glb-模型能做什麼實際應用場景",[13024],{"type":40,"value":13025},"匯出後的 GLB 模型能做什麼？（實際應用場景）",{"type":34,"tag":42,"props":13027,"children":13028},{},[13029],{"type":40,"value":13030},"由於 GLB 是目前 3D 與網頁端非常通用且輕量的標準格式，下載完成後你可以直接在多個主流工具與引擎中無縫使用：",{"type":34,"tag":1854,"props":13032,"children":13034},{"id":13033},"_1-blender極速進行二次創作與渲染",[13035],{"type":40,"value":13036},"1. Blender：極速進行二次創作與渲染",{"type":34,"tag":122,"props":13038,"children":13039},{},[13040,13050],{"type":34,"tag":126,"props":13041,"children":13042},{},[13043,13048],{"type":34,"tag":1008,"props":13044,"children":13045},{},[13046],{"type":40,"value":13047},"更換材質",{"type":40,"value":13049},"：匯入 Blender 後，你可以把預設的灰色建築物一鍵替換成帶有發光（Emission）屬性的玻璃材質，或是添加金屬質感，立刻呈現出賽博朋克（Cyberpunk）或未來科技風格。",{"type":34,"tag":126,"props":13051,"children":13052},{},[13053,13058],{"type":34,"tag":1008,"props":13054,"children":13055},{},[13056],{"type":40,"value":13057},"打光與動畫",{"type":40,"value":13059},"：利用 Cycles 或 Eevee 渲染器，加入太陽光、霓虹燈條，配合相機動畫，就能在幾分鐘內做出一支高質感的城市縮時攝影影片。",{"type":34,"tag":1854,"props":13061,"children":13063},{"id":13062},"_2-unity快速搭建遊戲關卡與原型",[13064],{"type":40,"value":13065},"2. Unity：快速搭建遊戲關卡與原型",{"type":34,"tag":122,"props":13067,"children":13068},{},[13069,13079],{"type":34,"tag":126,"props":13070,"children":13071},{},[13072,13077],{"type":34,"tag":1008,"props":13073,"children":13074},{},[13075],{"type":40,"value":13076},"城市粗模（Greyboxing）",{"type":40,"value":13078},"：在遊戲開發初期，如果需要一個真實城市的物理比例，直接將 GLB 拖入 Unity，建立簡單的 Mesh Collider，就能讓你的遊戲角色或載具在真實街道上穿梭。",{"type":34,"tag":126,"props":13080,"children":13081},{},[13082,13087],{"type":34,"tag":1008,"props":13083,"children":13084},{},[13085],{"type":40,"value":13086},"模擬器開發",{"type":40,"value":13088},"：特別適合用來快速製作無人機飛行模擬、自動駕駛街道測試的原型。",{"type":34,"tag":1854,"props":13090,"children":13092},{"id":13091},"_3-unreal-engine配合-nanite-與-lumen-打造影視級場景",[13093],{"type":40,"value":13094},"3. Unreal Engine：配合 Nanite 與 Lumen 打造影視級場景",{"type":34,"tag":122,"props":13096,"children":13097},{},[13098,13108],{"type":34,"tag":126,"props":13099,"children":13100},{},[13101,13106],{"type":34,"tag":1008,"props":13102,"children":13103},{},[13104],{"type":40,"value":13105},"大場景整合",{"type":40,"value":13107},"：在 UE 5 中，可以將導出的城市 GLB 作為基礎地塊，搭配內建的動態光照（Lumen）與景深效果，快速合成極具電影感的城市街景。",{"type":34,"tag":126,"props":13109,"children":13110},{},[13111,13116],{"type":34,"tag":1008,"props":13112,"children":13113},{},[13114],{"type":40,"value":13115},"搭配 Quixel Bridge 資源",{"type":40,"value":13117},"：在城市模型上覆蓋真實材質與細節物件，讓原本平淡無奇的 3D 地圖在幾分鐘內達到寫實的視覺效果。",{"type":34,"tag":1854,"props":13119,"children":13121},{"id":13120},"_4-threejs-react-three-fiber直接在網頁端載入",[13122],{"type":40,"value":13123},"4. Three.js \u002F React-Three-Fiber：直接在網頁端載入",{"type":34,"tag":122,"props":13125,"children":13126},{},[13127],{"type":34,"tag":126,"props":13128,"children":13129},{},[13130,13135,13137,13143,13145,13151,13153,13159,13161],{"type":34,"tag":1008,"props":13131,"children":13132},{},[13133],{"type":40,"value":13134},"數位雙生 (Digital Twin) 應用",{"type":40,"value":13136},"：使用 ",{"type":34,"tag":58,"props":13138,"children":13140},{"className":13139},[],[13141],{"type":40,"value":13142},"@react-three\u002Fdrei",{"type":40,"value":13144}," 的 ",{"type":34,"tag":58,"props":13146,"children":13148},{"className":13147},[],[13149],{"type":40,"value":13150},"useGLTF",{"type":40,"value":13152}," 或 Three.js 的 ",{"type":34,"tag":58,"props":13154,"children":13156},{"className":13155},[],[13157],{"type":40,"value":13158},"GLTFLoader",{"type":40,"value":13160},"，只需幾行代碼就能在你的 Web 專案中渲染這個模型，作為智慧城市、物聯網監控（IoT Dashboard）的 3D 底座：\n",{"type":34,"tag":243,"props":13162,"children":13166},{"className":13163,"code":13164,"language":13165,"meta":8,"style":8},"language-javascript shiki shiki-themes one-dark-pro","import { useGLTF } from '@react-three\u002Fdrei'\n\nfunction CityModel() {\n  const { scene } = useGLTF('\u002Fpath\u002Fto\u002Fexported-city.glb')\n  return \u003Cprimitive object={scene} \u002F>\n}\n","javascript",[13167],{"type":34,"tag":58,"props":13168,"children":13169},{"__ignoreMap":8},[13170,13200,13207,13225,13269,13314],{"type":34,"tag":253,"props":13171,"children":13172},{"class":255,"line":256},[13173,13177,13182,13186,13191,13195],{"type":34,"tag":253,"props":13174,"children":13175},{"style":11204},[13176],{"type":40,"value":11207},{"type":34,"tag":253,"props":13178,"children":13179},{"style":370},[13180],{"type":40,"value":13181}," { ",{"type":34,"tag":253,"props":13183,"children":13184},{"style":712},[13185],{"type":40,"value":13150},{"type":34,"tag":253,"props":13187,"children":13188},{"style":370},[13189],{"type":40,"value":13190}," } ",{"type":34,"tag":253,"props":13192,"children":13193},{"style":11204},[13194],{"type":40,"value":11220},{"type":34,"tag":253,"props":13196,"children":13197},{"style":271},[13198],{"type":40,"value":13199}," '@react-three\u002Fdrei'\n",{"type":34,"tag":253,"props":13201,"children":13202},{"class":255,"line":708},[13203],{"type":34,"tag":253,"props":13204,"children":13205},{"emptyLinePlaceholder":24},[13206],{"type":40,"value":5053},{"type":34,"tag":253,"props":13208,"children":13209},{"class":255,"line":733},[13210,13215,13220],{"type":34,"tag":253,"props":13211,"children":13212},{"style":11204},[13213],{"type":40,"value":13214},"function",{"type":34,"tag":253,"props":13216,"children":13217},{"style":260},[13218],{"type":40,"value":13219}," CityModel",{"type":34,"tag":253,"props":13221,"children":13222},{"style":370},[13223],{"type":40,"value":13224},"() {\n",{"type":34,"tag":253,"props":13226,"children":13227},{"class":255,"line":755},[13228,13233,13237,13243,13247,13251,13256,13260,13265],{"type":34,"tag":253,"props":13229,"children":13230},{"style":11204},[13231],{"type":40,"value":13232},"  const",{"type":34,"tag":253,"props":13234,"children":13235},{"style":370},[13236],{"type":40,"value":13181},{"type":34,"tag":253,"props":13238,"children":13240},{"style":13239},"--shiki-default:#E5C07B",[13241],{"type":40,"value":13242},"scene",{"type":34,"tag":253,"props":13244,"children":13245},{"style":370},[13246],{"type":40,"value":13190},{"type":34,"tag":253,"props":13248,"children":13249},{"style":5037},[13250],{"type":40,"value":11275},{"type":34,"tag":253,"props":13252,"children":13253},{"style":260},[13254],{"type":40,"value":13255}," useGLTF",{"type":34,"tag":253,"props":13257,"children":13258},{"style":370},[13259],{"type":40,"value":11567},{"type":34,"tag":253,"props":13261,"children":13262},{"style":271},[13263],{"type":40,"value":13264},"'\u002Fpath\u002Fto\u002Fexported-city.glb'",{"type":34,"tag":253,"props":13266,"children":13267},{"style":370},[13268],{"type":40,"value":11509},{"type":34,"tag":253,"props":13270,"children":13271},{"class":255,"line":777},[13272,13277,13282,13287,13293,13297,13301,13305,13309],{"type":34,"tag":253,"props":13273,"children":13274},{"style":11204},[13275],{"type":40,"value":13276},"  return",{"type":34,"tag":253,"props":13278,"children":13279},{"style":370},[13280],{"type":40,"value":13281}," \u003C",{"type":34,"tag":253,"props":13283,"children":13284},{"style":712},[13285],{"type":40,"value":13286},"primitive",{"type":34,"tag":253,"props":13288,"children":13290},{"style":13289},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[13291],{"type":40,"value":13292}," object",{"type":34,"tag":253,"props":13294,"children":13295},{"style":5037},[13296],{"type":40,"value":11275},{"type":34,"tag":253,"props":13298,"children":13299},{"style":11204},[13300],{"type":40,"value":11724},{"type":34,"tag":253,"props":13302,"children":13303},{"style":712},[13304],{"type":40,"value":13242},{"type":34,"tag":253,"props":13306,"children":13307},{"style":11204},[13308],{"type":40,"value":11734},{"type":34,"tag":253,"props":13310,"children":13311},{"style":370},[13312],{"type":40,"value":13313}," \u002F>\n",{"type":34,"tag":253,"props":13315,"children":13316},{"class":255,"line":795},[13317],{"type":34,"tag":253,"props":13318,"children":13319},{"style":370},[13320],{"type":40,"value":801},{"type":34,"tag":98,"props":13322,"children":13323},{},[],{"type":34,"tag":35,"props":13325,"children":13327},{"id":13326},"技術實現簡析",[13328],{"type":40,"value":13326},{"type":34,"tag":42,"props":13330,"children":13331},{},[13332],{"type":40,"value":13333},"回到這款工具的開源代碼，它的運作邏輯其實非常直觀且完全在前端運行：",{"type":34,"tag":177,"props":13335,"children":13336},{},[13337,13347,13357],{"type":34,"tag":126,"props":13338,"children":13339},{},[13340,13345],{"type":34,"tag":1008,"props":13341,"children":13342},{},[13343],{"type":40,"value":13344},"讀取 OpenStreetMap 數據",{"type":40,"value":13346},"：用戶在網頁上選定區域後，瀏覽器會根據所選區域取得 OpenStreetMap 的地理資料，包含建築輪廓、道路等資訊。",{"type":34,"tag":126,"props":13348,"children":13349},{},[13350,13355],{"type":34,"tag":1008,"props":13351,"children":13352},{},[13353],{"type":40,"value":13354},"React-Three-Fiber 即時渲染",{"type":40,"value":13356},"：使用 React-Three-Fiber 將地圖上的建築、道路等向量數據，直接在網頁的 WebGL 畫布上轉化為 3D 網格物件。",{"type":34,"tag":126,"props":13358,"children":13359},{},[13360,13365],{"type":34,"tag":1008,"props":13361,"children":13362},{},[13363],{"type":40,"value":13364},"客戶端直接匯出",{"type":40,"value":13366},"：點擊右下角「Export GLB」時，網頁會直接遍歷場景中的模型，在瀏覽器端將幾何數據打包並觸發下載，不需要任何後端伺服器進行轉換，安全且快速。",{"type":34,"tag":98,"props":13368,"children":13369},{},[],{"type":34,"tag":35,"props":13371,"children":13373},{"id":13372},"專案限制與注意事項",[13374],{"type":40,"value":13372},{"type":34,"tag":42,"props":13376,"children":13377},{},[13378],{"type":40,"value":13379},"雖然 Map3D 非常好用，但使用時有以下幾點需要注意：",{"type":34,"tag":10421,"props":13381,"children":13382},{},[13383],{"type":34,"tag":42,"props":13384,"children":13385},{},[13386,13390,13392,13397],{"type":34,"tag":253,"props":13387,"children":13388},{},[13389],{"type":40,"value":12662},{"type":40,"value":13391},"\n📢 ",{"type":34,"tag":1008,"props":13393,"children":13394},{},[13395],{"type":40,"value":13396},"地理數據的準確性受限於 OpenStreetMap",{"type":40,"value":13398},"\n由於地圖數據完全來自開源的 OpenStreetMap，部分地區可能缺乏完整的高度資訊，因此最終生成的建築高度未必與現實完全一致。因此它無法保證 100% 的高度精準性，更適合用於概念展示、關卡原型或背景裝飾，而不建議直接用於高精度的 GIS 工程測量。",{"type":34,"tag":98,"props":13400,"children":13401},{},[],{"type":34,"tag":35,"props":13403,"children":13404},{"id":4779},[13405],{"type":40,"value":4779},{"type":34,"tag":122,"props":13407,"children":13408},{},[13409,13423],{"type":34,"tag":126,"props":13410,"children":13411},{},[13412,13417,13418],{"type":34,"tag":1008,"props":13413,"children":13414},{},[13415],{"type":40,"value":13416},"線上體驗網站",{"type":40,"value":8046},{"type":34,"tag":72,"props":13419,"children":13421},{"href":12921,"rel":13420},[76],[13422],{"type":40,"value":12921},{"type":34,"tag":126,"props":13424,"children":13425},{},[13426,13431,13432],{"type":34,"tag":1008,"props":13427,"children":13428},{},[13429],{"type":40,"value":13430},"GitHub 開源倉庫",{"type":40,"value":8046},{"type":34,"tag":72,"props":13433,"children":13436},{"href":13434,"rel":13435},"https:\u002F\u002Fgithub.com\u002Fcartesiancs\u002Fmap3d",[76],[13437],{"type":40,"value":13438},"cartesiancs\u002Fmap3d",{"type":34,"tag":98,"props":13440,"children":13441},{},[],{"type":34,"tag":42,"props":13443,"children":13444},{},[13445],{"type":34,"tag":9919,"props":13446,"children":13447},{},[13448],{"type":40,"value":13449},"本文為開源 3D 地理資訊工具實測，更多詳情可參考其 GitHub 倉庫。",{"type":34,"tag":1548,"props":13451,"children":13452},{},[13453],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":13455},[13456,13457,13458,13459,13460,13466,13467,13468],{"id":12811,"depth":708,"text":12814},{"id":12893,"depth":708,"text":12896},{"id":12932,"depth":708,"text":12935},{"id":12951,"depth":708,"text":12954},{"id":13022,"depth":708,"text":13025,"children":13461},[13462,13463,13464,13465],{"id":13033,"depth":733,"text":13036},{"id":13062,"depth":733,"text":13065},{"id":13091,"depth":733,"text":13094},{"id":13120,"depth":733,"text":13123},{"id":13326,"depth":708,"text":13326},{"id":13372,"depth":708,"text":13372},{"id":4779,"depth":708,"text":4779},"content:articles:map3d.md","articles\u002Fmap3d.md","articles\u002Fmap3d",{"_path":13473,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":13474,"description":13475,"date":13476,"category":1580,"image":6124,"tags":13477,"series":1585,"readingTime":2145,"difficulty":1587,"local":24,"platforms":13478,"gpu":29,"body":13479,"_type":1569,"_id":13959,"_source":1571,"_file":13960,"_stem":13961,"_extension":1574},"\u002Farticles\u002Flocalsend","LocalSend 跨平台開源局域網檔案傳輸工具免設定使用指南","免網路、免註冊，在 macOS、Windows、Linux、iOS 與 Android 之間以 HTTPS 局域網高速安全互傳檔案。","2026-06-12",[17,1583,1584],[27,26,28,1589,1590],{"type":31,"children":13480,"toc":13948},[13481,13485,13490,13502,13525,13528,13533,13538,13543,13561,13564,13569,13574,13579,13612,13616,13619,13624,13629,13662,13665,13671,13676,13682,13804,13810,13892,13895,13900,13905,13910,13913,13920],{"type":34,"tag":35,"props":13482,"children":13483},{"id":37},[13484],{"type":40,"value":37},{"type":34,"tag":42,"props":13486,"children":13487},{},[13488],{"type":40,"value":13489},"在多裝置協作的時代，跨平台檔案互傳一直是一大痛點。蘋果用戶有流暢的 AirDrop，但若要將檔案傳輸至 Windows 或 Android 設備，往往需要依賴雲端硬碟、隨身碟或是通訊軟體。",{"type":34,"tag":42,"props":13491,"children":13492},{},[13493,13495,13500],{"type":40,"value":13494},"這時，開源且完全免費的 ",{"type":34,"tag":1008,"props":13496,"children":13497},{},[13498],{"type":40,"value":13499},"LocalSend",{"type":40,"value":13501}," 就是最理想的解決方案。它利用本地局域網進行設備發現與文件傳輸，不需要網際網路連接，也不用進行任何帳號註冊或複雜設定。本文將詳細介紹其使用方式，並與先前介紹過的 P2P 傳輸工具 AltSendme 從技術和受眾兩大維度進行深入對比。",{"type":34,"tag":122,"props":13503,"children":13504},{},[13505,13515],{"type":34,"tag":126,"props":13506,"children":13507},{},[13508],{"type":34,"tag":72,"props":13509,"children":13512},{"href":13510,"rel":13511},"https:\u002F\u002Flocalsend.org\u002Fzh-TW",[76],[13513],{"type":40,"value":13514},"LocalSend 官方網站",{"type":34,"tag":126,"props":13516,"children":13517},{},[13518],{"type":34,"tag":72,"props":13519,"children":13522},{"href":13520,"rel":13521},"https:\u002F\u002Fgithub.com\u002Flocalsend\u002Flocalsend",[76],[13523],{"type":40,"value":13524},"LocalSend GitHub 倉庫",{"type":34,"tag":98,"props":13526,"children":13527},{},[],{"type":34,"tag":35,"props":13529,"children":13531},{"id":13530},"軟體介面與功能展示",[13532],{"type":40,"value":13530},{"type":34,"tag":42,"props":13534,"children":13535},{},[13536],{"type":40,"value":13537},"LocalSend 的設計哲學是極簡且直覺。在開啟軟體後，系統會自動在局域網內搜尋其他開啟了 LocalSend 的設備。",{"type":34,"tag":42,"props":13539,"children":13540},{},[13541],{"type":40,"value":13542},"在語系支援上，macOS 版本原生支援繁體中文；而 Windows 版本預設可能會顯示簡體中文。不過，其介面乾淨簡潔，按鍵位置清晰，使用者基本上一眼看過去就能上手。",{"type":34,"tag":565,"props":13544,"children":13546},{"className":13545},[568,569,570,571,572,573,574],[13547,13548,13554,13555],{"type":40,"value":577},{"type":34,"tag":579,"props":13549,"children":13553},{"src":13550,"alt":13551,"className":13552},"\u002Fimages\u002Flocalsend\u002F介面.jpg","LocalSend 乾淨簡潔的傳輸介面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":13556,"children":13558},{"className":13557},[590,591,592,593,594,595],[13559],{"type":40,"value":13560},"LocalSend 乾淨簡潔的傳輸介面，macOS 支援繁體中文，Windows 預設顯示簡體中文",{"type":34,"tag":98,"props":13562,"children":13563},{},[],{"type":34,"tag":35,"props":13565,"children":13567},{"id":13566},"速度實測",[13568],{"type":40,"value":13566},{"type":34,"tag":42,"props":13570,"children":13571},{},[13572],{"type":40,"value":13573},"在實際測試中，使用 LocalSend 在局域網內互傳檔案表現相當亮眼。",{"type":34,"tag":42,"props":13575,"children":13576},{},[13577],{"type":40,"value":13578},"以下是 macOS 到 Windows 傳輸 ZIP 壓縮檔（內部包含多個影片和照片）的實測數據：",{"type":34,"tag":122,"props":13580,"children":13581},{},[13582,13592,13602],{"type":34,"tag":126,"props":13583,"children":13584},{},[13585,13590],{"type":34,"tag":1008,"props":13586,"children":13587},{},[13588],{"type":40,"value":13589},"檔案大小",{"type":40,"value":13591},"：136.4 MB",{"type":34,"tag":126,"props":13593,"children":13594},{},[13595,13600],{"type":34,"tag":1008,"props":13596,"children":13597},{},[13598],{"type":40,"value":13599},"傳輸耗時",{"type":40,"value":13601},"：約 12 秒",{"type":34,"tag":126,"props":13603,"children":13604},{},[13605,13610],{"type":34,"tag":1008,"props":13606,"children":13607},{},[13608],{"type":40,"value":13609},"傳輸方向",{"type":40,"value":13611},"：macOS 傳輸至 Windows",{"type":34,"tag":112,"props":13613,"children":13615},{"src":13614},"\u002Fvideos\u002Flocalsend\u002Flocalsend.mp4",[],{"type":34,"tag":98,"props":13617,"children":13618},{},[],{"type":34,"tag":35,"props":13620,"children":13622},{"id":13621},"運作原理與技術背景",[13623],{"type":40,"value":13621},{"type":34,"tag":42,"props":13625,"children":13626},{},[13627],{"type":40,"value":13628},"LocalSend 的底層架構非常精簡：",{"type":34,"tag":122,"props":13630,"children":13631},{},[13632,13642,13652],{"type":34,"tag":126,"props":13633,"children":13634},{},[13635,13640],{"type":34,"tag":1008,"props":13636,"children":13637},{},[13638],{"type":40,"value":13639},"跨平台開發",{"type":40,"value":13641},"：採用 Flutter (Dart) 框架開發，保證了多平台下極高的一致性與流暢度。",{"type":34,"tag":126,"props":13643,"children":13644},{},[13645,13650],{"type":34,"tag":1008,"props":13646,"children":13647},{},[13648],{"type":40,"value":13649},"設備發現",{"type":40,"value":13651},"：利用 UDP 多播 (Multicast) 技術，在同一局域網內進行組播廣播，自動互相發現並為設備分配一個可愛的隨機別名（例如：Sweet Orange）。",{"type":34,"tag":126,"props":13653,"children":13654},{},[13655,13660],{"type":34,"tag":1008,"props":13656,"children":13657},{},[13658],{"type":40,"value":13659},"加密傳輸",{"type":40,"value":13661},"：使用 REST API 進行通信，所有檔案傳輸均透過 HTTPS 加密。設備會在本地動態生成臨時 TLS\u002FSSL 憑證，保證傳輸路徑的安全，防止局域網內的中間人監聽。",{"type":34,"tag":98,"props":13663,"children":13664},{},[],{"type":34,"tag":35,"props":13666,"children":13668},{"id":13667},"localsend-與-altsendme-深入對比",[13669],{"type":40,"value":13670},"LocalSend 與 AltSendme 深入對比",{"type":34,"tag":42,"props":13672,"children":13673},{},[13674],{"type":40,"value":13675},"這兩款工具都是極佳的跨平台傳檔解決方案，但在技術實現與適用場景上截然不同。",{"type":34,"tag":1854,"props":13677,"children":13679},{"id":13678},"_1-技術維度對比",[13680],{"type":40,"value":13681},"1. 技術維度對比",{"type":34,"tag":6866,"props":13683,"children":13684},{},[13685,13705],{"type":34,"tag":6870,"props":13686,"children":13687},{},[13688],{"type":34,"tag":6874,"props":13689,"children":13690},{},[13691,13696,13700],{"type":34,"tag":6878,"props":13692,"children":13693},{"align":6880},[13694],{"type":40,"value":13695},"對比維度",{"type":34,"tag":6878,"props":13697,"children":13698},{"align":6880},[13699],{"type":40,"value":13499},{"type":34,"tag":6878,"props":13701,"children":13702},{"align":6880},[13703],{"type":40,"value":13704},"AltSendme",{"type":34,"tag":6890,"props":13706,"children":13707},{},[13708,13729,13762,13783],{"type":34,"tag":6874,"props":13709,"children":13710},{},[13711,13719,13724],{"type":34,"tag":6897,"props":13712,"children":13713},{"align":6880},[13714],{"type":34,"tag":1008,"props":13715,"children":13716},{},[13717],{"type":40,"value":13718},"底層技術",{"type":34,"tag":6897,"props":13720,"children":13721},{"align":6880},[13722],{"type":40,"value":13723},"Flutter (Dart) \u002F HTTPS \u002F UDP 多播",{"type":34,"tag":6897,"props":13725,"children":13726},{"align":6880},[13727],{"type":40,"value":13728},"Rust \u002F Tauri (WebView2) \u002F QUIC \u002F NAT 穿透",{"type":34,"tag":6874,"props":13730,"children":13731},{},[13732,13740,13752],{"type":34,"tag":6897,"props":13733,"children":13734},{"align":6880},[13735],{"type":34,"tag":1008,"props":13736,"children":13737},{},[13738],{"type":40,"value":13739},"網路依賴",{"type":34,"tag":6897,"props":13741,"children":13742},{"align":6880},[13743,13745,13750],{"type":40,"value":13744},"必須在",{"type":34,"tag":1008,"props":13746,"children":13747},{},[13748],{"type":40,"value":13749},"同一個局域網 (LAN)",{"type":40,"value":13751}," 下",{"type":34,"tag":6897,"props":13753,"children":13754},{"align":6880},[13755,13760],{"type":34,"tag":1008,"props":13756,"children":13757},{},[13758],{"type":40,"value":13759},"可跨不同網路",{"type":40,"value":13761}," (支援遠端傳輸)",{"type":34,"tag":6874,"props":13763,"children":13764},{},[13765,13773,13778],{"type":34,"tag":6897,"props":13766,"children":13767},{"align":6880},[13768],{"type":34,"tag":1008,"props":13769,"children":13770},{},[13771],{"type":40,"value":13772},"網際網路",{"type":34,"tag":6897,"props":13774,"children":13775},{"align":6880},[13776],{"type":40,"value":13777},"不需要網際網路 (完全離線)",{"type":34,"tag":6897,"props":13779,"children":13780},{"align":6880},[13781],{"type":40,"value":13782},"需要網際網路建立信號連線與打洞",{"type":34,"tag":6874,"props":13784,"children":13785},{},[13786,13794,13799],{"type":34,"tag":6897,"props":13787,"children":13788},{"align":6880},[13789],{"type":34,"tag":1008,"props":13790,"children":13791},{},[13792],{"type":40,"value":13793},"配對機制",{"type":34,"tag":6897,"props":13795,"children":13796},{"align":6880},[13797],{"type":40,"value":13798},"局域網自動發現，點擊設備即可傳送",{"type":34,"tag":6897,"props":13800,"children":13801},{"align":6880},[13802],{"type":40,"value":13803},"拖入檔案產生憑證代碼 (Ticket)，複製貼上進行配對",{"type":34,"tag":1854,"props":13805,"children":13807},{"id":13806},"_2-受眾與場景對比",[13808],{"type":40,"value":13809},"2. 受眾與場景對比",{"type":34,"tag":122,"props":13811,"children":13812},{},[13813,13854],{"type":34,"tag":126,"props":13814,"children":13815},{},[13816,13821],{"type":34,"tag":1008,"props":13817,"children":13818},{},[13819],{"type":40,"value":13820},"LocalSend (AirDrop 模式)",{"type":34,"tag":122,"props":13822,"children":13823},{},[13824,13834,13844],{"type":34,"tag":126,"props":13825,"children":13826},{},[13827,13832],{"type":34,"tag":1008,"props":13828,"children":13829},{},[13830],{"type":40,"value":13831},"目標受眾",{"type":40,"value":13833},"：家庭用戶、學生、同一辦公室內共同使用多台不同品牌設備的團隊。",{"type":34,"tag":126,"props":13835,"children":13836},{},[13837,13842],{"type":34,"tag":1008,"props":13838,"children":13839},{},[13840],{"type":40,"value":13841},"最佳場景",{"type":40,"value":13843},"：在同一個 Wi-Fi 環境下，需要將手機裡的照片快速丟到 Windows 電腦，或者在同事之間互相傳遞簡報與錄影檔案。",{"type":34,"tag":126,"props":13845,"children":13846},{},[13847,13852],{"type":34,"tag":1008,"props":13848,"children":13849},{},[13850],{"type":40,"value":13851},"核心體驗",{"type":40,"value":13853},"：強調的是「零門檻、全自動發現、即點即傳」。",{"type":34,"tag":126,"props":13855,"children":13856},{},[13857,13862],{"type":34,"tag":1008,"props":13858,"children":13859},{},[13860],{"type":40,"value":13861},"AltSendme (Ticket 模式)",{"type":34,"tag":122,"props":13863,"children":13864},{},[13865,13874,13883],{"type":34,"tag":126,"props":13866,"children":13867},{},[13868,13872],{"type":34,"tag":1008,"props":13869,"children":13870},{},[13871],{"type":40,"value":13831},{"type":40,"value":13873},"：遠端工作者、開發者、需要與外部客戶或不同地區協作者傳輸檔案的專業人員。",{"type":34,"tag":126,"props":13875,"children":13876},{},[13877,13881],{"type":34,"tag":1008,"props":13878,"children":13879},{},[13880],{"type":40,"value":13841},{"type":40,"value":13882},"：遠端協作時，不希望花時間將 GB 級別的大檔案上傳到雲端硬碟，而是透過通訊軟體傳送 Ticket 代碼，直接進行點對點 (P2P) 極速下載。",{"type":34,"tag":126,"props":13884,"children":13885},{},[13886,13890],{"type":34,"tag":1008,"props":13887,"children":13888},{},[13889],{"type":40,"value":13851},{"type":40,"value":13891},"：強調的是「突破地理限制、強大的 NAT 穿透能力與免伺服器儲存」。",{"type":34,"tag":98,"props":13893,"children":13894},{},[],{"type":34,"tag":35,"props":13896,"children":13898},{"id":13897},"結論",[13899],{"type":40,"value":13897},{"type":34,"tag":42,"props":13901,"children":13902},{},[13903],{"type":40,"value":13904},"如果你的傳輸需求大部分發生在同一個辦公室或家中的 Wi-Fi 網段，LocalSend 是最佳首選，它提供了媲美 AirDrop 的局域網無縫體驗；但如果你需要與遠端的合作夥伴互傳大文件，且不方便將檔案上傳至任何第三方雲端，那麼 AltSendme 的 P2P 穿透優勢會更加明顯。",{"type":34,"tag":42,"props":13906,"children":13907},{},[13908],{"type":40,"value":13909},"這兩款工具各有所長，能完美覆蓋日常工作中的局域網與廣域網檔案傳輸需求。",{"type":34,"tag":98,"props":13911,"children":13912},{},[],{"type":34,"tag":42,"props":13914,"children":13915},{},[13916],{"type":34,"tag":1008,"props":13917,"children":13918},{},[13919],{"type":40,"value":1514},{"type":34,"tag":122,"props":13921,"children":13922},{},[13923,13931,13939],{"type":34,"tag":126,"props":13924,"children":13925},{},[13926],{"type":34,"tag":72,"props":13927,"children":13929},{"href":13510,"rel":13928},[76],[13930],{"type":40,"value":13514},{"type":34,"tag":126,"props":13932,"children":13933},{},[13934],{"type":34,"tag":72,"props":13935,"children":13937},{"href":13520,"rel":13936},[76],[13938],{"type":40,"value":13524},{"type":34,"tag":126,"props":13940,"children":13941},{},[13942],{"type":34,"tag":72,"props":13943,"children":13945},{"href":13944},"\u002Farticles\u002Faltsendme",[13946],{"type":40,"value":13947},"AltSendme 使用指南",{"title":8,"searchDepth":708,"depth":708,"links":13949},[13950,13951,13952,13953,13954,13958],{"id":37,"depth":708,"text":37},{"id":13530,"depth":708,"text":13530},{"id":13566,"depth":708,"text":13566},{"id":13621,"depth":708,"text":13621},{"id":13667,"depth":708,"text":13670,"children":13955},[13956,13957],{"id":13678,"depth":733,"text":13681},{"id":13806,"depth":733,"text":13809},{"id":13897,"depth":708,"text":13897},"content:articles:localsend.md","articles\u002Flocalsend.md","articles\u002Flocalsend",{"_path":13963,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":13964,"description":13965,"date":13966,"category":12,"image":6124,"tags":13967,"series":3464,"readingTime":13968,"difficulty":23,"local":24,"platforms":13969,"gpu":29,"body":13970,"_type":1569,"_id":14450,"_source":1571,"_file":14451,"_stem":14452,"_extension":1574},"\u002Farticles\u002Fllmwiki","LLM Wiki 實測：用大模型打造能自動整理與更新的個人離線知識庫","每次整理筆記都覺得繁瑣？LLM Wiki 是一款基於 Andrej Karpathy 理念開發的個人知識庫工具。它能自動讀取文檔、進行兩階段思維鏈分析、生成互相連結的 Wiki 頁面，並完美兼容 Obsidian 與本地 AI 模型。","2026-06-11",[3463,15,17,10789,1584,16],"8 min read",[26,27,28],{"type":31,"children":13971,"toc":14432},[13972,13978,13983,13988,13993,13996,14001,14006,14010,14023,14026,14032,14037,14043,14048,14071,14077,14082,14125,14130,14133,14139,14144,14150,14155,14168,14174,14179,14197,14203,14208,14226,14232,14237,14255,14261,14266,14284,14290,14295,14313,14316,14322,14327,14376,14379,14383,14388,14393,14400,14421,14424],{"type":34,"tag":35,"props":13973,"children":13975},{"id":13974},"前言當傳統筆記遇上自動化-ai-整理",[13976],{"type":40,"value":13977},"前言：當傳統筆記遇上自動化 AI 整理",{"type":34,"tag":42,"props":13979,"children":13980},{},[13981],{"type":40,"value":13982},"在資訊爆炸的時代，我們每天都會接觸到大量的論文、報告、合約與筆記。傳統的個人知識管理系統（如 Obsidian、Notion）需要花費大量時間手動分類、貼標籤、建立雙向連結；而常見的 RAG（檢索增強生成）系統雖然能回答問題，但每次查詢都是從頭開始臨時檢索，無法沈澱出一個有結構的知識體系。",{"type":34,"tag":42,"props":13984,"children":13985},{},[13986],{"type":40,"value":13987},"為了解決這個痛點，前 OpenAI 創始成員 Andrej Karpathy 提出了一個名為 LLM Wiki 的模式：讓大模型來擔任你的圖書館管理員，自動讀取你匯入的文檔，在背景增量建立、修正與維護一個結構化的 Wiki 知識庫。",{"type":34,"tag":42,"props":13989,"children":13990},{},[13991],{"type":40,"value":13992},"本文要介紹的開源專案 LLM Wiki，正是將這一設計理念落地為跨平台桌面端應用的硬核工具。它不僅能完全離線運行，還能生成精美的知識關係圖譜，並且與 Obsidian 完美兼容。",{"type":34,"tag":98,"props":13994,"children":13995},{},[],{"type":34,"tag":35,"props":13997,"children":13999},{"id":13998},"實測效果展示",[14000],{"type":40,"value":13998},{"type":34,"tag":42,"props":14002,"children":14003},{},[14004],{"type":40,"value":14005},"以下是 LLM Wiki 自動化分析文檔並產生動態知識關係圖的實測片段：",{"type":34,"tag":112,"props":14007,"children":14009},{"src":14008},"\u002Fvideos\u002Fllmwiki\u002Fllmwiki.mp4",[],{"type":34,"tag":122,"props":14011,"children":14012},{},[14013],{"type":34,"tag":126,"props":14014,"children":14015},{},[14016],{"type":34,"tag":72,"props":14017,"children":14020},{"href":14018,"rel":14019},"https:\u002F\u002Fgithub.com\u002Fnashsu\u002Fllm_wiki",[76],[14021],{"type":40,"value":14022},"LLM Wiki GitHub 官方倉庫（點這裡前往）",{"type":34,"tag":98,"props":14024,"children":14025},{},[],{"type":34,"tag":35,"props":14027,"children":14029},{"id":14028},"llm-wiki-的核心特色與架構",[14030],{"type":40,"value":14031},"LLM Wiki 的核心特色與架構",{"type":34,"tag":42,"props":14033,"children":14034},{},[14035],{"type":40,"value":14036},"相較於一般的 AI 閱讀助手，LLM Wiki 採用了更符合人類知識積累的架構：",{"type":34,"tag":1854,"props":14038,"children":14040},{"id":14039},"_1-兩階段思維鏈導入",[14041],{"type":40,"value":14042},"1. 兩階段思維鏈導入",{"type":34,"tag":42,"props":14044,"children":14045},{},[14046],{"type":40,"value":14047},"傳統的文檔導入往往是直接切片（Chunking）並存入向量資料庫。LLM Wiki 則採用了兩階段思維鏈（Chain-of-Thought）機制：",{"type":34,"tag":122,"props":14049,"children":14050},{},[14051,14061],{"type":34,"tag":126,"props":14052,"children":14053},{},[14054,14059],{"type":34,"tag":1008,"props":14055,"children":14056},{},[14057],{"type":40,"value":14058},"第一階段（分析）",{"type":40,"value":14060},"：大模型先完整閱讀原始文件，提取出核心概念、關鍵實體、核心論點，分析其與現有知識庫的關聯，並指出是否存在潛在的知識衝突。",{"type":34,"tag":126,"props":14062,"children":14063},{},[14064,14069],{"type":34,"tag":1008,"props":14065,"children":14066},{},[14067],{"type":40,"value":14068},"第二階段（生成）",{"type":40,"value":14070},"：大模型根據第一階段的分析結果，在背景自動生成或更新對應的 Wiki 頁面，包括為新頁面加上 YAML 屬性、自動為關鍵詞加上雙向連結（wikilinks 語法），並記錄操作日誌。",{"type":34,"tag":1854,"props":14072,"children":14074},{"id":14073},"_2-四訊號相關性模型與社群偵測",[14075],{"type":40,"value":14076},"2. 四訊號相關性模型與社群偵測",{"type":34,"tag":42,"props":14078,"children":14079},{},[14080],{"type":40,"value":14081},"為了呈現高質感的知識圖譜，LLM Wiki 內建了多維度的相關性模型，綜合評估以下四種訊號：",{"type":34,"tag":122,"props":14083,"children":14084},{},[14085,14095,14105,14115],{"type":34,"tag":126,"props":14086,"children":14087},{},[14088,14093],{"type":34,"tag":1008,"props":14089,"children":14090},{},[14091],{"type":40,"value":14092},"直接連結",{"type":40,"value":14094},"：頁面之間是否存在 wikilinks 雙向連結。",{"type":34,"tag":126,"props":14096,"children":14097},{},[14098,14103],{"type":34,"tag":1008,"props":14099,"children":14100},{},[14101],{"type":40,"value":14102},"來源重合度",{"type":40,"value":14104},"：不同的概念是否源自同一個原始文檔。",{"type":34,"tag":126,"props":14106,"children":14107},{},[14108,14113],{"type":34,"tag":1008,"props":14109,"children":14110},{},[14111],{"type":40,"value":14112},"共同鄰居",{"type":40,"value":14114},"：兩個概念是否經常與其他相同的實體產生關聯。",{"type":34,"tag":126,"props":14116,"children":14117},{},[14118,14123],{"type":34,"tag":1008,"props":14119,"children":14120},{},[14121],{"type":40,"value":14122},"類型親和力",{"type":40,"value":14124},"：同類型的頁面（例如實體與實體、概念與概念）之間給予適當的權重加成。",{"type":34,"tag":42,"props":14126,"children":14127},{},[14128],{"type":40,"value":14129},"此外，系統內建了 Louvain 社群偵測算法，能自動將關係緊密的頁面歸納為同一個知識聚類，並以不同顏色標示，幫助使用者一眼看出知識的邊界與架構。",{"type":34,"tag":98,"props":14131,"children":14132},{},[],{"type":34,"tag":35,"props":14134,"children":14136},{"id":14135},"零基礎上手教學從零建構你的-ai-知識庫",[14137],{"type":40,"value":14138},"零基礎上手教學：從零建構你的 AI 知識庫",{"type":34,"tag":42,"props":14140,"children":14141},{},[14142],{"type":40,"value":14143},"以下是使用桌面版應用的白話文操作流程：",{"type":34,"tag":1854,"props":14145,"children":14147},{"id":14146},"第零步下載並安裝",[14148],{"type":40,"value":14149},"第零步：下載並安裝",{"type":34,"tag":42,"props":14151,"children":14152},{},[14153],{"type":40,"value":14154},"前往 LLM Wiki 的 GitHub Releases 頁面，下載適合你作業系統的安裝包（支援 macOS DMG、Windows MSI 以及 Linux DEB\u002FAppImage），雙擊安裝即可。",{"type":34,"tag":122,"props":14156,"children":14157},{},[14158],{"type":34,"tag":126,"props":14159,"children":14160},{},[14161],{"type":34,"tag":72,"props":14162,"children":14165},{"href":14163,"rel":14164},"https:\u002F\u002Fgithub.com\u002Fnashsu\u002Fllm_wiki\u002Freleases",[76],[14166],{"type":40,"value":14167},"LLM Wiki 最新版本下載（點這裡前往）",{"type":34,"tag":1854,"props":14169,"children":14171},{"id":14170},"第一步新建項目與名稱設定",[14172],{"type":40,"value":14173},"第一步：新建項目與名稱設定",{"type":34,"tag":42,"props":14175,"children":14176},{},[14177],{"type":40,"value":14178},"開啟軟體後，第一步是建立一個新的項目。你可以為項目命名、選擇合適的知識庫範本（如學術研究、個人成長、商業分析等），並選擇存放專案的本機資料夾。",{"type":34,"tag":565,"props":14180,"children":14182},{"className":14181},[568,569,570,571,572,573,574],[14183,14184,14190,14191],{"type":40,"value":577},{"type":34,"tag":579,"props":14185,"children":14189},{"src":14186,"alt":14187,"className":14188},"\u002Fimages\u002Fllmwiki\u002F1新建項目田名稱選模版填語言和存放資料夾後新建.jpg","新建項目示意圖",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14192,"children":14194},{"className":14193},[590,591,592,593,594,595],[14195],{"type":40,"value":14196},"填寫項目名稱、選擇範本與儲存路徑，點擊建立即可完成初始化",{"type":34,"tag":1854,"props":14198,"children":14200},{"id":14199},"第二步界面語言選擇",[14201],{"type":40,"value":14202},"第二步：界面語言選擇",{"type":34,"tag":42,"props":14204,"children":14205},{},[14206],{"type":40,"value":14207},"系統支援中（簡體）\u002F英介面，進入主畫面後，你可以到偏好設定中切換為中文，讓後續的設定與操作更加直覺。",{"type":34,"tag":565,"props":14209,"children":14211},{"className":14210},[568,569,570,571,572,573,574],[14212,14213,14219,14220],{"type":40,"value":577},{"type":34,"tag":579,"props":14214,"children":14218},{"src":14215,"alt":14216,"className":14217},"\u002Fimages\u002Fllmwiki\u002F2到介面可以選擇語言.jpg","語系切換示意圖",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14221,"children":14223},{"className":14222},[590,591,592,593,594,595],[14224],{"type":40,"value":14225},"進入設定介面後可以自由切換顯示語言",{"type":34,"tag":1854,"props":14227,"children":14229},{"id":14228},"第三步大模型設定與串接",[14230],{"type":40,"value":14231},"第三步：大模型設定與串接",{"type":34,"tag":42,"props":14233,"children":14234},{},[14235],{"type":40,"value":14236},"LLM Wiki 的核心是背後運作的大模型。你可以選擇使用遠端 API 服務（如 OpenAI、Anthropic Claude、Google Gemini），或是使用 Ollama 本地運行的開源模型（如 Llama 3、Qwen 2.5 等），徹底實現 100% 本地運行的離線知識庫。",{"type":34,"tag":565,"props":14238,"children":14240},{"className":14239},[568,569,570,571,572,573,574],[14241,14242,14248,14249],{"type":40,"value":577},{"type":34,"tag":579,"props":14243,"children":14247},{"src":14244,"alt":14245,"className":14246},"\u002Fimages\u002Fllmwiki\u002F3LLM選擇和設定.jpg","模型設定示意圖",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14250,"children":14252},{"className":14251},[590,591,592,593,594,595],[14253],{"type":40,"value":14254},"配置你的 LLM 供應商、API 金鑰以及要使用的模型型號",{"type":34,"tag":1854,"props":14256,"children":14258},{"id":14257},"第四步導入文檔與自動生成關係圖",[14259],{"type":40,"value":14260},"第四步：導入文檔與自動生成關係圖",{"type":34,"tag":42,"props":14262,"children":14263},{},[14264],{"type":40,"value":14265},"在來源管理介面，將你想要整理的 PDF、Word（DOCX）、Excel（XLSX）或 Markdown 文件拖入，甚至可以匯入整份資料夾。大模型會在背景開始默默運作，自動解析文檔結構、產生摘要，並在右側即時繪製出精美的知識圖譜。",{"type":34,"tag":565,"props":14267,"children":14269},{"className":14268},[568,569,570,571,572,573,574],[14270,14271,14277,14278],{"type":40,"value":577},{"type":34,"tag":579,"props":14272,"children":14276},{"src":14273,"alt":14274,"className":14275},"\u002Fimages\u002Fllmwiki\u002F4導入文件或資料夾會自動整理並生成關係圖.jpg","文檔匯入與關係圖生成",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14279,"children":14281},{"className":14280},[590,591,592,593,594,595],[14282],{"type":40,"value":14283},"匯入文檔後，系統會在背景執行兩階段分析並自動建立網狀的關係圖",{"type":34,"tag":1854,"props":14285,"children":14287},{"id":14286},"第五步與-ai-開心對話精確引用原始文件",[14288],{"type":40,"value":14289},"第五步：與 AI 開心對話，精確引用原始文件",{"type":34,"tag":42,"props":14291,"children":14292},{},[14293],{"type":40,"value":14294},"當知識庫建立完成後，你可以直接在對話框中向 AI 發問。AI 會在背景調用混合檢索系統，找出相關的 Wiki 頁面作為脈絡，並在回覆中精確標記出引用來源的編號，讓你能夠一鍵跳轉到原始的文檔或段落，避免大模型胡言亂語的幻覺問題。",{"type":34,"tag":565,"props":14296,"children":14298},{"className":14297},[568,569,570,571,572,573,574],[14299,14300,14306,14307],{"type":40,"value":577},{"type":34,"tag":579,"props":14301,"children":14305},{"src":14302,"alt":14303,"className":14304},"\u002Fimages\u002Fllmwiki\u002F5最後就可以使用ai 問剛剛的資料了.jpg","AI 問答與引用追蹤",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14308,"children":14310},{"className":14309},[590,591,592,593,594,595],[14311],{"type":40,"value":14312},"直接使用自然語言與知識庫對話，所有回答皆附帶嚴謹的來源引用連結",{"type":34,"tag":98,"props":14314,"children":14315},{},[],{"type":34,"tag":35,"props":14317,"children":14319},{"id":14318},"為什麼說它是-obsidian-的最佳拍檔",[14320],{"type":40,"value":14321},"為什麼說它是 Obsidian 的最佳拍檔？",{"type":34,"tag":42,"props":14323,"children":14324},{},[14325],{"type":40,"value":14326},"許多筆記愛好者都擁有自己的 Obsidian 筆記庫。LLM Wiki 在設計之初就將「兼容性」擺在首位：",{"type":34,"tag":122,"props":14328,"children":14329},{},[14330,14348,14366],{"type":34,"tag":126,"props":14331,"children":14332},{},[14333,14338,14340,14346],{"type":34,"tag":1008,"props":14334,"children":14335},{},[14336],{"type":40,"value":14337},"純 Markdown 格式",{"type":40,"value":14339},"：LLM Wiki 生成的所有 Wiki 頁面都是標準的 ",{"type":34,"tag":58,"props":14341,"children":14343},{"className":14342},[],[14344],{"type":40,"value":14345},".md",{"type":40,"value":14347}," 檔案，並且放在結構清晰的資料夾中（包含 entities、concepts 等分類）。",{"type":34,"tag":126,"props":14349,"children":14350},{},[14351,14356,14358,14364],{"type":34,"tag":1008,"props":14352,"children":14353},{},[14354],{"type":40,"value":14355},"符合 Obsidian 語法",{"type":40,"value":14357},"：大模型在寫入關聯概念時，會自動使用 ",{"type":34,"tag":58,"props":14359,"children":14361},{"className":14360},[],[14362],{"type":40,"value":14363},"[[wikilinks]]",{"type":40,"value":14365}," 的雙向連結格式。",{"type":34,"tag":126,"props":14367,"children":14368},{},[14369,14374],{"type":34,"tag":1008,"props":14370,"children":14371},{},[14372],{"type":40,"value":14373},"無縫接軌",{"type":40,"value":14375},"：你可以直接用 Obsidian 開啟 LLM Wiki 的項目資料夾作為一個 Obsidian Vault（儲存庫）。如此一來，你既能享受大模型在 LLM Wiki 介面中幫你自動分析、聊天與生成關係圖的便利，又能同時使用 Obsidian 進行手動編輯、外掛擴充與本地備份。",{"type":34,"tag":98,"props":14377,"children":14378},{},[],{"type":34,"tag":35,"props":14380,"children":14381},{"id":1479},[14382],{"type":40,"value":1479},{"type":34,"tag":42,"props":14384,"children":14385},{},[14386],{"type":40,"value":14387},"LLM Wiki 改變了我們整理筆記的習慣。以往需要耗費數小時手動梳理、連結的繁瑣工作，現在只需要把文檔丟進去，AI 就會妥善為你分門別類、拉好關係線，並隨時準備好回答你的任何問題。",{"type":34,"tag":42,"props":14389,"children":14390},{},[14391],{"type":40,"value":14392},"不論你是需要閱讀大量學術文檔的科研人員，還是希望打造個人離線大腦的開發者，這款兼具隱私保護、自動化整理與雙向連結功能的開源利器，都非常值得你親自下載體驗。",{"type":34,"tag":42,"props":14394,"children":14395},{},[14396],{"type":34,"tag":1008,"props":14397,"children":14398},{},[14399],{"type":40,"value":1514},{"type":34,"tag":122,"props":14401,"children":14402},{},[14403,14412],{"type":34,"tag":126,"props":14404,"children":14405},{},[14406],{"type":34,"tag":72,"props":14407,"children":14409},{"href":14018,"rel":14408},[76],[14410],{"type":40,"value":14411},"LLM Wiki 官方 GitHub 倉庫",{"type":34,"tag":126,"props":14413,"children":14414},{},[14415],{"type":34,"tag":72,"props":14416,"children":14418},{"href":14163,"rel":14417},[76],[14419],{"type":40,"value":14420},"LLM Wiki 下載頁面",{"type":34,"tag":98,"props":14422,"children":14423},{},[],{"type":34,"tag":42,"props":14425,"children":14426},{},[14427],{"type":34,"tag":9919,"props":14428,"children":14429},{},[14430],{"type":40,"value":14431},"本文介紹之開源專案 LLM Wiki 採用 GNU General Public License v3.0 授權協議，若你喜歡這款工具，歡迎前往 GitHub 為作者點擊 Star 支持！",{"title":8,"searchDepth":708,"depth":708,"links":14433},[14434,14435,14436,14440,14448,14449],{"id":13974,"depth":708,"text":13977},{"id":13998,"depth":708,"text":13998},{"id":14028,"depth":708,"text":14031,"children":14437},[14438,14439],{"id":14039,"depth":733,"text":14042},{"id":14073,"depth":733,"text":14076},{"id":14135,"depth":708,"text":14138,"children":14441},[14442,14443,14444,14445,14446,14447],{"id":14146,"depth":733,"text":14149},{"id":14170,"depth":733,"text":14173},{"id":14199,"depth":733,"text":14202},{"id":14228,"depth":733,"text":14231},{"id":14257,"depth":733,"text":14260},{"id":14286,"depth":733,"text":14289},{"id":14318,"depth":708,"text":14321},{"id":1479,"depth":708,"text":1479},"content:articles:llmwiki.md","articles\u002Fllmwiki.md","articles\u002Fllmwiki",{"_path":14454,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":14455,"description":14456,"date":14457,"category":1580,"image":6124,"tags":14458,"series":3464,"readingTime":7798,"difficulty":1587,"local":24,"platforms":14460,"gpu":29,"body":14461,"_type":1569,"_id":14929,"_source":1571,"_file":14930,"_stem":14931,"_extension":1574},"\u002Farticles\u002Fvibe","Vibe 實測：最適合小白的跨平台離線 AI 語音轉文字工具，簡潔直覺一鍵搞定！","嫌 Whisper 命令行太難、其他工具設定太複雜？Vibe 是一款極簡、無痛上手的離線語音轉字幕工具。功能雖然精簡，但介面清爽、極易上手，是電腦小白與新手的最佳選擇！","2026-06-10",[10462,14459,3463,17],"Whisper",[26,27,28],{"type":31,"children":14462,"toc":14912},[14463,14469,14474,14479,14505,14508,14514,14540,14544,14563,14568,14586,14589,14595,14601,14606,14612,14617,14623,14628,14631,14637,14642,14648,14653,14676,14679,14685,14697,14715,14718,14724,14729,14767,14785,14788,14794,14806,14824,14827,14833,14853,14856,14860,14869,14874,14881,14901,14904],{"type":34,"tag":35,"props":14464,"children":14466},{"id":14465},"前言拒絕複雜為電腦小白量身打造的語音轉寫工具",[14467],{"type":40,"value":14468},"前言：拒絕複雜！為電腦小白量身打造的語音轉寫工具",{"type":34,"tag":42,"props":14470,"children":14471},{},[14472],{"type":40,"value":14473},"每次錄完會議、做完訪談或錄製教學影片後，最繁瑣的步驟就是「製作字幕與逐字稿」。雖然 Whisper 等開源模型非常強大，但對大部分電腦新手或非技術背景的「電腦小白」來說，光是看見黑底白字的 Command Line（終端機指令）和一堆環境變數配置，就足以讓人頭痛放棄。",{"type":34,"tag":42,"props":14475,"children":14476},{},[14477],{"type":40,"value":14478},"市面上許多語音轉文字軟體雖然功能繁多，但密密麻麻的參數設定、複雜的聲學調整，反而提高了使用門檻。",{"type":34,"tag":42,"props":14480,"children":14481},{},[14482,14484,14496,14498,14503],{"type":40,"value":14483},"如果你只想**「把音訊或影片丟進去，然後拿到字幕」",{"type":34,"tag":1008,"props":14485,"children":14486},{},[14487,14489,14494],{"type":40,"value":14488},"，那麼 ",{"type":34,"tag":1008,"props":14490,"children":14491},{},[14492],{"type":40,"value":14493},"Vibe",{"type":40,"value":14495}," 就是你最完美的解決方案！它主打",{"type":40,"value":14497},"極致簡潔的介面",{"type":34,"tag":1008,"props":14499,"children":14500},{},[14501],{"type":40,"value":14502},"與",{"type":40,"value":14504},"零學習曲線**，雖然相較於其他專業工具功能沒那麼多，但因為省去了所有繁瑣的設定，反而讓它成為目前最容易上手、最適合新手的離線語音轉文字神器。",{"type":34,"tag":98,"props":14506,"children":14507},{},[],{"type":34,"tag":35,"props":14509,"children":14511},{"id":14510},"實測效果展示-m4-mac-mini",[14512],{"type":40,"value":14513},"實測效果展示 (M4 Mac Mini)",{"type":34,"tag":42,"props":14515,"children":14516},{},[14517,14519,14524,14526,14531,14533,14538],{"type":40,"value":14518},"以下是在 ",{"type":34,"tag":1008,"props":14520,"children":14521},{},[14522],{"type":40,"value":14523},"M4 Mac Mini",{"type":40,"value":14525}," 上，使用 ",{"type":34,"tag":1008,"props":14527,"children":14528},{},[14529],{"type":40,"value":14530},"Medium Model",{"type":40,"value":14532}," 進行實測的影片。介面沒有多餘的雜訊，導入音訊後，花費 ",{"type":34,"tag":1008,"props":14534,"children":14535},{},[14536],{"type":40,"value":14537},"7 秒",{"type":40,"value":14539}," 就產出了高品質的字幕（原始影片35秒）：",{"type":34,"tag":112,"props":14541,"children":14543},{"src":14542},"\u002Fvideos\u002Fvibe\u002Fvibedemo.mp4",[],{"type":34,"tag":42,"props":14545,"children":14546},{},[14547,14549,14554,14556,14561],{"type":40,"value":14548},"此外，筆者也實測了轉錄一段長度為 ",{"type":34,"tag":1008,"props":14550,"children":14551},{},[14552],{"type":40,"value":14553},"21:44",{"type":40,"value":14555}," 的影片，總共花費了 ",{"type":34,"tag":1008,"props":14557,"children":14558},{},[14559],{"type":40,"value":14560},"169 秒",{"type":40,"value":14562},"（約 2 分 49 秒）完成。",{"type":34,"tag":42,"props":14564,"children":14565},{},[14566],{"type":40,"value":14567},"老實說，如果與專門針對 Apple Silicon 極致優化的 Whisper MLX 模型相比，這個速度確實不算特別快；但考慮到它完全不需要配置任何複雜的環境、點開即用，且辨識出的精準度非常不錯，對於一般新手與日常使用來說，這樣的表現已經非常夠用且足夠優秀了！",{"type":34,"tag":565,"props":14569,"children":14571},{"className":14570},[568,569,570,571,572,573,574],[14572,14573,14579,14580],{"type":40,"value":577},{"type":34,"tag":579,"props":14574,"children":14578},{"src":14575,"alt":14576,"className":14577},"\u002Fimages\u002Fvibe\u002F21.44.jpg","Vibe 長影片轉錄實測",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14581,"children":14583},{"className":14582},[590,591,592,593,594,595],[14584],{"type":40,"value":14585},"實測轉錄長度 21:44 的影片，總耗時 169 秒",{"type":34,"tag":98,"props":14587,"children":14588},{},[],{"type":34,"tag":35,"props":14590,"children":14592},{"id":14591},"為什麼-vibe-是新手的最愛",[14593],{"type":40,"value":14594},"為什麼 Vibe 是新手的最愛？",{"type":34,"tag":1854,"props":14596,"children":14598},{"id":14597},"_1-介面簡潔沒有多餘的雜訊",[14599],{"type":40,"value":14600},"1. 介面簡潔，沒有多餘的雜訊",{"type":34,"tag":42,"props":14602,"children":14603},{},[14604],{"type":40,"value":14605},"開啟 Vibe 後，你不會看到一堆看不懂的專業術語或聲學參數。它的介面極其清爽，幾乎只有「選擇檔案」、「開始轉錄」這兩個核心動作。你只需要把音訊或影片拖進去，點一下按鈕，剩下的事情全部交給 AI 自動處理。",{"type":34,"tag":1854,"props":14607,"children":14609},{"id":14608},"_2-超容易上手免設定環境",[14610],{"type":40,"value":14611},"2. 超容易上手，免設定環境",{"type":34,"tag":42,"props":14613,"children":14614},{},[14615],{"type":40,"value":14616},"不需要安裝 Python，不需要配置繁雜的 CUDA 環境。Vibe 採用「一鍵安裝，魔法配置」的邏輯，無論是 Windows、macOS 還是 Linux，都能輕鬆安裝並直接運行。",{"type":34,"tag":1854,"props":14618,"children":14620},{"id":14619},"_3-功能剛剛好不讓新手迷失",[14621],{"type":40,"value":14622},"3. 功能剛剛好，不讓新手迷失",{"type":34,"tag":42,"props":14624,"children":14625},{},[14626],{"type":40,"value":14627},"相較於其他功能全面但複雜的工具，Vibe 選擇做「減法」。它不提供複雜的說話者識別（Diarization）或細微的聲波剪輯，而是專注於最核心的「轉錄與字幕生成」。對只想快速拿到逐字稿的人來說，這樣反而更省心。",{"type":34,"tag":98,"props":14629,"children":14630},{},[],{"type":34,"tag":35,"props":14632,"children":14634},{"id":14633},"快速安裝與設定指南三步驟搞定",[14635],{"type":40,"value":14636},"快速安裝與設定指南（三步驟搞定）",{"type":34,"tag":42,"props":14638,"children":14639},{},[14640],{"type":40,"value":14641},"Vibe 的模型安裝非常聰明，採用網頁連結直接開啓應用的「Magic Setup」，完全不需要手動搬運檔案：",{"type":34,"tag":1854,"props":14643,"children":14645},{"id":14644},"第-0-步下載-vibe-主程式",[14646],{"type":40,"value":14647},"第 0 步：下載 Vibe 主程式",{"type":34,"tag":42,"props":14649,"children":14650},{},[14651],{"type":40,"value":14652},"前往 Vibe 官網下載適合你的系統安裝包：",{"type":34,"tag":122,"props":14654,"children":14655},{},[14656,14666],{"type":34,"tag":126,"props":14657,"children":14658},{},[14659],{"type":34,"tag":72,"props":14660,"children":14663},{"href":14661,"rel":14662},"https:\u002F\u002Fthewh1teagle.github.io\u002Fvibe",[76],[14664],{"type":40,"value":14665},"Vibe 官方下載頁面",{"type":34,"tag":126,"props":14667,"children":14668},{},[14669],{"type":34,"tag":72,"props":14670,"children":14673},{"href":14671,"rel":14672},"https:\u002F\u002Fgithub.com\u002Fthewh1teagle\u002Fvibe",[76],[14674],{"type":40,"value":14675},"Vibe GitHub 倉庫",{"type":34,"tag":98,"props":14677,"children":14678},{},[],{"type":34,"tag":1854,"props":14680,"children":14682},{"id":14681},"第一步進入設定並點擊下載",[14683],{"type":40,"value":14684},"第一步：進入設定並點擊下載",{"type":34,"tag":42,"props":14686,"children":14687},{},[14688,14690,14695],{"type":40,"value":14689},"安裝並打開 Vibe，點擊設定中的 ",{"type":34,"tag":1008,"props":14691,"children":14692},{},[14693],{"type":40,"value":14694},"Download",{"type":40,"value":14696}," 按鈕，瀏覽器會自動跳轉到模型選擇頁面。",{"type":34,"tag":565,"props":14698,"children":14700},{"className":14699},[568,569,570,571,572,573,574],[14701,14702,14708,14709],{"type":40,"value":577},{"type":34,"tag":579,"props":14703,"children":14707},{"src":14704,"alt":14705,"className":14706},"\u002Fimages\u002Fvibe\u002Fdownloadmodel.jpg","Vibe 設定介面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14710,"children":14712},{"className":14711},[590,591,592,593,594,595],[14713],{"type":40,"value":14714},"點擊 Download 按鈕即可打開模型清單網頁",{"type":34,"tag":98,"props":14716,"children":14717},{},[],{"type":34,"tag":1854,"props":14719,"children":14721},{"id":14720},"第二步挑選適合的模型尺寸",[14722],{"type":40,"value":14723},"第二步：挑選適合的模型尺寸",{"type":34,"tag":42,"props":14725,"children":14726},{},[14727],{"type":40,"value":14728},"在跳轉的網頁中，選擇適合你設備的模型：",{"type":34,"tag":122,"props":14730,"children":14731},{},[14732,14743,14755],{"type":34,"tag":126,"props":14733,"children":14734},{},[14735,14737,14741],{"type":40,"value":14736},"⚖️ ",{"type":34,"tag":1008,"props":14738,"children":14739},{},[14740],{"type":40,"value":14530},{"type":40,"value":14742},"（推薦）：精準度與轉錄速度的最佳平衡，適合大多數人。",{"type":34,"tag":126,"props":14744,"children":14745},{},[14746,14748,14753],{"type":40,"value":14747},"🚀 ",{"type":34,"tag":1008,"props":14749,"children":14750},{},[14751],{"type":40,"value":14752},"Large v3 Turbo",{"type":40,"value":14754},"：精準度最高，適合音質較差的音訊。",{"type":34,"tag":126,"props":14756,"children":14757},{},[14758,14760,14765],{"type":40,"value":14759},"🌱 ",{"type":34,"tag":1008,"props":14761,"children":14762},{},[14763],{"type":40,"value":14764},"Tiny \u002F Small Model",{"type":40,"value":14766},"：速度極快，適合效能較舊的電腦。",{"type":34,"tag":565,"props":14768,"children":14770},{"className":14769},[568,569,570,571,572,573,574],[14771,14772,14778,14779],{"type":40,"value":577},{"type":34,"tag":579,"props":14773,"children":14777},{"src":14774,"alt":14775,"className":14776},"\u002Fimages\u002Fvibe\u002Fmodel.jpg","Whisper 模型選擇頁面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14780,"children":14782},{"className":14781},[590,591,592,593,594,595],[14783],{"type":40,"value":14784},"在網頁上找到想要的模型大小",{"type":34,"tag":98,"props":14786,"children":14787},{},[],{"type":34,"tag":1854,"props":14789,"children":14791},{"id":14790},"第三步點擊magic-setup自動下載安裝",[14792],{"type":40,"value":14793},"第三步：點擊「Magic Setup」自動下載安裝",{"type":34,"tag":42,"props":14795,"children":14796},{},[14797,14799,14804],{"type":40,"value":14798},"點擊網頁上該模型旁的 ",{"type":34,"tag":1008,"props":14800,"children":14801},{},[14802],{"type":40,"value":14803},"👉 Magic Setup",{"type":40,"value":14805}," 連結，瀏覽器會提示開啟 Vibe 應用程式。確認開啟後，Vibe 就會自動在背景下載並配置模型，完全不用任何手動安裝步驟。",{"type":34,"tag":565,"props":14807,"children":14809},{"className":14808},[568,569,570,571,572,573,574],[14810,14811,14817,14818],{"type":40,"value":577},{"type":34,"tag":579,"props":14812,"children":14816},{"src":14813,"alt":14814,"className":14815},"\u002Fimages\u002Fvibe\u002Fautodownload.jpg","Vibe 自動下載模型",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":14819,"children":14821},{"className":14820},[590,591,592,593,594,595],[14822],{"type":40,"value":14823},"點擊 Magic Setup 後，Vibe 就會自動下載並設定模型",{"type":34,"tag":98,"props":14825,"children":14826},{},[],{"type":34,"tag":35,"props":14828,"children":14830},{"id":14829},"補充功能youtube-影片直接轉錄",[14831],{"type":40,"value":14832},"補充功能：YouTube 影片直接轉錄",{"type":34,"tag":42,"props":14834,"children":14835},{},[14836,14838,14844,14846,14851],{"type":40,"value":14837},"雖然 Vibe 主打極簡，但它依然貼心地整合了 ",{"type":34,"tag":58,"props":14839,"children":14841},{"className":14840},[],[14842],{"type":40,"value":14843},"yt-dlp",{"type":40,"value":14845}," 下載工具。如果你想轉錄 YouTube 上的影片，直接把連結貼進 Vibe 即可。系統會引導你一鍵安裝 ",{"type":34,"tag":58,"props":14847,"children":14849},{"className":14848},[],[14850],{"type":40,"value":14843},{"type":40,"value":14852}," 依賴，完成後就能直接下載並在本地離線轉錄，非常便利。",{"type":34,"tag":98,"props":14854,"children":14855},{},[],{"type":34,"tag":35,"props":14857,"children":14858},{"id":13897},[14859],{"type":40,"value":13897},{"type":34,"tag":42,"props":14861,"children":14862},{},[14863,14867],{"type":34,"tag":1008,"props":14864,"children":14865},{},[14866],{"type":40,"value":14493},{"type":40,"value":14868}," 將複雜的 AI 轉錄科技包裝成了最貼近新手的產品。它拋棄了所有不需要的繁瑣功能，只保留最核心、最直覺的轉錄功能，帶給使用者最清爽的體驗。",{"type":34,"tag":42,"props":14870,"children":14871},{},[14872],{"type":40,"value":14873},"如果你是電腦小白，或者單純不想花時間研究複雜的設定，只想省時省力地把語音轉成文字，那麼 Vibe 絕對是你的最佳首選！",{"type":34,"tag":42,"props":14875,"children":14876},{},[14877],{"type":34,"tag":1008,"props":14878,"children":14879},{},[14880],{"type":40,"value":1514},{"type":34,"tag":122,"props":14882,"children":14883},{},[14884,14893],{"type":34,"tag":126,"props":14885,"children":14886},{},[14887],{"type":34,"tag":72,"props":14888,"children":14890},{"href":14661,"rel":14889},[76],[14891],{"type":40,"value":14892},"Vibe 官方網站",{"type":34,"tag":126,"props":14894,"children":14895},{},[14896],{"type":34,"tag":72,"props":14897,"children":14899},{"href":14671,"rel":14898},[76],[14900],{"type":40,"value":14675},{"type":34,"tag":98,"props":14902,"children":14903},{},[],{"type":34,"tag":42,"props":14905,"children":14906},{},[14907],{"type":34,"tag":9919,"props":14908,"children":14909},{},[14910],{"type":40,"value":14911},"本文介紹之開源專案 Vibe 採用 MIT 授權協議，若這款工具對你有所幫助，歡迎前往 GitHub 為作者點個 Star！",{"title":8,"searchDepth":708,"depth":708,"links":14913},[14914,14915,14916,14921,14927,14928],{"id":14465,"depth":708,"text":14468},{"id":14510,"depth":708,"text":14513},{"id":14591,"depth":708,"text":14594,"children":14917},[14918,14919,14920],{"id":14597,"depth":733,"text":14600},{"id":14608,"depth":733,"text":14611},{"id":14619,"depth":733,"text":14622},{"id":14633,"depth":708,"text":14636,"children":14922},[14923,14924,14925,14926],{"id":14644,"depth":733,"text":14647},{"id":14681,"depth":733,"text":14684},{"id":14720,"depth":733,"text":14723},{"id":14790,"depth":733,"text":14793},{"id":14829,"depth":708,"text":14832},{"id":13897,"depth":708,"text":13897},"content:articles:vibe.md","articles\u002Fvibe.md","articles\u002Fvibe",{"_path":14933,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":14934,"description":14935,"date":14936,"category":12,"image":14937,"tags":14938,"series":21,"readingTime":1586,"difficulty":23,"local":24,"platforms":14940,"gpu":29,"body":14941,"_type":1569,"_id":15379,"_source":1571,"_file":15380,"_stem":15381,"_extension":1574},"\u002Farticles\u002Flottie","Text-To-Lottie 實測：用 AI Agent 本地生成與即時預覽 Lottie 動畫","本文介紹如何透過 Skia CanvasKit (Skottie) 搭配 React 與 shadcn\u002Fui 控制介面，讓本地 AI 代理直接編寫 lottie.json，並透過開發伺服器即時熱重載預覽動畫。","2026-06-09","\u002Fimages\u002Flottie\u002Fnpminstall.jpg",[15,16,17,14939],"Web Development",[18,1591],{"type":31,"children":14942,"toc":15367},[14943,14947,14952,14965,14970,14974,14987,14990,14995,15000,15006,15019,15049,15066,15087,15105,15108,15114,15119,15124,15132,15150,15153,15158,15171,15177,15222,15278,15284,15297,15315,15318,15323,15363],{"type":34,"tag":35,"props":14944,"children":14945},{"id":37},[14946],{"type":40,"value":37},{"type":34,"tag":42,"props":14948,"children":14949},{},[14950],{"type":40,"value":14951},"Lottie 動畫因其向量、輕量且支援跨平台的特性，已成為現代網頁與行動端應用的視覺標準。然而，傳統上製作 Lottie 動畫需要使用 After Effects 搭配 Bodymovin 外掛，這對非設計師或是需要快速迭代的開發者來說門檻極高。",{"type":34,"tag":42,"props":14953,"children":14954},{},[14955,14957,14963],{"type":40,"value":14956},"Text-To-Lottie（基於 diffusionstudio\u002Flottie）打破了這個限制。它整合了基於 Skia CanvasKit 的 Skottie 動畫播放引擎，並提供 React、shadcn\u002Fui 與 TypeScript 組裝的控制面板。透過這套工具，本地的 AI 代理可以直接將動畫指令寫入 ",{"type":34,"tag":58,"props":14958,"children":14960},{"className":14959},[],[14961],{"type":40,"value":14962},"public\u002Flottie.json",{"type":40,"value":14964},"，並透過開發伺服器進行即時的熱重載（Hot Reload）預覽。",{"type":34,"tag":42,"props":14966,"children":14967},{},[14968],{"type":40,"value":14969},"下面先放實際的成果展示錄影：",{"type":34,"tag":112,"props":14971,"children":14973},{"src":14972},"\u002Fvideos\u002Flottie\u002Ftext2svg.mp4",[],{"type":34,"tag":122,"props":14975,"children":14976},{},[14977],{"type":34,"tag":126,"props":14978,"children":14979},{},[14980],{"type":34,"tag":72,"props":14981,"children":14984},{"href":14982,"rel":14983},"https:\u002F\u002Fgithub.com\u002Fdiffusionstudio\u002Flottie",[76],[14985],{"type":40,"value":14986},"專案 GitHub 倉庫（按這裡前往）",{"type":34,"tag":98,"props":14988,"children":14989},{},[],{"type":34,"tag":35,"props":14991,"children":14993},{"id":14992},"安裝與環境設定",[14994],{"type":40,"value":14992},{"type":34,"tag":42,"props":14996,"children":14997},{},[14998],{"type":40,"value":14999},"Text-To-Lottie 提供便捷的本地安裝指令，你可以直接透過 npm 技能管理工具將其添加至開發環境。",{"type":34,"tag":1854,"props":15001,"children":15003},{"id":15002},"_1-添加技能-npx-skills",[15004],{"type":40,"value":15005},"1. 添加技能 (npx skills)",{"type":34,"tag":42,"props":15007,"children":15008},{},[15009,15011,15017],{"type":40,"value":15010},"在終端機中執行以下指令以安裝 ",{"type":34,"tag":58,"props":15012,"children":15014},{"className":15013},[],[15015],{"type":40,"value":15016},"diffusionstudio\u002Flottie",{"type":40,"value":15018}," 技能：",{"type":34,"tag":243,"props":15020,"children":15022},{"className":245,"code":15021,"language":247,"meta":8,"style":8},"npx skills add diffusionstudio\u002Flottie\n",[15023],{"type":34,"tag":58,"props":15024,"children":15025},{"__ignoreMap":8},[15026],{"type":34,"tag":253,"props":15027,"children":15028},{"class":255,"line":256},[15029,15034,15039,15044],{"type":34,"tag":253,"props":15030,"children":15031},{"style":260},[15032],{"type":40,"value":15033},"npx",{"type":34,"tag":253,"props":15035,"children":15036},{"style":271},[15037],{"type":40,"value":15038}," skills",{"type":34,"tag":253,"props":15040,"children":15041},{"style":271},[15042],{"type":40,"value":15043}," add",{"type":34,"tag":253,"props":15045,"children":15046},{"style":271},[15047],{"type":40,"value":15048}," diffusionstudio\u002Flottie\n",{"type":34,"tag":565,"props":15050,"children":15052},{"className":15051},[568,569,570,571,572,573,574],[15053,15054,15059,15060],{"type":40,"value":577},{"type":34,"tag":579,"props":15055,"children":15058},{"src":14937,"alt":15056,"className":15057},"在終端機中執行 npx skills add 指令",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":15061,"children":15063},{"className":15062},[590,591,592,593,594,595],[15064],{"type":40,"value":15065},"在終端機中執行技能添加指令，完成 diffusionstudio\u002Flottie 的拉取",{"type":34,"tag":42,"props":15067,"children":15068},{},[15069,15071,15077,15079,15085],{"type":40,"value":15070},"在安裝過程中，一路按下 Enter 確認預設選項即可。安裝完成後，可透過 ",{"type":34,"tag":58,"props":15072,"children":15074},{"className":15073},[],[15075],{"type":40,"value":15076},"ls -la",{"type":40,"value":15078}," 指令檢查 ",{"type":34,"tag":58,"props":15080,"children":15082},{"className":15081},[],[15083],{"type":40,"value":15084},".agents\u002Fskills\u002Ftext-to-lottie",{"type":40,"value":15086}," 目錄，確保相關檔案已正確寫入。",{"type":34,"tag":565,"props":15088,"children":15090},{"className":15089},[568,569,570,571,572,573,574],[15091,15092,15098,15099],{"type":40,"value":577},{"type":34,"tag":579,"props":15093,"children":15097},{"src":15094,"alt":15095,"className":15096},"\u002Fimages\u002Flottie\u002F1一路enter安裝 ls-la確認有安裝好.jpg","確認技能安裝路徑",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":15100,"children":15102},{"className":15101},[590,591,592,593,594,595],[15103],{"type":40,"value":15104},"一路確認安裝，最後透過 ls -la 驗證 skills 檔案是否存在",{"type":34,"tag":98,"props":15106,"children":15107},{},[],{"type":34,"tag":35,"props":15109,"children":15111},{"id":15110},"使用-ai-agent-生成-lottie-動畫",[15112],{"type":40,"value":15113},"使用 AI Agent 生成 Lottie 動畫",{"type":34,"tag":42,"props":15115,"children":15116},{},[15117],{"type":40,"value":15118},"安裝好技能後，即可直接向支援 Skills 的 AI 本地代理（如 Claude Code、Codex 或 Antigravity）發送描述性的 Prompt 來生成動畫。",{"type":34,"tag":42,"props":15120,"children":15121},{},[15122],{"type":40,"value":15123},"以下是一個實測生成金融風格 K 線圖動畫的 Prompt 範例：",{"type":34,"tag":10421,"props":15125,"children":15126},{},[15127],{"type":34,"tag":42,"props":15128,"children":15129},{},[15130],{"type":40,"value":15131},"A premium fintech Lottie of a transparent-background candlestick chart with 350 real TSLA-style red\u002Fgreen candles revealing rapidly left to right; each slim candle grows vertically into its OHLC body and matching-color wick, with tight spacing, natural clustered volatility, no grid or labels, and a single parent camera group that briefly holds then pans smoothly with ease-out motion across the forming market trend in a 150-frame, 30 FPS composition.",{"type":34,"tag":565,"props":15133,"children":15135},{"className":15134},[568,569,570,571,572,573,574],[15136,15137,15143,15144],{"type":40,"value":577},{"type":34,"tag":579,"props":15138,"children":15142},{"src":15139,"alt":15140,"className":15141},"\u002Fimages\u002Flottie\u002F2跟agent提出需求.jpg","向 AI Agent 輸入動畫描述",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":15145,"children":15147},{"className":15146},[590,591,592,593,594,595],[15148],{"type":40,"value":15149},"向本地 AI 代理輸入精確的動畫規格 Prompt，讓代理自動編寫並輸出動畫 JSON",{"type":34,"tag":98,"props":15151,"children":15152},{},[],{"type":34,"tag":35,"props":15154,"children":15156},{"id":15155},"本地啟動與成果驗收",[15157],{"type":40,"value":15155},{"type":34,"tag":42,"props":15159,"children":15160},{},[15161,15163,15169],{"type":40,"value":15162},"當 AI 代理生成好 ",{"type":34,"tag":58,"props":15164,"children":15166},{"className":15165},[],[15167],{"type":40,"value":15168},"lottie.json",{"type":40,"value":15170}," 後，便可以執行本地開發伺服器進行驗收。",{"type":34,"tag":1854,"props":15172,"children":15174},{"id":15173},"_1-手動複製與依賴安裝",[15175],{"type":40,"value":15176},"1. 手動複製與依賴安裝",{"type":34,"tag":42,"props":15178,"children":15179},{},[15180,15182,15188,15190,15196,15198,15204,15206,15212,15214,15220],{"type":40,"value":15181},"在手動設定的場景下，可以安裝專案依賴。由於 Skia 播放器需要 CanvasKit 的 WebAssembly 支援，專案在執行 ",{"type":34,"tag":58,"props":15183,"children":15185},{"className":15184},[],[15186],{"type":40,"value":15187},"npm install",{"type":40,"value":15189}," 時，會透過 ",{"type":34,"tag":58,"props":15191,"children":15193},{"className":15192},[],[15194],{"type":40,"value":15195},"postinstall",{"type":40,"value":15197}," 腳本（",{"type":34,"tag":58,"props":15199,"children":15201},{"className":15200},[],[15202],{"type":40,"value":15203},"scripts\u002Fcopy-canvaskit.mjs",{"type":40,"value":15205},"）自動將 Wasm 二進位檔案從 ",{"type":34,"tag":58,"props":15207,"children":15209},{"className":15208},[],[15210],{"type":40,"value":15211},"node_modules",{"type":40,"value":15213}," 複製至 ",{"type":34,"tag":58,"props":15215,"children":15217},{"className":15216},[],[15218],{"type":40,"value":15219},"\u002Fpublic",{"type":40,"value":15221}," 目錄下。",{"type":34,"tag":243,"props":15223,"children":15225},{"className":245,"code":15224,"language":247,"meta":8,"style":8},"# 安裝依賴（會自動將 CanvasKit wasm 複製至 public 目錄）\nnpm install\n\n# 啟動本地開發伺服器\nnpm run dev\n",[15226],{"type":34,"tag":58,"props":15227,"children":15228},{"__ignoreMap":8},[15229,15237,15248,15255,15263],{"type":34,"tag":253,"props":15230,"children":15231},{"class":255,"line":256},[15232],{"type":34,"tag":253,"props":15233,"children":15234},{"style":5059},[15235],{"type":40,"value":15236},"# 安裝依賴（會自動將 CanvasKit wasm 複製至 public 目錄）\n",{"type":34,"tag":253,"props":15238,"children":15239},{"class":255,"line":708},[15240,15244],{"type":34,"tag":253,"props":15241,"children":15242},{"style":260},[15243],{"type":40,"value":8176},{"type":34,"tag":253,"props":15245,"children":15246},{"style":271},[15247],{"type":40,"value":8181},{"type":34,"tag":253,"props":15249,"children":15250},{"class":255,"line":733},[15251],{"type":34,"tag":253,"props":15252,"children":15253},{"emptyLinePlaceholder":24},[15254],{"type":40,"value":5053},{"type":34,"tag":253,"props":15256,"children":15257},{"class":255,"line":755},[15258],{"type":34,"tag":253,"props":15259,"children":15260},{"style":5059},[15261],{"type":40,"value":15262},"# 啟動本地開發伺服器\n",{"type":34,"tag":253,"props":15264,"children":15265},{"class":255,"line":777},[15266,15270,15274],{"type":34,"tag":253,"props":15267,"children":15268},{"style":260},[15269],{"type":40,"value":8176},{"type":34,"tag":253,"props":15271,"children":15272},{"style":271},[15273],{"type":40,"value":5258},{"type":34,"tag":253,"props":15275,"children":15276},{"style":271},[15277],{"type":40,"value":5114},{"type":34,"tag":1854,"props":15279,"children":15281},{"id":15280},"_2-即時效果預覽",[15282],{"type":40,"value":15283},"2. 即時效果預覽",{"type":34,"tag":42,"props":15285,"children":15286},{},[15287,15289,15295],{"type":40,"value":15288},"啟動開發伺服器後，點擊終端機輸出的本地 URL（預設為 ",{"type":34,"tag":58,"props":15290,"children":15292},{"className":15291},[],[15293],{"type":40,"value":15294},"http:\u002F\u002Flocalhost:3000",{"type":40,"value":15296},"），即可直接在瀏覽器中看到剛剛 AI 代理所生成的精美 Lottie 動畫成果。",{"type":34,"tag":565,"props":15298,"children":15300},{"className":15299},[568,569,570,571,572,573,574],[15301,15302,15308,15309],{"type":40,"value":577},{"type":34,"tag":579,"props":15303,"children":15307},{"src":15304,"alt":15305,"className":15306},"\u002Fimages\u002Flottie\u002F3npm run dev驗收成果.jpg","本地開發伺服器預覽成果",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":15310,"children":15312},{"className":15311},[590,591,592,593,594,595],[15313],{"type":40,"value":15314},"執行 npm run dev 後點進本地網址，即可在畫面上流暢播放由 AI 輸出的向量動畫",{"type":34,"tag":98,"props":15316,"children":15317},{},[],{"type":34,"tag":35,"props":15319,"children":15321},{"id":15320},"為什麼這項技術值得關注",[15322],{"type":40,"value":15320},{"type":34,"tag":177,"props":15324,"children":15325},{},[15326,15336,15346],{"type":34,"tag":126,"props":15327,"children":15328},{},[15329,15334],{"type":34,"tag":1008,"props":15330,"children":15331},{},[15332],{"type":40,"value":15333},"零設計工具依賴",{"type":40,"value":15335},"：開發者只需使用結構化文字描述，就能透過 LLM 生成符合 Lottie 規格的向量動畫，不再需要經過 After Effects 等軟體二次匯出。",{"type":34,"tag":126,"props":15337,"children":15338},{},[15339,15344],{"type":34,"tag":1008,"props":15340,"children":15341},{},[15342],{"type":40,"value":15343},"高效能的 Web 渲染",{"type":40,"value":15345},"：利用 Skia CanvasKit (Skottie) 進行 GPU 加速渲染，其渲染效率與畫面精緻度明顯優於傳統的 Lottie-Web (SVG) 渲染方式。",{"type":34,"tag":126,"props":15347,"children":15348},{},[15349,15354,15356,15361],{"type":34,"tag":1008,"props":15350,"children":15351},{},[15352],{"type":40,"value":15353},"極佳的開發反饋迴圈",{"type":40,"value":15355},"：AI 代理直接修改 ",{"type":34,"tag":58,"props":15357,"children":15359},{"className":15358},[],[15360],{"type":40,"value":14962},{"type":40,"value":15362}," 檔案，本地開發伺服器隨即自動刷新畫面，實現「描述即所得」的極速網頁微互動設計。",{"type":34,"tag":1548,"props":15364,"children":15365},{},[15366],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":15368},[15369,15370,15373,15374,15378],{"id":37,"depth":708,"text":37},{"id":14992,"depth":708,"text":14992,"children":15371},[15372],{"id":15002,"depth":733,"text":15005},{"id":15110,"depth":708,"text":15113},{"id":15155,"depth":708,"text":15155,"children":15375},[15376,15377],{"id":15173,"depth":733,"text":15176},{"id":15280,"depth":733,"text":15283},{"id":15320,"depth":708,"text":15320},"content:articles:lottie.md","articles\u002Flottie.md","articles\u002Flottie",{"_path":15383,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":15384,"description":15385,"date":15386,"updated":15386,"category":12,"image":15387,"tags":15388,"series":21,"readingTime":2145,"difficulty":1587,"local":24,"platforms":15389,"gpu":29,"draft":7,"body":15390,"_type":1569,"_id":15657,"_source":1571,"_file":15658,"_stem":15659,"_extension":1574},"\u002Farticles\u002Fhermes-desktop","Nous Hermes Desktop 桌面版原生安裝與設定教學：跨平台 AI 助理與統一記憶體實測","Nous Research 旗下的 Hermes 智慧代理從終端機走向 GUI！本文帶您實測原生三平台桌面版，詳細拆解舊用戶一鍵搬遷步驟、API 供應商配置，以及如何串接 Telegram 與 Line 打造個人 AI 助理。","2026-06-08","\u002Fimages\u002Fhermes-desktop\u002F1官網載對應版本mas-win-linux.webp",[15,16,17],[26,27,28],{"type":31,"children":15391,"toc":15646},[15392,15396,15408,15420,15423,15429,15443,15451,15481,15484,15490,15495,15503,15506,15512,15517,15525,15556,15559,15565,15570,15578,15581,15587,15592,15600,15603,15609,15614,15633,15638],{"type":34,"tag":35,"props":15393,"children":15394},{"id":37},[15395],{"type":40,"value":37},{"type":34,"tag":42,"props":15397,"children":15398},{},[15399,15401,15406],{"type":40,"value":15400},"身為開源 AI 社群中最活躍的智慧體之一，Nous Research 開發的 ",{"type":34,"tag":1008,"props":15402,"children":15403},{},[15404],{"type":40,"value":15405},"Hermes Agent",{"type":40,"value":15407}," 過去一直以命令列（CLI）運作。對於不熟悉終端機操作的用戶來說，部署與日常對話門檻相對較高。",{"type":34,"tag":42,"props":15409,"children":15410},{},[15411,15413,15418],{"type":40,"value":15412},"現在，Hermes 終於正式推出原生三平台桌面版本——",{"type":34,"tag":1008,"props":15414,"children":15415},{},[15416],{"type":40,"value":15417},"Hermes Desktop",{"type":40,"value":15419},"！它將底層強大的自適應工作流與記憶體接管機制帶入極簡的 GUI 介面，支援 macOS、Windows 和 Linux。不僅能自動安裝系統依賴，還主打「跨通訊平台統一記憶體」，能直接與 Telegram、Line 串接。本文將為您帶來完整的安裝與實測避坑指南。",{"type":34,"tag":98,"props":15421,"children":15422},{},[],{"type":34,"tag":35,"props":15424,"children":15426},{"id":15425},"步驟一下載與安裝",[15427],{"type":40,"value":15428},"步驟一：下載與安裝",{"type":34,"tag":42,"props":15430,"children":15431},{},[15432,15434,15441],{"type":40,"value":15433},"首先，前往 ",{"type":34,"tag":72,"props":15435,"children":15438},{"href":15436,"rel":15437},"https:\u002F\u002Fhermes-agent.nousresearch.com\u002Fdesktop",[76],[15439],{"type":40,"value":15440},"Hermes Desktop 官方下載頁面",{"type":40,"value":15442}," 下載對應您作業系統的安裝檔：",{"type":34,"tag":42,"props":15444,"children":15445},{},[15446],{"type":34,"tag":579,"props":15447,"children":15450},{"alt":15448,"src":15449},"Nous Hermes Desktop 官方載點","\u002Fimages\u002Fhermes-desktop\u002F1%E5%AE%98%E7%B6%B2%E8%BC%89%E5%B0%8D%E6%87%89%E7%89%88%E6%9C%ACmas-win-linux.webp",[],{"type":34,"tag":122,"props":15452,"children":15453},{},[15454,15463,15472],{"type":34,"tag":126,"props":15455,"children":15456},{},[15457,15461],{"type":34,"tag":1008,"props":15458,"children":15459},{},[15460],{"type":40,"value":26},{"type":40,"value":15462},"：支援 Apple Silicon 與 Intel 晶片（可下載 DMG 安裝包）。",{"type":34,"tag":126,"props":15464,"children":15465},{},[15466,15470],{"type":34,"tag":1008,"props":15467,"children":15468},{},[15469],{"type":40,"value":27},{"type":40,"value":15471},"：提供標準 EXE 安裝檔。",{"type":34,"tag":126,"props":15473,"children":15474},{},[15475,15479],{"type":34,"tag":1008,"props":15476,"children":15477},{},[15478],{"type":40,"value":28},{"type":40,"value":15480},"：提供 AppImage 或 DEB 格式。",{"type":34,"tag":98,"props":15482,"children":15483},{},[],{"type":34,"tag":35,"props":15485,"children":15487},{"id":15486},"步驟二初始化與依賴安裝",[15488],{"type":40,"value":15489},"步驟二：初始化與依賴安裝",{"type":34,"tag":42,"props":15491,"children":15492},{},[15493],{"type":40,"value":15494},"安裝完成並首次開啟應用程式後，Hermes Desktop 會自動執行系統環境檢查，並在背景下載並安裝必要的系統依賴與底層執行檔。此步驟通常只需要幾十秒，過程全自動，不需要手動開啟終端機下指令：",{"type":34,"tag":42,"props":15496,"children":15497},{},[15498],{"type":34,"tag":579,"props":15499,"children":15502},{"alt":15500,"src":15501},"自動安裝系統依賴","\u002Fimages\u002Fhermes-desktop\u002F2%E9%80%B2%E5%85%A5%E5%BE%8C%E8%87%AA%E5%8B%95%E5%AE%89%E8%A3%9D%E4%BE%9D%E8%B3%B4%E6%8B%B7%E8%B2%9D.webp",[],{"type":34,"tag":98,"props":15504,"children":15505},{},[],{"type":34,"tag":35,"props":15507,"children":15509},{"id":15508},"步驟三舊用戶資料一鍵搬遷",[15510],{"type":40,"value":15511},"步驟三：舊用戶資料一鍵搬遷",{"type":34,"tag":42,"props":15513,"children":15514},{},[15515],{"type":40,"value":15516},"如果您之前已經在命令列（CLI）使用過舊版 Hermes，桌面版會自動偵測您本地磁碟中的設定檔與歷史對話。啟動完成後，您會發現過去所有的歷史對話與關聯資料都已經自動匯入，無痛完成轉移：",{"type":34,"tag":42,"props":15518,"children":15519},{},[15520],{"type":34,"tag":579,"props":15521,"children":15524},{"alt":15522,"src":15523},"老用戶資料自動搬遷","\u002Fimages\u002Fhermes-desktop\u002F3%E5%AE%89%E8%A3%9D%E5%A5%BD%E5%BE%8C-%E9%80%99%E8%A3%A1%E6%98%AF%E8%80%81%E7%94%A8%E6%88%B6-%E6%9C%83%E7%99%BC%E7%8F%BE%E6%89%80%E6%9C%89%E8%B3%87%E6%96%99%E9%83%BD%E5%9C%A8%E9%9D%9E%E5%B8%B8%E6%96%B9%E4%BE%BF-%E4%BD%86%E6%96%B0%E7%94%A8%E6%88%B6%E5%B0%B1%E8%A6%81%E7%B9%BC%E7%BA%8C%E5%AE%9A%E6%8B%B7%E8%B2%9D.webp",[],{"type":34,"tag":10421,"props":15526,"children":15527},{},[15528,15534,15539],{"type":34,"tag":1854,"props":15529,"children":15531},{"id":15530},"避坑指南如果網關卡住怎麼辦",[15532],{"type":40,"value":15533},"💡 避坑指南：如果網關卡住怎麼辦？",{"type":34,"tag":42,"props":15535,"children":15536},{},[15537],{"type":40,"value":15538},"部分舊用戶在搬遷後，可能會遇到 Gateway（網關）卡在舊連線而無法順利收發訊息的問題。",{"type":34,"tag":42,"props":15540,"children":15541},{},[15542,15547,15549,15554],{"type":34,"tag":1008,"props":15543,"children":15544},{},[15545],{"type":40,"value":15546},"解決方法",{"type":40,"value":15548},"：點擊右上角「設定 (Settings)」->「閘道 (Gateway)」，點擊 ",{"type":34,"tag":1008,"props":15550,"children":15551},{},[15552],{"type":40,"value":15553},"「重新連線 (Reconnect)」",{"type":40,"value":15555}," 按鈕即可重新啟動網關服務。",{"type":34,"tag":98,"props":15557,"children":15558},{},[],{"type":34,"tag":35,"props":15560,"children":15562},{"id":15561},"步驟四介面與外觀語言調整",[15563],{"type":40,"value":15564},"步驟四：介面與外觀語言調整",{"type":34,"tag":42,"props":15566,"children":15567},{},[15568],{"type":40,"value":15569},"進入設定頁面的「外觀 (Appearance)」區塊，您可以自由調整系統語言（支援繁體中文）、變更明暗主題色彩以及字型大小，讓編輯與閱讀體驗更符合您的個人喜好：",{"type":34,"tag":42,"props":15571,"children":15572},{},[15573],{"type":34,"tag":579,"props":15574,"children":15577},{"alt":15575,"src":15576},"外觀與語言設定","\u002Fimages\u002Fhermes-desktop\u002F4%E9%BB%9E%E5%8F%8A%E8%A8%AD%E5%AE%9A%E5%8F%AF%E4%BB%A5%E7%9C%8B%E5%88%B0%E5%A4%96%E8%A7%80%E9%82%A3%E9%82%8A%E5%8F%AF%E8%AA%BF%E6%95%B4%E8%AA%9E%E8%A8%80%E6%8B%B7%E8%B2%9D.webp",[],{"type":34,"tag":98,"props":15579,"children":15580},{},[],{"type":34,"tag":35,"props":15582,"children":15584},{"id":15583},"步驟五模型供應商與-api-金鑰配置",[15585],{"type":40,"value":15586},"步驟五：模型供應商與 API 金鑰配置",{"type":34,"tag":42,"props":15588,"children":15589},{},[15590],{"type":40,"value":15591},"Hermes Desktop 是一個「自備 Key」的開源客戶端。進入設定的「供應商 (Providers)」面板，您可以啟用您擁有的 AI 服務（如 OpenAI、Anthropic、DeepSeek、或本地 LM Studio \u002F Ollama 等），並輸入對應的 API Key。配置完成後即可在對話中自由切換不同的後端模型：",{"type":34,"tag":42,"props":15593,"children":15594},{},[15595],{"type":34,"tag":579,"props":15596,"children":15599},{"alt":15597,"src":15598},"API 供應商配置","\u002Fimages\u002Fhermes-desktop\u002F5%E4%BE%9B%E6%87%89%E5%95%86%E5%8F%AF%E9%81%B8%E8%A6%81%E4%BD%BF%E7%94%A8%E7%9A%84%E6%A8%A1%E5%9E%8B%E9%80%B2%E8%A1%8Capi%E9%85%8D%E7%BD%AE%E6%8B%B7%E8%B2%9D.webp",[],{"type":34,"tag":98,"props":15601,"children":15602},{},[],{"type":34,"tag":35,"props":15604,"children":15606},{"id":15605},"步驟六串接通訊平台telegram-與-line",[15607],{"type":40,"value":15608},"步驟六：串接通訊平台（Telegram 與 Line）",{"type":34,"tag":42,"props":15610,"children":15611},{},[15612],{"type":40,"value":15613},"Hermes Desktop 最強大的特色在於其「跨通訊平台統一記憶體」。在主頁面正上方，您可以找到「訊息平台設定」。",{"type":34,"tag":42,"props":15615,"children":15616},{},[15617,15619,15624,15626,15631],{"type":40,"value":15618},"我個人非常推薦設定 ",{"type":34,"tag":1008,"props":15620,"children":15621},{},[15622],{"type":40,"value":15623},"Telegram (TG)",{"type":40,"value":15625}," 的連接。點擊設定指南後，系統會引導您建立一個機器人 Bot Token，填入後即可完成綁定。當然，如果您更常用 ",{"type":34,"tag":1008,"props":15627,"children":15628},{},[15629],{"type":40,"value":15630},"Line",{"type":40,"value":15632},"，也能在相同的地方進行配置。",{"type":34,"tag":42,"props":15634,"children":15635},{},[15636],{"type":40,"value":15637},"配置完畢後，您就可以在手機上直接用 TG 或 Line 與您的個人助理 Hermes 聊天，而它的背景記憶體與學習軌跡，將會與您電腦桌面的 Hermes Desktop 保持完全同步！",{"type":34,"tag":42,"props":15639,"children":15640},{},[15641],{"type":34,"tag":579,"props":15642,"children":15645},{"alt":15643,"src":15644},"串接通訊平台設定","\u002Fimages\u002Fhermes-desktop\u002F6%E4%B8%BB%E9%A0%81%E4%B8%8A%E6%96%B9-%E8%A8%8A%E6%81%AF%E5%B9%B3%E5%8F%B0%E8%A8%AD%E5%AE%9A%E6%88%91%E9%80%99%E8%A3%A1%E6%8E%A8%E8%96%A6tg-%E9%96%8B%E5%95%9F%E8%A8%AD%E5%AE%9A%E6%8C%87%E5%8D%97%E6%9C%89%E8%A9%B3%E7%B4%B0%E6%95%99%E5%AD%B8-%E7%95%B6%E7%84%B6line%E4%B9%9F%E8%83%BD%E9%85%8D%E7%BD%AE%E6%8B%B7%E8%B2%9D.webp",[],{"title":8,"searchDepth":708,"depth":708,"links":15647},[15648,15649,15650,15651,15654,15655,15656],{"id":37,"depth":708,"text":37},{"id":15425,"depth":708,"text":15428},{"id":15486,"depth":708,"text":15489},{"id":15508,"depth":708,"text":15511,"children":15652},[15653],{"id":15530,"depth":733,"text":15533},{"id":15561,"depth":708,"text":15564},{"id":15583,"depth":708,"text":15586},{"id":15605,"depth":708,"text":15608},"content:articles:hermes-desktop.md","articles\u002Fhermes-desktop.md","articles\u002Fhermes-desktop",{"_path":15661,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":15662,"description":15663,"date":15664,"category":1580,"image":6124,"tags":15665,"series":3464,"readingTime":13968,"difficulty":23,"local":24,"platforms":15669,"gpu":15670,"body":15671,"_type":1569,"_id":16739,"_source":1571,"_file":16740,"_stem":16741,"_extension":1574},"\u002Farticles\u002Fmineru","MinerU 實測：超強開源 PDF 與多格式文檔解析利器（macOS\u002FWindows\u002FLinux）","面臨複雜版面、掃描件或公式時，傳統 PDF 轉文字工具總是力不從心？開源框架 MinerU 結合佈局分析與視覺語言模型 (VLM)，能一鍵將 PDF、圖片及 Office 檔案轉換為精準的 Markdown、表格與 LaTeX 公式。本文實測線上 Web 版與本地 CLI\u002FAPI 部署流程。","2026-06-07",[15666,15667,15668,3463,17],"PDF Parser","Markdown","OCR",[26,27,28],"4GB+ VRAM",{"type":31,"children":15672,"toc":16723},[15673,15679,15684,15717,15729,15732,15738,15743,15747,15753,15794,15807,15827,15830,15836,15841,15859,15865,15870,16066,16069,16075,16080,16087,16099,16207,16226,16232,16237,16319,16325,16337,16351,16354,16360,16373,16379,16384,16435,16441,16446,16502,16577,16580,16586,16591,16653,16656,16660,16669,16676,16708,16711,16719],{"type":34,"tag":35,"props":15674,"children":15676},{"id":15675},"前言為什麼文檔解析這麼難",[15677],{"type":40,"value":15678},"前言：為什麼文檔解析這麼難？",{"type":34,"tag":42,"props":15680,"children":15681},{},[15682],{"type":40,"value":15683},"在日常的開發、AI 知識庫（RAG 系統）建設或學術研究中，我們經常需要從大量的 PDF 論文、掃描文檔、報表圖像中提取內容。然而，文檔解析（Document Parsing）一直是個令人頭痛的難題，特別是面對以下痛點時：",{"type":34,"tag":177,"props":15685,"children":15686},{},[15687,15697,15707],{"type":34,"tag":126,"props":15688,"children":15689},{},[15690,15695],{"type":34,"tag":1008,"props":15691,"children":15692},{},[15693],{"type":40,"value":15694},"版面結構混亂",{"type":40,"value":15696},"：多欄排版、圖文混排、頁首頁尾夾雜，傳統 PDF 轉文字工具（如 PyPDF、pdfplumber）往往會打亂閱讀順序。",{"type":34,"tag":126,"props":15698,"children":15699},{},[15700,15705],{"type":34,"tag":1008,"props":15701,"children":15702},{},[15703],{"type":40,"value":15704},"數學公式亂碼",{"type":40,"value":15706},"：學術論文中大量的行內與獨立數學公式，轉換後常常變成無意義的亂碼或拼音符號。",{"type":34,"tag":126,"props":15708,"children":15709},{},[15710,15715],{"type":34,"tag":1008,"props":15711,"children":15712},{},[15713],{"type":40,"value":15714},"表格與圖片丟失",{"type":40,"value":15716},"：報表中的表格很難以結構化（如 Markdown Table 或 HTML）完整保留，圖片也無法被自動剪裁和連結。",{"type":34,"tag":42,"props":15718,"children":15719},{},[15720,15722,15727],{"type":40,"value":15721},"為了徹底解決這些問題，由 OpenDataLab 推出的 ",{"type":34,"tag":1008,"props":15723,"children":15724},{},[15725],{"type":40,"value":15726},"MinerU",{"type":40,"value":15728}," 應運而生！這是一款專為高精度文檔解析設計的開源工具，能將複雜的 PDF、圖片、DOCX、PPTX、XLSX 檔案，精準且流暢地轉換為帶有 Layout 標記、表格、數學公式的 Markdown 格式，為大型語言模型的預訓練與 RAG 應用提供高質量的語料輸入。",{"type":34,"tag":98,"props":15730,"children":15731},{},[],{"type":34,"tag":35,"props":15733,"children":15735},{"id":15734},"實測效果展示-live-demo",[15736],{"type":40,"value":15737},"實測效果展示 (Live Demo)",{"type":34,"tag":42,"props":15739,"children":15740},{},[15741],{"type":40,"value":15742},"MinerU 提供了美觀好用的線上網頁版，讓我們能在一秒之內上傳並體驗其驚人的解析實力：",{"type":34,"tag":112,"props":15744,"children":15746},{"src":15745},"\u002Fvideos\u002Fmineru.mp4",[],{"type":34,"tag":1854,"props":15748,"children":15750},{"id":15749},"網頁版實測片段說明",[15751],{"type":40,"value":15752},"網頁版實測片段說明：",{"type":34,"tag":177,"props":15754,"children":15755},{},[15756,15766,15776],{"type":34,"tag":126,"props":15757,"children":15758},{},[15759,15764],{"type":34,"tag":1008,"props":15760,"children":15761},{},[15762],{"type":40,"value":15763},"多格式支援與快速處理",{"type":40,"value":15765},"：我們可以直接在瀏覽器中上傳 PDF、圖像甚至是 Microsoft Office 檔案（如 DOCX、PPTX 等）。",{"type":34,"tag":126,"props":15767,"children":15768},{},[15769,15774],{"type":34,"tag":1008,"props":15770,"children":15771},{},[15772],{"type":40,"value":15773},"視覺化的版面特徵提取",{"type":40,"value":15775},"：系統會自動進行版面分析（Layout Analysis），將正文、標題、圖片、表格與公式以不同顏色的框線標示出來。",{"type":34,"tag":126,"props":15777,"children":15778},{},[15779,15784,15786,15792],{"type":34,"tag":1008,"props":15780,"children":15781},{},[15782],{"type":40,"value":15783},"高品質的 Markdown 與 LaTeX 輸出",{"type":40,"value":15785},"：右側會即時渲染出轉換後的 Markdown 結果，數學公式會被完美轉換為標準的 LaTeX 語法（例如 ",{"type":34,"tag":58,"props":15787,"children":15789},{"className":15788},[],[15790],{"type":40,"value":15791},"$E=mc^2$",{"type":40,"value":15793},"），表格也會被整理成漂亮的 Markdown Table。",{"type":34,"tag":122,"props":15795,"children":15796},{},[15797],{"type":34,"tag":126,"props":15798,"children":15799},{},[15800],{"type":34,"tag":72,"props":15801,"children":15804},{"href":15802,"rel":15803},"https:\u002F\u002Fmineru.net\u002F?source=github",[76],[15805],{"type":40,"value":15806},"MinerU 線上體驗 點這裡前往",{"type":34,"tag":10421,"props":15808,"children":15809},{},[15810],{"type":34,"tag":42,"props":15811,"children":15812},{},[15813,15818,15820,15825],{"type":34,"tag":253,"props":15814,"children":15815},{},[15816],{"type":40,"value":15817},"!NOTE",{"type":40,"value":15819},"\n網頁版雖然極為便利，但對於企業內部機敏文件、個人敏感資料，或者需要進行批次自動化處理的開發者來說，建議使用",{"type":34,"tag":1008,"props":15821,"children":15822},{},[15823],{"type":40,"value":15824},"本地端部署",{"type":40,"value":15826},"，以確保隱私安全並最大化利用本地 GPU 算力。",{"type":34,"tag":98,"props":15828,"children":15829},{},[],{"type":34,"tag":35,"props":15831,"children":15833},{"id":15832},"本地部署與執行-local-deployment",[15834],{"type":40,"value":15835},"本地部署與執行 (Local Deployment)",{"type":34,"tag":42,"props":15837,"children":15838},{},[15839],{"type":40,"value":15840},"在本地執行 MinerU，雖然沒有網頁版的圖形介面，但取而代之的是強大的命令列工具 (CLI) 與 API，能非常方便地整合進開發者的自動化腳本或 RAG 工作流中。",{"type":34,"tag":565,"props":15842,"children":15844},{"className":15843},[568,569,570,571,572,573,574],[15845,15846,15852,15853],{"type":40,"value":577},{"type":34,"tag":579,"props":15847,"children":15851},{"src":15848,"alt":15849,"className":15850},"\u002Fimages\u002Fminerulocal.jpg","MinerU 本地 CLI 執行示意圖",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":15854,"children":15856},{"className":15855},[590,591,592,593,594,595],[15857],{"type":40,"value":15858},"本地執行就沒有 GUI 了，但開發者可以依據自己的需求開發，非常方便與彈性！",{"type":34,"tag":1854,"props":15860,"children":15862},{"id":15861},"_1-硬體與環境需求",[15863],{"type":40,"value":15864},"1. 硬體與環境需求",{"type":34,"tag":42,"props":15866,"children":15867},{},[15868],{"type":40,"value":15869},"為了流暢運行 MinerU 內建的深度學習模型，建議你的設備符合以下硬體規格：",{"type":34,"tag":6866,"props":15871,"children":15872},{},[15873,15894],{"type":34,"tag":6870,"props":15874,"children":15875},{},[15876],{"type":34,"tag":6874,"props":15877,"children":15878},{},[15879,15884,15889],{"type":34,"tag":6878,"props":15880,"children":15881},{"align":6880},[15882],{"type":40,"value":15883},"規格指標",{"type":34,"tag":6878,"props":15885,"children":15886},{"align":6880},[15887],{"type":40,"value":15888},"Hybrid 混合解析模式",{"type":34,"tag":6878,"props":15890,"children":15891},{"align":6880},[15892],{"type":40,"value":15893},"VLM 視覺語言模型模式",{"type":34,"tag":6890,"props":15895,"children":15896},{},[15897,15918,15942,15962,15983,16004,16024,16045],{"type":34,"tag":6874,"props":15898,"children":15899},{},[15900,15908,15913],{"type":34,"tag":6897,"props":15901,"children":15902},{"align":6880},[15903],{"type":34,"tag":1008,"props":15904,"children":15905},{},[15906],{"type":40,"value":15907},"主要定位",{"type":34,"tag":6897,"props":15909,"children":15910},{"align":6880},[15911],{"type":40,"value":15912},"兼顧速度與相容性（CPU\u002FGPU 皆可）",{"type":34,"tag":6897,"props":15914,"children":15915},{"align":6880},[15916],{"type":40,"value":15917},"極致精度（如複雜手寫體與特殊排版）",{"type":34,"tag":6874,"props":15919,"children":15920},{},[15921,15929,15934],{"type":34,"tag":6897,"props":15922,"children":15923},{"align":6880},[15924],{"type":34,"tag":1008,"props":15925,"children":15926},{},[15927],{"type":40,"value":15928},"精準度 (OmniDocBench)",{"type":34,"tag":6897,"props":15930,"children":15931},{"align":6880},[15932],{"type":40,"value":15933},"85+ 分",{"type":34,"tag":6897,"props":15935,"children":15936},{"align":6880},[15937],{"type":34,"tag":1008,"props":15938,"children":15939},{},[15940],{"type":40,"value":15941},"95+ 分",{"type":34,"tag":6874,"props":15943,"children":15944},{},[15945,15953,15958],{"type":34,"tag":6897,"props":15946,"children":15947},{"align":6880},[15948],{"type":34,"tag":1008,"props":15949,"children":15950},{},[15951],{"type":40,"value":15952},"作業系統",{"type":34,"tag":6897,"props":15954,"children":15955},{"align":6880},[15956],{"type":40,"value":15957},"Linux (2019+) \u002F Windows \u002F macOS (14.0+)",{"type":34,"tag":6897,"props":15959,"children":15960},{"align":6880},[15961],{"type":40,"value":15957},{"type":34,"tag":6874,"props":15963,"children":15964},{},[15965,15973,15978],{"type":34,"tag":6897,"props":15966,"children":15967},{"align":6880},[15968],{"type":34,"tag":1008,"props":15969,"children":15970},{},[15971],{"type":40,"value":15972},"純 CPU 執行",{"type":34,"tag":6897,"props":15974,"children":15975},{"align":6880},[15976],{"type":40,"value":15977},"✅ 支援",{"type":34,"tag":6897,"props":15979,"children":15980},{"align":6880},[15981],{"type":40,"value":15982},"❌ 不支援",{"type":34,"tag":6874,"props":15984,"children":15985},{},[15986,15994,15999],{"type":34,"tag":6897,"props":15987,"children":15988},{"align":6880},[15989],{"type":34,"tag":1008,"props":15990,"children":15991},{},[15992],{"type":40,"value":15993},"最低顯示卡記憶體 (VRAM)",{"type":34,"tag":6897,"props":15995,"children":15996},{"align":6880},[15997],{"type":40,"value":15998},"4GB",{"type":34,"tag":6897,"props":16000,"children":16001},{"align":6880},[16002],{"type":40,"value":16003},"8GB",{"type":34,"tag":6874,"props":16005,"children":16006},{},[16007,16015,16020],{"type":34,"tag":6897,"props":16008,"children":16009},{"align":6880},[16010],{"type":34,"tag":1008,"props":16011,"children":16012},{},[16013],{"type":40,"value":16014},"系統記憶體 (RAM)",{"type":34,"tag":6897,"props":16016,"children":16017},{"align":6880},[16018],{"type":40,"value":16019},"最少 16GB，推薦 32GB+",{"type":34,"tag":6897,"props":16021,"children":16022},{"align":6880},[16023],{"type":40,"value":16019},{"type":34,"tag":6874,"props":16025,"children":16026},{},[16027,16035,16040],{"type":34,"tag":6897,"props":16028,"children":16029},{"align":6880},[16030],{"type":34,"tag":1008,"props":16031,"children":16032},{},[16033],{"type":40,"value":16034},"硬碟空間需求",{"type":34,"tag":6897,"props":16036,"children":16037},{"align":6880},[16038],{"type":40,"value":16039},"20GB+ (推薦使用 SSD 存放模型檔)",{"type":34,"tag":6897,"props":16041,"children":16042},{"align":6880},[16043],{"type":40,"value":16044},"2GB+ (使用 OpenAI 相容 API 串接)",{"type":34,"tag":6874,"props":16046,"children":16047},{},[16048,16056,16061],{"type":34,"tag":6897,"props":16049,"children":16050},{"align":6880},[16051],{"type":34,"tag":1008,"props":16052,"children":16053},{},[16054],{"type":40,"value":16055},"Python 版本",{"type":34,"tag":6897,"props":16057,"children":16058},{"align":6880},[16059],{"type":40,"value":16060},"3.10 ~ 3.13 (Windows 暫不支援 3.13)",{"type":34,"tag":6897,"props":16062,"children":16063},{"align":6880},[16064],{"type":40,"value":16065},"3.10 ~ 3.13",{"type":34,"tag":98,"props":16067,"children":16068},{},[],{"type":34,"tag":1854,"props":16070,"children":16072},{"id":16071},"_2-安裝步驟",[16073],{"type":40,"value":16074},"2. 安裝步驟",{"type":34,"tag":42,"props":16076,"children":16077},{},[16078],{"type":40,"value":16079},"MinerU 提供了兩種本機安裝方式：",{"type":34,"tag":16081,"props":16082,"children":16084},"h4",{"id":16083},"方式一使用-pip-或-uv-安裝推薦極速簡便",[16085],{"type":40,"value":16086},"方式一：使用 pip 或 uv 安裝（推薦，極速簡便）",{"type":34,"tag":42,"props":16088,"children":16089},{},[16090,16092,16097],{"type":40,"value":16091},"推薦使用現代化 Python 包管理器 ",{"type":34,"tag":58,"props":16093,"children":16095},{"className":16094},[],[16096],{"type":40,"value":5070},{"type":40,"value":16098},"，能大幅縮短安裝時間：",{"type":34,"tag":243,"props":16100,"children":16102},{"className":245,"code":16101,"language":247,"meta":8,"style":8},"# 確保 pip 保持最新\npip install --upgrade pip\n\n# 安裝極速套件管理器 uv\npip install uv\n\n# 一鍵安裝 MinerU 的完整功能版（包含所有核心模型依賴）\nuv pip install -U \"mineru[all]\"\n",[16103],{"type":34,"tag":58,"props":16104,"children":16105},{"__ignoreMap":8},[16106,16114,16135,16142,16150,16166,16173,16181],{"type":34,"tag":253,"props":16107,"children":16108},{"class":255,"line":256},[16109],{"type":34,"tag":253,"props":16110,"children":16111},{"style":5059},[16112],{"type":40,"value":16113},"# 確保 pip 保持最新\n",{"type":34,"tag":253,"props":16115,"children":16116},{"class":255,"line":708},[16117,16121,16125,16130],{"type":34,"tag":253,"props":16118,"children":16119},{"style":260},[16120],{"type":40,"value":5140},{"type":34,"tag":253,"props":16122,"children":16123},{"style":271},[16124],{"type":40,"value":3698},{"type":34,"tag":253,"props":16126,"children":16127},{"style":265},[16128],{"type":40,"value":16129}," --upgrade",{"type":34,"tag":253,"props":16131,"children":16132},{"style":271},[16133],{"type":40,"value":16134}," pip\n",{"type":34,"tag":253,"props":16136,"children":16137},{"class":255,"line":733},[16138],{"type":34,"tag":253,"props":16139,"children":16140},{"emptyLinePlaceholder":24},[16141],{"type":40,"value":5053},{"type":34,"tag":253,"props":16143,"children":16144},{"class":255,"line":755},[16145],{"type":34,"tag":253,"props":16146,"children":16147},{"style":5059},[16148],{"type":40,"value":16149},"# 安裝極速套件管理器 uv\n",{"type":34,"tag":253,"props":16151,"children":16152},{"class":255,"line":777},[16153,16157,16161],{"type":34,"tag":253,"props":16154,"children":16155},{"style":260},[16156],{"type":40,"value":5140},{"type":34,"tag":253,"props":16158,"children":16159},{"style":271},[16160],{"type":40,"value":3698},{"type":34,"tag":253,"props":16162,"children":16163},{"style":271},[16164],{"type":40,"value":16165}," uv\n",{"type":34,"tag":253,"props":16167,"children":16168},{"class":255,"line":795},[16169],{"type":34,"tag":253,"props":16170,"children":16171},{"emptyLinePlaceholder":24},[16172],{"type":40,"value":5053},{"type":34,"tag":253,"props":16174,"children":16175},{"class":255,"line":5085},[16176],{"type":34,"tag":253,"props":16177,"children":16178},{"style":5059},[16179],{"type":40,"value":16180},"# 一鍵安裝 MinerU 的完整功能版（包含所有核心模型依賴）\n",{"type":34,"tag":253,"props":16182,"children":16183},{"class":255,"line":5094},[16184,16188,16193,16197,16202],{"type":34,"tag":253,"props":16185,"children":16186},{"style":260},[16187],{"type":40,"value":5070},{"type":34,"tag":253,"props":16189,"children":16190},{"style":271},[16191],{"type":40,"value":16192}," pip",{"type":34,"tag":253,"props":16194,"children":16195},{"style":271},[16196],{"type":40,"value":3698},{"type":34,"tag":253,"props":16198,"children":16199},{"style":265},[16200],{"type":40,"value":16201}," -U",{"type":34,"tag":253,"props":16203,"children":16204},{"style":271},[16205],{"type":40,"value":16206}," \"mineru[all]\"\n",{"type":34,"tag":10421,"props":16208,"children":16209},{},[16210],{"type":34,"tag":42,"props":16211,"children":16212},{},[16213,16218,16224],{"type":34,"tag":253,"props":16214,"children":16215},{},[16216],{"type":40,"value":16217},"!TIP",{"type":34,"tag":58,"props":16219,"children":16221},{"className":16220},[],[16222],{"type":40,"value":16223},"mineru[all]",{"type":40,"value":16225}," 會自動為你的 Windows、Linux 或 macOS 系統配置合適的編譯版本。如果在 Windows 上安裝後發現 CUDA 加速不可用，請參考官方的 Windows CUDA 加速指南。",{"type":34,"tag":16081,"props":16227,"children":16229},{"id":16228},"方式二從原始碼source-code安裝",[16230],{"type":40,"value":16231},"方式二：從原始碼（Source Code）安裝",{"type":34,"tag":42,"props":16233,"children":16234},{},[16235],{"type":40,"value":16236},"如果你想體驗最新開發版或進行二次開發，可以 clone 專案倉庫進行安裝：",{"type":34,"tag":243,"props":16238,"children":16240},{"className":245,"code":16239,"language":247,"meta":8,"style":8},"# 克隆官方倉庫\ngit clone https:\u002F\u002Fgithub.com\u002Fopendatalab\u002FMinerU.git\ncd MinerU\n\n# 使用 uv 以可編輯模式安裝\nuv pip install -e .[all]\n",[16241],{"type":34,"tag":58,"props":16242,"children":16243},{"__ignoreMap":8},[16244,16252,16268,16280,16287,16295],{"type":34,"tag":253,"props":16245,"children":16246},{"class":255,"line":256},[16247],{"type":34,"tag":253,"props":16248,"children":16249},{"style":5059},[16250],{"type":40,"value":16251},"# 克隆官方倉庫\n",{"type":34,"tag":253,"props":16253,"children":16254},{"class":255,"line":708},[16255,16259,16263],{"type":34,"tag":253,"props":16256,"children":16257},{"style":260},[16258],{"type":40,"value":5021},{"type":34,"tag":253,"props":16260,"children":16261},{"style":271},[16262],{"type":40,"value":5026},{"type":34,"tag":253,"props":16264,"children":16265},{"style":271},[16266],{"type":40,"value":16267}," https:\u002F\u002Fgithub.com\u002Fopendatalab\u002FMinerU.git\n",{"type":34,"tag":253,"props":16269,"children":16270},{"class":255,"line":733},[16271,16275],{"type":34,"tag":253,"props":16272,"children":16273},{"style":5037},[16274],{"type":40,"value":5040},{"type":34,"tag":253,"props":16276,"children":16277},{"style":271},[16278],{"type":40,"value":16279}," MinerU\n",{"type":34,"tag":253,"props":16281,"children":16282},{"class":255,"line":755},[16283],{"type":34,"tag":253,"props":16284,"children":16285},{"emptyLinePlaceholder":24},[16286],{"type":40,"value":5053},{"type":34,"tag":253,"props":16288,"children":16289},{"class":255,"line":777},[16290],{"type":34,"tag":253,"props":16291,"children":16292},{"style":5059},[16293],{"type":40,"value":16294},"# 使用 uv 以可編輯模式安裝\n",{"type":34,"tag":253,"props":16296,"children":16297},{"class":255,"line":795},[16298,16302,16306,16310,16314],{"type":34,"tag":253,"props":16299,"children":16300},{"style":260},[16301],{"type":40,"value":5070},{"type":34,"tag":253,"props":16303,"children":16304},{"style":271},[16305],{"type":40,"value":16192},{"type":34,"tag":253,"props":16307,"children":16308},{"style":271},[16309],{"type":40,"value":3698},{"type":34,"tag":253,"props":16311,"children":16312},{"style":265},[16313],{"type":40,"value":5149},{"type":34,"tag":253,"props":16315,"children":16316},{"style":271},[16317],{"type":40,"value":16318}," .[all]\n",{"type":34,"tag":16081,"props":16320,"children":16322},{"id":16321},"方式三使用-docker-部署",[16323],{"type":40,"value":16324},"方式三：使用 Docker 部署",{"type":34,"tag":42,"props":16326,"children":16327},{},[16328,16330,16335],{"type":40,"value":16329},"如果你偏好乾淨的容器化環境，避免本地 Python 環境衝突，可以使用 Docker（僅支援 Linux 以及啟用了 WSL2 的 Windows 環境，",{"type":34,"tag":1008,"props":16331,"children":16332},{},[16333],{"type":40,"value":16334},"macOS 用戶請勿使用 Docker",{"type":40,"value":16336},"）：",{"type":34,"tag":243,"props":16338,"children":16340},{"className":245,"code":16339,"language":247,"meta":8,"style":8},"# 官方提供預建置好的 Docker 鏡像，可直接前往官方文檔獲取 Docker 部署指令\n",[16341],{"type":34,"tag":58,"props":16342,"children":16343},{"__ignoreMap":8},[16344],{"type":34,"tag":253,"props":16345,"children":16346},{"class":255,"line":256},[16347],{"type":34,"tag":253,"props":16348,"children":16349},{"style":5059},[16350],{"type":40,"value":16339},{"type":34,"tag":98,"props":16352,"children":16353},{},[],{"type":34,"tag":35,"props":16355,"children":16357},{"id":16356},"如何使用-mineru",[16358],{"type":40,"value":16359},"如何使用 MinerU？",{"type":34,"tag":42,"props":16361,"children":16362},{},[16363,16365,16371],{"type":40,"value":16364},"安裝完成後，你可以在終端機中透過 ",{"type":34,"tag":58,"props":16366,"children":16368},{"className":16367},[],[16369],{"type":40,"value":16370},"mineru",{"type":40,"value":16372}," 指令一鍵解析你的檔案：",{"type":34,"tag":1854,"props":16374,"children":16376},{"id":16375},"_1-gpu-加速環境預設",[16377],{"type":40,"value":16378},"1. GPU 加速環境（預設）",{"type":34,"tag":42,"props":16380,"children":16381},{},[16382],{"type":40,"value":16383},"如果你的設備配備了符合規格的 Nvidia GPU 或 Apple Silicon（M系列晶片），直接執行：",{"type":34,"tag":243,"props":16385,"children":16387},{"className":245,"code":16386,"language":247,"meta":8,"style":8},"mineru -p \u003C輸入文檔路徑> -o \u003C輸出資料夾路徑>\n",[16388],{"type":34,"tag":58,"props":16389,"children":16390},{"__ignoreMap":8},[16391],{"type":34,"tag":253,"props":16392,"children":16393},{"class":255,"line":256},[16394,16398,16402,16406,16411,16416,16421,16425,16430],{"type":34,"tag":253,"props":16395,"children":16396},{"style":260},[16397],{"type":40,"value":16370},{"type":34,"tag":253,"props":16399,"children":16400},{"style":265},[16401],{"type":40,"value":5340},{"type":34,"tag":253,"props":16403,"children":16404},{"style":370},[16405],{"type":40,"value":13281},{"type":34,"tag":253,"props":16407,"children":16408},{"style":271},[16409],{"type":40,"value":16410},"輸入文檔路",{"type":34,"tag":253,"props":16412,"children":16413},{"style":370},[16414],{"type":40,"value":16415},"徑> ",{"type":34,"tag":253,"props":16417,"children":16418},{"style":265},[16419],{"type":40,"value":16420},"-o",{"type":34,"tag":253,"props":16422,"children":16423},{"style":370},[16424],{"type":40,"value":13281},{"type":34,"tag":253,"props":16426,"children":16427},{"style":271},[16428],{"type":40,"value":16429},"輸出資料夾路",{"type":34,"tag":253,"props":16431,"children":16432},{"style":370},[16433],{"type":40,"value":16434},"徑>\n",{"type":34,"tag":1854,"props":16436,"children":16438},{"id":16437},"_2-純-cpu-環境-pipeline-模式",[16439],{"type":40,"value":16440},"2. 純 CPU 環境（ pipeline 模式）",{"type":34,"tag":42,"props":16442,"children":16443},{},[16444],{"type":40,"value":16445},"如果你的設備沒有獨立顯示卡，可以強制指定運行於 CPU 模式：",{"type":34,"tag":243,"props":16447,"children":16449},{"className":245,"code":16448,"language":247,"meta":8,"style":8},"mineru -p \u003C輸入文檔路徑> -o \u003C輸出資料夾路徑> -b pipeline\n",[16450],{"type":34,"tag":58,"props":16451,"children":16452},{"__ignoreMap":8},[16453],{"type":34,"tag":253,"props":16454,"children":16455},{"class":255,"line":256},[16456,16460,16464,16468,16472,16476,16480,16484,16488,16492,16497],{"type":34,"tag":253,"props":16457,"children":16458},{"style":260},[16459],{"type":40,"value":16370},{"type":34,"tag":253,"props":16461,"children":16462},{"style":265},[16463],{"type":40,"value":5340},{"type":34,"tag":253,"props":16465,"children":16466},{"style":370},[16467],{"type":40,"value":13281},{"type":34,"tag":253,"props":16469,"children":16470},{"style":271},[16471],{"type":40,"value":16410},{"type":34,"tag":253,"props":16473,"children":16474},{"style":370},[16475],{"type":40,"value":16415},{"type":34,"tag":253,"props":16477,"children":16478},{"style":265},[16479],{"type":40,"value":16420},{"type":34,"tag":253,"props":16481,"children":16482},{"style":370},[16483],{"type":40,"value":13281},{"type":34,"tag":253,"props":16485,"children":16486},{"style":271},[16487],{"type":40,"value":16429},{"type":34,"tag":253,"props":16489,"children":16490},{"style":370},[16491],{"type":40,"value":16415},{"type":34,"tag":253,"props":16493,"children":16494},{"style":265},[16495],{"type":40,"value":16496},"-b",{"type":34,"tag":253,"props":16498,"children":16499},{"style":271},[16500],{"type":40,"value":16501}," pipeline\n",{"type":34,"tag":10421,"props":16503,"children":16504},{},[16505],{"type":34,"tag":42,"props":16506,"children":16507},{},[16508,16512,16517,16519,16525,16527,16532,16534,16540,16541,16547,16548,16554,16555,16561,16562,16568,16570,16575],{"type":34,"tag":253,"props":16509,"children":16510},{},[16511],{"type":40,"value":15817},{"type":34,"tag":58,"props":16513,"children":16515},{"className":16514},[],[16516],{"type":40,"value":16370},{"type":40,"value":16518}," 指令非常聰明，輸入路徑 ",{"type":34,"tag":58,"props":16520,"children":16522},{"className":16521},[],[16523],{"type":40,"value":16524},"-p",{"type":40,"value":16526}," 可以是",{"type":34,"tag":1008,"props":16528,"children":16529},{},[16530],{"type":40,"value":16531},"單一檔案",{"type":40,"value":16533},"（如 ",{"type":34,"tag":58,"props":16535,"children":16537},{"className":16536},[],[16538],{"type":40,"value":16539},".pdf",{"type":40,"value":11466},{"type":34,"tag":58,"props":16542,"children":16544},{"className":16543},[],[16545],{"type":40,"value":16546},".png",{"type":40,"value":11466},{"type":34,"tag":58,"props":16549,"children":16551},{"className":16550},[],[16552],{"type":40,"value":16553},".docx",{"type":40,"value":11466},{"type":34,"tag":58,"props":16556,"children":16558},{"className":16557},[],[16559],{"type":40,"value":16560},".pptx",{"type":40,"value":11466},{"type":34,"tag":58,"props":16563,"children":16565},{"className":16564},[],[16566],{"type":40,"value":16567},".xlsx",{"type":40,"value":16569},"），也可以是",{"type":34,"tag":1008,"props":16571,"children":16572},{},[16573],{"type":40,"value":16574},"整個資料夾",{"type":40,"value":16576},"。它會自動掃描並批次處理資料夾下的所有支援文檔！",{"type":34,"tag":98,"props":16578,"children":16579},{},[],{"type":34,"tag":35,"props":16581,"children":16583},{"id":16582},"雙解析後端機制解析hybrid-混合模式-vs-vlm-模式",[16584],{"type":40,"value":16585},"雙解析後端機制解析：Hybrid 混合模式 vs VLM 模式",{"type":34,"tag":42,"props":16587,"children":16588},{},[16589],{"type":40,"value":16590},"MinerU 的強大之處在於其靈活的後端架構。在實務應用中，你可以根據需求選擇：",{"type":34,"tag":122,"props":16592,"children":16593},{},[16594,16625],{"type":34,"tag":126,"props":16595,"children":16596},{},[16597,16602],{"type":34,"tag":1008,"props":16598,"children":16599},{},[16600],{"type":40,"value":16601},"Hybrid 混合模式 (預設)",{"type":34,"tag":122,"props":16603,"children":16604},{},[16605,16615],{"type":34,"tag":126,"props":16606,"children":16607},{},[16608,16613],{"type":34,"tag":1008,"props":16609,"children":16610},{},[16611],{"type":40,"value":16612},"原理",{"type":40,"value":16614},"：結合了佈局分析模型（Layout Analysis）、公式識別模型與傳統的 OCR（如 PaddleOCR）。",{"type":34,"tag":126,"props":16616,"children":16617},{},[16618,16623],{"type":34,"tag":1008,"props":16619,"children":16620},{},[16621],{"type":40,"value":16622},"優勢",{"type":40,"value":16624},"：對硬體要求較低（最低 4GB VRAM），且支援純 CPU 運行。運行速度較快，非常適合批量處理常規的 PDF 書籍與論文。",{"type":34,"tag":126,"props":16626,"children":16627},{},[16628,16632],{"type":34,"tag":1008,"props":16629,"children":16630},{},[16631],{"type":40,"value":15893},{"type":34,"tag":122,"props":16633,"children":16634},{},[16635,16644],{"type":34,"tag":126,"props":16636,"children":16637},{},[16638,16642],{"type":34,"tag":1008,"props":16639,"children":16640},{},[16641],{"type":40,"value":16612},{"type":40,"value":16643},"：直接調用端到端的 Multimodal 大模型（例如藉由 vLLM\u002FLMDeploy 部署的本地大模型，或遠端 OpenAI 相容的 API 服務）。",{"type":34,"tag":126,"props":16645,"children":16646},{},[16647,16651],{"type":34,"tag":1008,"props":16648,"children":16649},{},[16650],{"type":40,"value":16622},{"type":40,"value":16652},"：精準度高達 95+。對於手寫體、超複雜表格、老舊掃描件有著極強的識別與理解能力，是追求極致轉換品質的首選。",{"type":34,"tag":98,"props":16654,"children":16655},{},[],{"type":34,"tag":35,"props":16657,"children":16658},{"id":1479},[16659],{"type":40,"value":1479},{"type":34,"tag":42,"props":16661,"children":16662},{},[16663,16667],{"type":34,"tag":1008,"props":16664,"children":16665},{},[16666],{"type":40,"value":15726},{"type":40,"value":16668}," 填補了開源文檔解析領域的空白，讓複雜文檔到 Markdown 的轉換變得不再困難。不論你是想將手邊的 PDF 論文快速轉成 Markdown 來用 GPT\u002FClaude 進行摘要，還是要為大模型訓練準備乾淨的清洗語料，MinerU 都是目前最頂尖、最硬核的生產力工具之一。",{"type":34,"tag":42,"props":16670,"children":16671},{},[16672],{"type":34,"tag":1008,"props":16673,"children":16674},{},[16675],{"type":40,"value":1514},{"type":34,"tag":122,"props":16677,"children":16678},{},[16679,16689,16699],{"type":34,"tag":126,"props":16680,"children":16681},{},[16682],{"type":34,"tag":72,"props":16683,"children":16686},{"href":16684,"rel":16685},"https:\u002F\u002Fgithub.com\u002Fopendatalab\u002FMinerU",[76],[16687],{"type":40,"value":16688},"MinerU 官方 GitHub 倉庫",{"type":34,"tag":126,"props":16690,"children":16691},{},[16692],{"type":34,"tag":72,"props":16693,"children":16696},{"href":16694,"rel":16695},"https:\u002F\u002Fopendatalab.github.io\u002FMinerU\u002F",[76],[16697],{"type":40,"value":16698},"MinerU 官方文檔",{"type":34,"tag":126,"props":16700,"children":16701},{},[16702],{"type":34,"tag":72,"props":16703,"children":16705},{"href":15802,"rel":16704},[76],[16706],{"type":40,"value":16707},"MinerU 線上體驗網頁版",{"type":34,"tag":98,"props":16709,"children":16710},{},[],{"type":34,"tag":42,"props":16712,"children":16713},{},[16714],{"type":34,"tag":9919,"props":16715,"children":16716},{},[16717],{"type":40,"value":16718},"本文介紹之開源專案 MinerU 採用開源授權協議，歡迎前往其 GitHub 專案頁面給予 Star 支持！",{"type":34,"tag":1548,"props":16720,"children":16721},{},[16722],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":16724},[16725,16726,16729,16733,16737,16738],{"id":15675,"depth":708,"text":15678},{"id":15734,"depth":708,"text":15737,"children":16727},[16728],{"id":15749,"depth":733,"text":15752},{"id":15832,"depth":708,"text":15835,"children":16730},[16731,16732],{"id":15861,"depth":733,"text":15864},{"id":16071,"depth":733,"text":16074},{"id":16356,"depth":708,"text":16359,"children":16734},[16735,16736],{"id":16375,"depth":733,"text":16378},{"id":16437,"depth":733,"text":16440},{"id":16582,"depth":708,"text":16585},{"id":1479,"depth":708,"text":1479},"content:articles:mineru.md","articles\u002Fmineru.md","articles\u002Fmineru",{"_path":16743,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":16744,"description":16745,"date":16746,"category":17,"image":6124,"tags":16747,"series":1585,"readingTime":13968,"difficulty":23,"local":24,"platforms":16750,"gpu":29,"body":16754,"_type":1569,"_id":18119,"_source":1571,"_file":18120,"_stem":18121,"_extension":1574},"\u002Farticles\u002Fheadroom","Headroom 實測：AI Agent 的上下文壓縮層，節省高達 60–95% Token 成本","專為 AI Agent 設計的開源上下文優化工具 Headroom，整合多種壓縮演算法，支援本地逆向解壓 (CCR)，大幅降低 LLM 運算開銷並提升反應速度。","2026-06-05",[17,16748,10789,16749],"AI Agent","Context Optimization",[16751,16752,16753],"Python","TS","MCP",{"type":31,"children":16755,"toc":18100},[16756,16762,16767,16772,16791,16796,16814,16828,16840,16858,16862,16916,16928,16931,16935,16946,16951,16975,16978,16983,16988,17031,17034,17040,17045,17053,17126,17129,17134,17139,17145,17150,17188,17201,17207,17220,17267,17273,17278,17284,17289,17312,17317,17563,17569,17574,17596,17600,17814,17817,17822,17827,17939,17944,17947,17953,17962,17995,18004,18022,18025,18029,18096],{"type":34,"tag":35,"props":16757,"children":16759},{"id":16758},"實測成效一個-prompt-砍掉-844-token-的驚人威力",[16760],{"type":40,"value":16761},"實測成效：一個 Prompt 砍掉 84.4% Token 的驚人威力！",{"type":34,"tag":42,"props":16763,"children":16764},{},[16765],{"type":40,"value":16766},"在正式進入介紹前，我用了一個非常考驗 AI Context 的指令來測試 Headroom 的威力。",{"type":34,"tag":42,"props":16768,"children":16769},{},[16770],{"type":40,"value":16771},"我對我的 AI Coding Agent（Antigravity CLI）下了這個 Prompt：",{"type":34,"tag":10421,"props":16773,"children":16774},{},[16775],{"type":34,"tag":42,"props":16776,"children":16777},{},[16778],{"type":34,"tag":1008,"props":16779,"children":16780},{},[16781,16783,16789],{"type":40,"value":16782},"「請幫我分析一下這個專案的 node_modules 依賴結構，幫我找出是否有任何潛在衝突的套件。你可以直接在終端機運行 ",{"type":34,"tag":58,"props":16784,"children":16786},{"className":16785},[],[16787],{"type":40,"value":16788},"npm list --all",{"type":40,"value":16790}," 來讀取我們完整的依賴樹，並從中找出問題。」",{"type":34,"tag":1854,"props":16792,"children":16794},{"id":16793},"實測過程截圖",[16795],{"type":40,"value":16793},{"type":34,"tag":565,"props":16797,"children":16799},{"className":16798},[568,569,570,571,572,573,574],[16800,16801,16807,16808],{"type":40,"value":577},{"type":34,"tag":579,"props":16802,"children":16806},{"src":16803,"alt":16804,"className":16805},"\u002Fimages\u002Fagycli_test.jpg","Antigravity CLI 測試過程",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":16809,"children":16811},{"className":16810},[590,591,592,593,594,595],[16812],{"type":40,"value":16813},"AI 執行 npm list --all 的龐大輸出過程",{"type":34,"tag":1854,"props":16815,"children":16817},{"id":16816},"透過-headroom-perf-查看驚人節省結果",[16818,16820,16826],{"type":40,"value":16819},"透過 ",{"type":34,"tag":58,"props":16821,"children":16823},{"className":16822},[],[16824],{"type":40,"value":16825},"headroom perf",{"type":40,"value":16827}," 查看驚人節省結果",{"type":34,"tag":42,"props":16829,"children":16830},{},[16831,16833,16838],{"type":40,"value":16832},"在 AI 執行完畢並成功回答我的問題後，我立刻在終端機輸入 ",{"type":34,"tag":58,"props":16834,"children":16836},{"className":16835},[],[16837],{"type":40,"value":16825},{"type":40,"value":16839}," 撈取優化報告，結果令人震驚：",{"type":34,"tag":565,"props":16841,"children":16843},{"className":16842},[568,569,570,571,572,573,574],[16844,16845,16851,16852],{"type":40,"value":577},{"type":34,"tag":579,"props":16846,"children":16850},{"src":16847,"alt":16848,"className":16849},"\u002Fimages\u002Fheadroom perf.jpg","headroom perf 效能報告",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":16853,"children":16855},{"className":16854},[590,591,592,593,594,595],[16856],{"type":40,"value":16857},"headroom perf 指令輸出的即時省錢報告",{"type":34,"tag":1854,"props":16859,"children":16860},{"id":2066},[16861],{"type":40,"value":2066},{"type":34,"tag":122,"props":16863,"children":16864},{},[16865,16896,16906],{"type":34,"tag":126,"props":16866,"children":16867},{},[16868,16873,16875,16880,16882,16888,16890,16895],{"type":34,"tag":1008,"props":16869,"children":16870},{},[16871],{"type":40,"value":16872},"驚人的 84.4% 節省率",{"type":40,"value":16874},"：原本這段依賴樹會產生高達 ",{"type":34,"tag":1008,"props":16876,"children":16877},{},[16878],{"type":40,"value":16879},"14,303 個 Token",{"type":40,"value":16881},"，被 Headroom 的 ",{"type":34,"tag":58,"props":16883,"children":16885},{"className":16884},[],[16886],{"type":40,"value":16887},"SmartCrusher",{"type":40,"value":16889}," 智慧過濾噪點與重複結構後（省了12054個 Token），實際傳送給大模型的僅剩 ",{"type":34,"tag":1008,"props":16891,"children":16892},{},[16893],{"type":40,"value":16894},"2,249 個 Token",{"type":40,"value":12882},{"type":34,"tag":126,"props":16897,"children":16898},{},[16899,16904],{"type":34,"tag":1008,"props":16900,"children":16901},{},[16902],{"type":40,"value":16903},"速度大幅度飆升",{"type":40,"value":16905},"：大模型不需要花時間去閱讀一堆重複的依賴樹層級，首字回應時間（Time-to-First-Token）幾乎是瞬間完成，體驗極佳。",{"type":34,"tag":126,"props":16907,"children":16908},{},[16909,16914],{"type":34,"tag":1008,"props":16910,"children":16911},{},[16912],{"type":40,"value":16913},"回答精準度不受影響",{"type":40,"value":16915},"：大模型依然精準找出了專案中的潛在衝突套件。這是因為 Headroom 智慧識別了結構，並沒有漏掉真正重要的模組節點。",{"type":34,"tag":42,"props":16917,"children":16918},{},[16919,16921,16926],{"type":40,"value":16920},"這還僅僅是",{"type":34,"tag":1008,"props":16922,"children":16923},{},[16924],{"type":40,"value":16925},"一個 Prompt",{"type":40,"value":16927}," 的效果！在我們日常開發中，AI 經常需要反覆讀取日誌、Git Diff 或執行測試，一天下來省下的 Token 與 API 帳單金額將會非常可觀。接下來，就讓我們深入了解它是如何做到的。",{"type":34,"tag":98,"props":16929,"children":16930},{},[],{"type":34,"tag":35,"props":16932,"children":16933},{"id":37},[16934],{"type":40,"value":37},{"type":34,"tag":42,"props":16936,"children":16937},{},[16938,16940,16945],{"type":40,"value":16939},"隨著 AI Agent (例如 Claude Code、Cursor、Aider) 的普及，開發者們在體驗極致便利的同時，也正面臨著一個高昂的痛點：",{"type":34,"tag":1008,"props":16941,"children":16942},{},[16943],{"type":40,"value":16944},"Token 帳單爆炸與 Context Window 的品質下降",{"type":40,"value":222},{"type":34,"tag":42,"props":16947,"children":16948},{},[16949],{"type":40,"value":16950},"當 AI Agent 在執行代碼搜尋、資料庫查詢、運行單元測試或讀取大量日誌時，它會將成千上萬行的冗餘輸出直接塞進 Prompt 中。這不僅帶來龐大的 Token 成本，還會因為「中間迷失 (Lost in the Middle)」效應，降低 LLM 輸出的準確度與響應速度。",{"type":34,"tag":42,"props":16952,"children":16953},{},[16954,16959,16961,16967,16969,16974],{"type":34,"tag":1008,"props":16955,"children":16956},{},[16957],{"type":40,"value":16958},"Headroom",{"type":40,"value":16960},"（由 ",{"type":34,"tag":58,"props":16962,"children":16964},{"className":16963},[],[16965],{"type":40,"value":16966},"chopratejas",{"type":40,"value":16968}," 開源）是一個優雅的「上下文優化與壓縮層」，它可以在資料傳遞給 LLM 之前，自動對工具輸出、日誌、JSON 資料以及程式碼進行高達 ",{"type":34,"tag":1008,"props":16970,"children":16971},{},[16972],{"type":40,"value":16973},"60–95% 的無損壓縮",{"type":40,"value":222},{"type":34,"tag":98,"props":16976,"children":16977},{},[],{"type":34,"tag":35,"props":16979,"children":16981},{"id":16980},"核心亮點",[16982],{"type":40,"value":16980},{"type":34,"tag":42,"props":16984,"children":16985},{},[16986],{"type":40,"value":16987},"與一般的 Prompt 裁剪工具不同，Headroom 是一個底層的中間件，具備以下幾項革命性特徵：",{"type":34,"tag":122,"props":16989,"children":16990},{},[16991,17001,17011,17021],{"type":34,"tag":126,"props":16992,"children":16993},{},[16994,16999],{"type":34,"tag":1008,"props":16995,"children":16996},{},[16997],{"type":40,"value":16998},"60–95% Token 節省",{"type":40,"value":17000},"：針對開發者常見的真實工作流進行極限壓縮。",{"type":34,"tag":126,"props":17002,"children":17003},{},[17004,17009],{"type":34,"tag":1008,"props":17005,"children":17006},{},[17007],{"type":40,"value":17008},"可逆壓縮 (Content-Compressed Retrieval, CCR)",{"type":40,"value":17010},"：原始資料保存在本地，只將壓縮後的摘要傳給 LLM，並為 LLM 提供專用的 retrieval 工具。當模型需要細節時，可主動調用工具將資料還原，達到真正的「無損」。",{"type":34,"tag":126,"props":17012,"children":17013},{},[17014,17019],{"type":34,"tag":1008,"props":17015,"children":17016},{},[17017],{"type":40,"value":17018},"零程式碼侵入 (Proxy 模式)",{"type":40,"value":17020},"：可以直接作為本地代理 (Proxy) 運行，無縫適配現有的 CLI 代理工具。",{"type":34,"tag":126,"props":17022,"children":17023},{},[17024,17029],{"type":34,"tag":1008,"props":17025,"children":17026},{},[17027],{"type":40,"value":17028},"快取對齊 (CacheAligner)",{"type":40,"value":17030},"：優化並穩定 Prompt 前綴，最大化提升雲端 LLM 供應商的 KV 快取命中率 (KV Cache Hit Rate)，進一步降低費用與延遲。",{"type":34,"tag":98,"props":17032,"children":17033},{},[],{"type":34,"tag":35,"props":17035,"children":17037},{"id":17036},"它是如何運作的",[17038],{"type":40,"value":17039},"它是如何運作的？",{"type":34,"tag":42,"props":17041,"children":17042},{},[17043],{"type":40,"value":17044},"Headroom 運行於本地，確保了資料的隱私安全。其主要處理架構如下：",{"type":34,"tag":243,"props":17046,"children":17048},{"code":17047}," 你的 Agent 應用 (Claude Code, Cursor, LangChain 等)\n         │   Prompts \u002F 工具輸出 \u002F 日誌 \u002F RAG 結果\n         ▼\n ┌────────────────────────────────────────────────────┐\n │  Headroom 本地優化層                               │\n │  ────────────────────────────────────────────────  │\n │  CacheAligner  →  ContentRouter  →  CCR            │\n │                    ├─ SmartCrusher   (JSON 壓縮)   │\n │                    ├─ CodeCompressor (AST 語法樹)  │\n │                    └─ Kompress-base  (文字\u002F日誌)   │\n └────────────────────────────────────────────────────┘\n         │   壓縮後的 Context + 召回工具 (Retrieval Tool)\n         ▼\n 雲端 LLM 供應商 (Anthropic, OpenAI, Bedrock 等)\n",[17049],{"type":34,"tag":58,"props":17050,"children":17051},{"__ignoreMap":8},[17052],{"type":40,"value":17047},{"type":34,"tag":177,"props":17054,"children":17055},{},[17056,17066,17108],{"type":34,"tag":126,"props":17057,"children":17058},{},[17059,17064],{"type":34,"tag":1008,"props":17060,"children":17061},{},[17062],{"type":40,"value":17063},"ContentRouter (內容分流器)",{"type":40,"value":17065},"：\n自動辨識傳入的內容類型（如 JSON、Python 原始碼、系統日誌或純文字），並分發給最適合的壓縮演算法。",{"type":34,"tag":126,"props":17067,"children":17068},{},[17069,17074,17076],{"type":34,"tag":1008,"props":17070,"children":17071},{},[17072],{"type":40,"value":17073},"多重壓縮演算法",{"type":40,"value":17075},"：\n",{"type":34,"tag":122,"props":17077,"children":17078},{},[17079,17088,17098],{"type":34,"tag":126,"props":17080,"children":17081},{},[17082,17086],{"type":34,"tag":1008,"props":17083,"children":17084},{},[17085],{"type":40,"value":16887},{"type":40,"value":17087},"：專門針對 JSON 結構。保留錯誤訊息、統計異常以及與使用者查詢最相關的核心欄位，並去除多餘的重複鍵值。",{"type":34,"tag":126,"props":17089,"children":17090},{},[17091,17096],{"type":34,"tag":1008,"props":17092,"children":17093},{},[17094],{"type":40,"value":17095},"CodeCompressor",{"type":40,"value":17097},"：利用 AST (抽象語法樹) 進行壓縮。保留重要的 Import、函式簽名與類別定義，壓縮無用的邏輯細節，使 LLM 能快速理解代碼結構。",{"type":34,"tag":126,"props":17099,"children":17100},{},[17101,17106],{"type":34,"tag":1008,"props":17102,"children":17103},{},[17104],{"type":40,"value":17105},"Kompress-base",{"type":40,"value":17107},"：針對大文本與日誌。透過小參數量的本地模型（託管於 Hugging Face）進行語意摘要與噪點過濾。",{"type":34,"tag":126,"props":17109,"children":17110},{},[17111,17116,17118,17124],{"type":34,"tag":1008,"props":17112,"children":17113},{},[17114],{"type":40,"value":17115},"Content-Compressed Retrieval (CCR)",{"type":40,"value":17117},"：\n這是 Headroom 最巧妙的設計。LLM 收到的是高度壓縮的文本，但同時會被賦予一個 ",{"type":34,"tag":58,"props":17119,"children":17121},{"className":17120},[],[17122],{"type":40,"value":17123},"headroom_retrieve(key)",{"type":40,"value":17125}," 的工具。如果 LLM 在生成程式碼時發現某個函式的內部實作被壓縮了，它可以當場「回呼」本地的 Headroom 取得完整程式碼，完美解決了壓縮帶來的精度損失問題。",{"type":34,"tag":98,"props":17127,"children":17128},{},[],{"type":34,"tag":35,"props":17130,"children":17132},{"id":17131},"快速上手",[17133],{"type":40,"value":17131},{"type":34,"tag":42,"props":17135,"children":17136},{},[17137],{"type":40,"value":17138},"Headroom 提供了多種整合模式，讓開發者在不同場景下都能輕鬆使用。",{"type":34,"tag":1854,"props":17140,"children":17142},{"id":17141},"_1-本地代理模式-zero-code-proxy",[17143],{"type":40,"value":17144},"1. 本地代理模式 (Zero-Code Proxy)",{"type":34,"tag":42,"props":17146,"children":17147},{},[17148],{"type":40,"value":17149},"如果你正在使用 Cursor、Aider 或 Claude Code，最快的方法是將 Headroom 當作本地代理運行：",{"type":34,"tag":243,"props":17151,"children":17153},{"code":17152,"language":247,"meta":8,"className":245,"style":8},"# 啟動本地代理服務器，監聽 8787 端口\nheadroom proxy --port 8787\n",[17154],{"type":34,"tag":58,"props":17155,"children":17156},{"__ignoreMap":8},[17157,17165],{"type":34,"tag":253,"props":17158,"children":17159},{"class":255,"line":256},[17160],{"type":34,"tag":253,"props":17161,"children":17162},{"style":5059},[17163],{"type":40,"value":17164},"# 啟動本地代理服務器，監聽 8787 端口\n",{"type":34,"tag":253,"props":17166,"children":17167},{"class":255,"line":708},[17168,17173,17178,17183],{"type":34,"tag":253,"props":17169,"children":17170},{"style":260},[17171],{"type":40,"value":17172},"headroom",{"type":34,"tag":253,"props":17174,"children":17175},{"style":271},[17176],{"type":40,"value":17177}," proxy",{"type":34,"tag":253,"props":17179,"children":17180},{"style":265},[17181],{"type":40,"value":17182}," --port",{"type":34,"tag":253,"props":17184,"children":17185},{"style":265},[17186],{"type":40,"value":17187}," 8787\n",{"type":34,"tag":42,"props":17189,"children":17190},{},[17191,17193,17199],{"type":40,"value":17192},"接著，只需將你的 Agent 配置中的 API Endpoint 指向 ",{"type":34,"tag":58,"props":17194,"children":17196},{"className":17195},[],[17197],{"type":40,"value":17198},"http:\u002F\u002Flocalhost:8787\u002Fv1",{"type":40,"value":17200}," 即可。所有的 API 請求都會在本地完成 context 壓縮後再轉發給對應的 OpenAI 或 Anthropic API。",{"type":34,"tag":1854,"props":17202,"children":17204},{"id":17203},"_2-命令行封裝-agent-wrap",[17205],{"type":40,"value":17206},"2. 命令行封裝 (Agent Wrap)",{"type":34,"tag":42,"props":17208,"children":17209},{},[17210,17212,17218],{"type":40,"value":17211},"你也可以直接使用 ",{"type":34,"tag":58,"props":17213,"children":17215},{"className":17214},[],[17216],{"type":40,"value":17217},"wrap",{"type":40,"value":17219}," 指令來包裝並運行常見的開發工具：",{"type":34,"tag":243,"props":17221,"children":17223},{"code":17222,"language":247,"meta":8,"className":245,"style":8},"headroom wrap claude\n# 或者\nheadroom wrap aider\n",[17224],{"type":34,"tag":58,"props":17225,"children":17226},{"__ignoreMap":8},[17227,17243,17251],{"type":34,"tag":253,"props":17228,"children":17229},{"class":255,"line":256},[17230,17234,17239],{"type":34,"tag":253,"props":17231,"children":17232},{"style":260},[17233],{"type":40,"value":17172},{"type":34,"tag":253,"props":17235,"children":17236},{"style":271},[17237],{"type":40,"value":17238}," wrap",{"type":34,"tag":253,"props":17240,"children":17241},{"style":271},[17242],{"type":40,"value":9608},{"type":34,"tag":253,"props":17244,"children":17245},{"class":255,"line":708},[17246],{"type":34,"tag":253,"props":17247,"children":17248},{"style":5059},[17249],{"type":40,"value":17250},"# 或者\n",{"type":34,"tag":253,"props":17252,"children":17253},{"class":255,"line":733},[17254,17258,17262],{"type":34,"tag":253,"props":17255,"children":17256},{"style":260},[17257],{"type":40,"value":17172},{"type":34,"tag":253,"props":17259,"children":17260},{"style":271},[17261],{"type":40,"value":17238},{"type":34,"tag":253,"props":17263,"children":17264},{"style":271},[17265],{"type":40,"value":17266}," aider\n",{"type":34,"tag":1854,"props":17268,"children":17270},{"id":17269},"_3-sdk-庫模式-python-typescript",[17271],{"type":40,"value":17272},"3. SDK 庫模式 (Python \u002F TypeScript)",{"type":34,"tag":42,"props":17274,"children":17275},{},[17276],{"type":40,"value":17277},"如果你在開發自己的 Agent，可以將 Headroom 當作依賴庫直接導入。",{"type":34,"tag":16081,"props":17279,"children":17281},{"id":17280},"python-範例",[17282],{"type":40,"value":17283},"Python 範例：",{"type":34,"tag":42,"props":17285,"children":17286},{},[17287],{"type":40,"value":17288},"首先安裝庫：",{"type":34,"tag":243,"props":17290,"children":17292},{"code":17291,"language":247,"meta":8,"className":245,"style":8},"pip install headroom-ai\n",[17293],{"type":34,"tag":58,"props":17294,"children":17295},{"__ignoreMap":8},[17296],{"type":34,"tag":253,"props":17297,"children":17298},{"class":255,"line":256},[17299,17303,17307],{"type":34,"tag":253,"props":17300,"children":17301},{"style":260},[17302],{"type":40,"value":5140},{"type":34,"tag":253,"props":17304,"children":17305},{"style":271},[17306],{"type":40,"value":3698},{"type":34,"tag":253,"props":17308,"children":17309},{"style":271},[17310],{"type":40,"value":17311}," headroom-ai\n",{"type":34,"tag":42,"props":17313,"children":17314},{},[17315],{"type":40,"value":17316},"在代碼中使用：",{"type":34,"tag":243,"props":17318,"children":17320},{"code":17319,"language":11194,"meta":8,"className":11192,"style":8},"from headroom import Headroom\n\n# 初始化 Headroom\nhr = Headroom()\n\nmessages = [\n    {\"role\": \"system\", \"content\": \"You are a helpful assistant.\"},\n    {\"role\": \"user\", \"content\": \"Analyze this giant log output: ...\"}\n]\n\n# 壓縮訊息\ncompressed_messages = hr.compress(messages)\n\n# 將壓縮後的 messages 傳送給你的大模型\n# response = openai.chat.completions.create(messages=compressed_messages, ...)\n",[17321],{"type":34,"tag":58,"props":17322,"children":17323},{"__ignoreMap":8},[17324,17345,17352,17360,17381,17388,17405,17449,17490,17498,17505,17513,17540,17547,17555],{"type":34,"tag":253,"props":17325,"children":17326},{"class":255,"line":256},[17327,17331,17336,17340],{"type":34,"tag":253,"props":17328,"children":17329},{"style":11204},[17330],{"type":40,"value":11220},{"type":34,"tag":253,"props":17332,"children":17333},{"style":370},[17334],{"type":40,"value":17335}," headroom ",{"type":34,"tag":253,"props":17337,"children":17338},{"style":11204},[17339],{"type":40,"value":11207},{"type":34,"tag":253,"props":17341,"children":17342},{"style":370},[17343],{"type":40,"value":17344}," Headroom\n",{"type":34,"tag":253,"props":17346,"children":17347},{"class":255,"line":708},[17348],{"type":34,"tag":253,"props":17349,"children":17350},{"emptyLinePlaceholder":24},[17351],{"type":40,"value":5053},{"type":34,"tag":253,"props":17353,"children":17354},{"class":255,"line":733},[17355],{"type":34,"tag":253,"props":17356,"children":17357},{"style":5059},[17358],{"type":40,"value":17359},"# 初始化 Headroom\n",{"type":34,"tag":253,"props":17361,"children":17362},{"class":255,"line":755},[17363,17368,17372,17377],{"type":34,"tag":253,"props":17364,"children":17365},{"style":370},[17366],{"type":40,"value":17367},"hr ",{"type":34,"tag":253,"props":17369,"children":17370},{"style":5037},[17371],{"type":40,"value":11275},{"type":34,"tag":253,"props":17373,"children":17374},{"style":260},[17375],{"type":40,"value":17376}," Headroom",{"type":34,"tag":253,"props":17378,"children":17379},{"style":370},[17380],{"type":40,"value":11290},{"type":34,"tag":253,"props":17382,"children":17383},{"class":255,"line":777},[17384],{"type":34,"tag":253,"props":17385,"children":17386},{"emptyLinePlaceholder":24},[17387],{"type":40,"value":5053},{"type":34,"tag":253,"props":17389,"children":17390},{"class":255,"line":795},[17391,17396,17400],{"type":34,"tag":253,"props":17392,"children":17393},{"style":370},[17394],{"type":40,"value":17395},"messages ",{"type":34,"tag":253,"props":17397,"children":17398},{"style":5037},[17399],{"type":40,"value":11275},{"type":34,"tag":253,"props":17401,"children":17402},{"style":370},[17403],{"type":40,"value":17404}," [\n",{"type":34,"tag":253,"props":17406,"children":17407},{"class":255,"line":5085},[17408,17413,17418,17422,17427,17431,17436,17440,17445],{"type":34,"tag":253,"props":17409,"children":17410},{"style":370},[17411],{"type":40,"value":17412},"    {",{"type":34,"tag":253,"props":17414,"children":17415},{"style":271},[17416],{"type":40,"value":17417},"\"role\"",{"type":34,"tag":253,"props":17419,"children":17420},{"style":370},[17421],{"type":40,"value":720},{"type":34,"tag":253,"props":17423,"children":17424},{"style":271},[17425],{"type":40,"value":17426},"\"system\"",{"type":34,"tag":253,"props":17428,"children":17429},{"style":370},[17430],{"type":40,"value":11466},{"type":34,"tag":253,"props":17432,"children":17433},{"style":271},[17434],{"type":40,"value":17435},"\"content\"",{"type":34,"tag":253,"props":17437,"children":17438},{"style":370},[17439],{"type":40,"value":720},{"type":34,"tag":253,"props":17441,"children":17442},{"style":271},[17443],{"type":40,"value":17444},"\"You are a helpful assistant.\"",{"type":34,"tag":253,"props":17446,"children":17447},{"style":370},[17448],{"type":40,"value":12624},{"type":34,"tag":253,"props":17450,"children":17451},{"class":255,"line":5094},[17452,17456,17460,17464,17469,17473,17477,17481,17486],{"type":34,"tag":253,"props":17453,"children":17454},{"style":370},[17455],{"type":40,"value":17412},{"type":34,"tag":253,"props":17457,"children":17458},{"style":271},[17459],{"type":40,"value":17417},{"type":34,"tag":253,"props":17461,"children":17462},{"style":370},[17463],{"type":40,"value":720},{"type":34,"tag":253,"props":17465,"children":17466},{"style":271},[17467],{"type":40,"value":17468},"\"user\"",{"type":34,"tag":253,"props":17470,"children":17471},{"style":370},[17472],{"type":40,"value":11466},{"type":34,"tag":253,"props":17474,"children":17475},{"style":271},[17476],{"type":40,"value":17435},{"type":34,"tag":253,"props":17478,"children":17479},{"style":370},[17480],{"type":40,"value":720},{"type":34,"tag":253,"props":17482,"children":17483},{"style":271},[17484],{"type":40,"value":17485},"\"Analyze this giant log output: ...\"",{"type":34,"tag":253,"props":17487,"children":17488},{"style":370},[17489],{"type":40,"value":801},{"type":34,"tag":253,"props":17491,"children":17492},{"class":255,"line":5117},[17493],{"type":34,"tag":253,"props":17494,"children":17495},{"style":370},[17496],{"type":40,"value":17497},"]\n",{"type":34,"tag":253,"props":17499,"children":17500},{"class":255,"line":5125},[17501],{"type":34,"tag":253,"props":17502,"children":17503},{"emptyLinePlaceholder":24},[17504],{"type":40,"value":5053},{"type":34,"tag":253,"props":17506,"children":17507},{"class":255,"line":5134},[17508],{"type":34,"tag":253,"props":17509,"children":17510},{"style":5059},[17511],{"type":40,"value":17512},"# 壓縮訊息\n",{"type":34,"tag":253,"props":17514,"children":17515},{"class":255,"line":5673},[17516,17521,17525,17530,17535],{"type":34,"tag":253,"props":17517,"children":17518},{"style":370},[17519],{"type":40,"value":17520},"compressed_messages ",{"type":34,"tag":253,"props":17522,"children":17523},{"style":5037},[17524],{"type":40,"value":11275},{"type":34,"tag":253,"props":17526,"children":17527},{"style":370},[17528],{"type":40,"value":17529}," hr.",{"type":34,"tag":253,"props":17531,"children":17532},{"style":260},[17533],{"type":40,"value":17534},"compress",{"type":34,"tag":253,"props":17536,"children":17537},{"style":370},[17538],{"type":40,"value":17539},"(messages)\n",{"type":34,"tag":253,"props":17541,"children":17542},{"class":255,"line":5694},[17543],{"type":34,"tag":253,"props":17544,"children":17545},{"emptyLinePlaceholder":24},[17546],{"type":40,"value":5053},{"type":34,"tag":253,"props":17548,"children":17549},{"class":255,"line":5715},[17550],{"type":34,"tag":253,"props":17551,"children":17552},{"style":5059},[17553],{"type":40,"value":17554},"# 將壓縮後的 messages 傳送給你的大模型\n",{"type":34,"tag":253,"props":17556,"children":17557},{"class":255,"line":5732},[17558],{"type":34,"tag":253,"props":17559,"children":17560},{"style":5059},[17561],{"type":40,"value":17562},"# response = openai.chat.completions.create(messages=compressed_messages, ...)\n",{"type":34,"tag":16081,"props":17564,"children":17566},{"id":17565},"typescriptjavascript-範例",[17567],{"type":40,"value":17568},"TypeScript\u002FJavaScript 範例：",{"type":34,"tag":42,"props":17570,"children":17571},{},[17572],{"type":40,"value":17573},"安裝 npm 包：",{"type":34,"tag":243,"props":17575,"children":17577},{"code":17576,"language":247,"meta":8,"className":245,"style":8},"npm install headroom-ai\n",[17578],{"type":34,"tag":58,"props":17579,"children":17580},{"__ignoreMap":8},[17581],{"type":34,"tag":253,"props":17582,"children":17583},{"class":255,"line":256},[17584,17588,17592],{"type":34,"tag":253,"props":17585,"children":17586},{"style":260},[17587],{"type":40,"value":8176},{"type":34,"tag":253,"props":17589,"children":17590},{"style":271},[17591],{"type":40,"value":3698},{"type":34,"tag":253,"props":17593,"children":17594},{"style":271},[17595],{"type":40,"value":17311},{"type":34,"tag":42,"props":17597,"children":17598},{},[17599],{"type":40,"value":17316},{"type":34,"tag":243,"props":17601,"children":17605},{"code":17602,"language":17603,"meta":8,"className":17604,"style":8},"import { Headroom } from 'headroom-ai';\n\nconst hr = new Headroom();\n\nconst messages = [\n  { role: 'user', content: 'Here is the database response: ...' }\n];\n\nconst compressed = await hr.compress(messages);\n","typescript","language-typescript shiki shiki-themes one-dark-pro",[17606],{"type":34,"tag":58,"props":17607,"children":17608},{"__ignoreMap":8},[17609,17642,17649,17680,17687,17707,17751,17759,17766],{"type":34,"tag":253,"props":17610,"children":17611},{"class":255,"line":256},[17612,17616,17620,17624,17628,17632,17637],{"type":34,"tag":253,"props":17613,"children":17614},{"style":11204},[17615],{"type":40,"value":11207},{"type":34,"tag":253,"props":17617,"children":17618},{"style":370},[17619],{"type":40,"value":13181},{"type":34,"tag":253,"props":17621,"children":17622},{"style":712},[17623],{"type":40,"value":16958},{"type":34,"tag":253,"props":17625,"children":17626},{"style":370},[17627],{"type":40,"value":13190},{"type":34,"tag":253,"props":17629,"children":17630},{"style":11204},[17631],{"type":40,"value":11220},{"type":34,"tag":253,"props":17633,"children":17634},{"style":271},[17635],{"type":40,"value":17636}," 'headroom-ai'",{"type":34,"tag":253,"props":17638,"children":17639},{"style":370},[17640],{"type":40,"value":17641},";\n",{"type":34,"tag":253,"props":17643,"children":17644},{"class":255,"line":708},[17645],{"type":34,"tag":253,"props":17646,"children":17647},{"emptyLinePlaceholder":24},[17648],{"type":40,"value":5053},{"type":34,"tag":253,"props":17650,"children":17651},{"class":255,"line":733},[17652,17657,17662,17666,17671,17675],{"type":34,"tag":253,"props":17653,"children":17654},{"style":11204},[17655],{"type":40,"value":17656},"const",{"type":34,"tag":253,"props":17658,"children":17659},{"style":13239},[17660],{"type":40,"value":17661}," hr",{"type":34,"tag":253,"props":17663,"children":17664},{"style":5037},[17665],{"type":40,"value":12399},{"type":34,"tag":253,"props":17667,"children":17668},{"style":11204},[17669],{"type":40,"value":17670}," new",{"type":34,"tag":253,"props":17672,"children":17673},{"style":260},[17674],{"type":40,"value":17376},{"type":34,"tag":253,"props":17676,"children":17677},{"style":370},[17678],{"type":40,"value":17679},"();\n",{"type":34,"tag":253,"props":17681,"children":17682},{"class":255,"line":755},[17683],{"type":34,"tag":253,"props":17684,"children":17685},{"emptyLinePlaceholder":24},[17686],{"type":40,"value":5053},{"type":34,"tag":253,"props":17688,"children":17689},{"class":255,"line":777},[17690,17694,17699,17703],{"type":34,"tag":253,"props":17691,"children":17692},{"style":11204},[17693],{"type":40,"value":17656},{"type":34,"tag":253,"props":17695,"children":17696},{"style":13239},[17697],{"type":40,"value":17698}," messages",{"type":34,"tag":253,"props":17700,"children":17701},{"style":5037},[17702],{"type":40,"value":12399},{"type":34,"tag":253,"props":17704,"children":17705},{"style":370},[17706],{"type":40,"value":17404},{"type":34,"tag":253,"props":17708,"children":17709},{"class":255,"line":795},[17710,17715,17720,17724,17729,17733,17737,17741,17746],{"type":34,"tag":253,"props":17711,"children":17712},{"style":370},[17713],{"type":40,"value":17714},"  { ",{"type":34,"tag":253,"props":17716,"children":17717},{"style":712},[17718],{"type":40,"value":17719},"role",{"type":34,"tag":253,"props":17721,"children":17722},{"style":370},[17723],{"type":40,"value":720},{"type":34,"tag":253,"props":17725,"children":17726},{"style":271},[17727],{"type":40,"value":17728},"'user'",{"type":34,"tag":253,"props":17730,"children":17731},{"style":370},[17732],{"type":40,"value":11466},{"type":34,"tag":253,"props":17734,"children":17735},{"style":712},[17736],{"type":40,"value":1571},{"type":34,"tag":253,"props":17738,"children":17739},{"style":370},[17740],{"type":40,"value":720},{"type":34,"tag":253,"props":17742,"children":17743},{"style":271},[17744],{"type":40,"value":17745},"'Here is the database response: ...'",{"type":34,"tag":253,"props":17747,"children":17748},{"style":370},[17749],{"type":40,"value":17750}," }\n",{"type":34,"tag":253,"props":17752,"children":17753},{"class":255,"line":5085},[17754],{"type":34,"tag":253,"props":17755,"children":17756},{"style":370},[17757],{"type":40,"value":17758},"];\n",{"type":34,"tag":253,"props":17760,"children":17761},{"class":255,"line":5094},[17762],{"type":34,"tag":253,"props":17763,"children":17764},{"emptyLinePlaceholder":24},[17765],{"type":40,"value":5053},{"type":34,"tag":253,"props":17767,"children":17768},{"class":255,"line":5117},[17769,17773,17778,17782,17787,17791,17796,17800,17804,17809],{"type":34,"tag":253,"props":17770,"children":17771},{"style":11204},[17772],{"type":40,"value":17656},{"type":34,"tag":253,"props":17774,"children":17775},{"style":13239},[17776],{"type":40,"value":17777}," compressed",{"type":34,"tag":253,"props":17779,"children":17780},{"style":5037},[17781],{"type":40,"value":12399},{"type":34,"tag":253,"props":17783,"children":17784},{"style":11204},[17785],{"type":40,"value":17786}," await",{"type":34,"tag":253,"props":17788,"children":17789},{"style":13239},[17790],{"type":40,"value":17661},{"type":34,"tag":253,"props":17792,"children":17793},{"style":370},[17794],{"type":40,"value":17795},".",{"type":34,"tag":253,"props":17797,"children":17798},{"style":260},[17799],{"type":40,"value":17534},{"type":34,"tag":253,"props":17801,"children":17802},{"style":370},[17803],{"type":40,"value":11567},{"type":34,"tag":253,"props":17805,"children":17806},{"style":712},[17807],{"type":40,"value":17808},"messages",{"type":34,"tag":253,"props":17810,"children":17811},{"style":370},[17812],{"type":40,"value":17813},");\n",{"type":34,"tag":98,"props":17815,"children":17816},{},[],{"type":34,"tag":35,"props":17818,"children":17820},{"id":17819},"實測效能評估",[17821],{"type":40,"value":17819},{"type":34,"tag":42,"props":17823,"children":17824},{},[17825],{"type":40,"value":17826},"在官方的評估基準中（包含 GSM8K、TruthfulQA 以及 SQuAD v2 等基準測試），Headroom 展現出極為驚人的表現：",{"type":34,"tag":6866,"props":17828,"children":17829},{},[17830,17852],{"type":34,"tag":6870,"props":17831,"children":17832},{},[17833],{"type":34,"tag":6874,"props":17834,"children":17835},{},[17836,17841,17847],{"type":34,"tag":6878,"props":17837,"children":17838},{"align":6880},[17839],{"type":40,"value":17840},"工作負載 (Workload)",{"type":34,"tag":6878,"props":17842,"children":17844},{"align":17843},"center",[17845],{"type":40,"value":17846},"Token 節省比例",{"type":34,"tag":6878,"props":17848,"children":17849},{"align":17843},[17850],{"type":40,"value":17851},"準確度保留 (Accuracy)",{"type":34,"tag":6890,"props":17853,"children":17854},{},[17855,17876,17897,17918],{"type":34,"tag":6874,"props":17856,"children":17857},{},[17858,17863,17871],{"type":34,"tag":6897,"props":17859,"children":17860},{"align":6880},[17861],{"type":40,"value":17862},"數據庫查詢結果 (SQL JSON)",{"type":34,"tag":6897,"props":17864,"children":17865},{"align":17843},[17866],{"type":34,"tag":1008,"props":17867,"children":17868},{},[17869],{"type":40,"value":17870},"85% – 93%",{"type":34,"tag":6897,"props":17872,"children":17873},{"align":17843},[17874],{"type":40,"value":17875},"98.4%",{"type":34,"tag":6874,"props":17877,"children":17878},{},[17879,17884,17892],{"type":34,"tag":6897,"props":17880,"children":17881},{"align":6880},[17882],{"type":40,"value":17883},"代碼重構與搜尋 (AST Code)",{"type":34,"tag":6897,"props":17885,"children":17886},{"align":17843},[17887],{"type":34,"tag":1008,"props":17888,"children":17889},{},[17890],{"type":40,"value":17891},"65% – 78%",{"type":34,"tag":6897,"props":17893,"children":17894},{"align":17843},[17895],{"type":40,"value":17896},"97.2%",{"type":34,"tag":6874,"props":17898,"children":17899},{},[17900,17905,17913],{"type":34,"tag":6897,"props":17901,"children":17902},{"align":6880},[17903],{"type":40,"value":17904},"CI\u002FCD 測試與編譯日誌",{"type":34,"tag":6897,"props":17906,"children":17907},{"align":17843},[17908],{"type":34,"tag":1008,"props":17909,"children":17910},{},[17911],{"type":40,"value":17912},"90% – 96%",{"type":34,"tag":6897,"props":17914,"children":17915},{"align":17843},[17916],{"type":40,"value":17917},"99.1%",{"type":34,"tag":6874,"props":17919,"children":17920},{},[17921,17926,17934],{"type":34,"tag":6897,"props":17922,"children":17923},{"align":6880},[17924],{"type":40,"value":17925},"RAG 文檔檢索段落",{"type":34,"tag":6897,"props":17927,"children":17928},{"align":17843},[17929],{"type":34,"tag":1008,"props":17930,"children":17931},{},[17932],{"type":40,"value":17933},"70% – 82%",{"type":34,"tag":6897,"props":17935,"children":17936},{"align":17843},[17937],{"type":40,"value":17938},"96.5%",{"type":34,"tag":42,"props":17940,"children":17941},{},[17942],{"type":40,"value":17943},"對於那些每天頻繁使用 AI Agent 的開發團隊來說，引入 Headroom 後，原本一天 10 美元的 API 消耗可能直接降到 1~2 美元，且大模型的反應速度（Time-to-First-Token）因為 Prompt 長度縮短而有感提升。",{"type":34,"tag":98,"props":17945,"children":17946},{},[],{"type":34,"tag":35,"props":17948,"children":17950},{"id":17949},"總結是否該引入你的工作流",[17951],{"type":40,"value":17952},"總結：是否該引入你的工作流？",{"type":34,"tag":42,"props":17954,"children":17955},{},[17956,17961],{"type":34,"tag":1008,"props":17957,"children":17958},{},[17959],{"type":40,"value":17960},"優點",{"type":40,"value":8046},{"type":34,"tag":177,"props":17963,"children":17964},{},[17965,17975,17985],{"type":34,"tag":126,"props":17966,"children":17967},{},[17968,17973],{"type":34,"tag":1008,"props":17969,"children":17970},{},[17971],{"type":40,"value":17972},"省錢有感",{"type":40,"value":17974},"：直接砍掉 70% 以上的 Context Token，對於長對話尤其明顯。",{"type":34,"tag":126,"props":17976,"children":17977},{},[17978,17983],{"type":34,"tag":1008,"props":17979,"children":17980},{},[17981],{"type":40,"value":17982},"安全隱私",{"type":40,"value":17984},"：所有壓縮與解壓過程完全在本地端完成，資料不外流。",{"type":34,"tag":126,"props":17986,"children":17987},{},[17988,17993],{"type":34,"tag":1008,"props":17989,"children":17990},{},[17991],{"type":40,"value":17992},"無損回溯",{"type":40,"value":17994},"：CCR 技術提供了保險，不怕關鍵代碼或細節因為壓縮而被抹去。",{"type":34,"tag":42,"props":17996,"children":17997},{},[17998,18003],{"type":34,"tag":1008,"props":17999,"children":18000},{},[18001],{"type":40,"value":18002},"適合人群",{"type":40,"value":8046},{"type":34,"tag":122,"props":18005,"children":18006},{},[18007,18012,18017],{"type":34,"tag":126,"props":18008,"children":18009},{},[18010],{"type":40,"value":18011},"頻繁使用 Aider、Cursor、Claude Code 進行大型專案重構的工程師。",{"type":34,"tag":126,"props":18013,"children":18014},{},[18015],{"type":40,"value":18016},"正在建構企業級 AI Agent、需要處理大量 API Response 或系統日誌的架構師。",{"type":34,"tag":126,"props":18018,"children":18019},{},[18020],{"type":40,"value":18021},"希望在有限的 Context Window 內塞入更多歷史記憶的開發者。",{"type":34,"tag":98,"props":18023,"children":18024},{},[],{"type":34,"tag":35,"props":18026,"children":18027},{"id":4779},[18028],{"type":40,"value":4779},{"type":34,"tag":122,"props":18030,"children":18031},{},[18032,18048,18064,18080],{"type":34,"tag":126,"props":18033,"children":18034},{},[18035,18040,18041],{"type":34,"tag":1008,"props":18036,"children":18037},{},[18038],{"type":40,"value":18039},"GitHub 倉庫",{"type":40,"value":8046},{"type":34,"tag":72,"props":18042,"children":18045},{"href":18043,"rel":18044},"https:\u002F\u002Fgithub.com\u002Fchopratejas\u002Fheadroom",[76],[18046],{"type":40,"value":18047},"chopratejas\u002Fheadroom",{"type":34,"tag":126,"props":18049,"children":18050},{},[18051,18056,18057],{"type":34,"tag":1008,"props":18052,"children":18053},{},[18054],{"type":40,"value":18055},"官方文檔",{"type":40,"value":8046},{"type":34,"tag":72,"props":18058,"children":18061},{"href":18059,"rel":18060},"https:\u002F\u002Fheadroom-docs.vercel.app\u002Fdocs",[76],[18062],{"type":40,"value":18063},"Headroom Docs",{"type":34,"tag":126,"props":18065,"children":18066},{},[18067,18072,18073],{"type":34,"tag":1008,"props":18068,"children":18069},{},[18070],{"type":40,"value":18071},"PyPI 地址",{"type":40,"value":8046},{"type":34,"tag":72,"props":18074,"children":18077},{"href":18075,"rel":18076},"https:\u002F\u002Fpypi.org\u002Fproject\u002Fheadroom-ai\u002F",[76],[18078],{"type":40,"value":18079},"headroom-ai on PyPI",{"type":34,"tag":126,"props":18081,"children":18082},{},[18083,18088,18089],{"type":34,"tag":1008,"props":18084,"children":18085},{},[18086],{"type":40,"value":18087},"npm 地址",{"type":40,"value":8046},{"type":34,"tag":72,"props":18090,"children":18093},{"href":18091,"rel":18092},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fheadroom-ai",[76],[18094],{"type":40,"value":18095},"headroom-ai on npm",{"type":34,"tag":1548,"props":18097,"children":18098},{},[18099],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":18101},[18102,18108,18109,18110,18111,18116,18117,18118],{"id":16758,"depth":708,"text":16761,"children":18103},[18104,18105,18107],{"id":16793,"depth":733,"text":16793},{"id":16816,"depth":733,"text":18106},"透過 headroom perf 查看驚人節省結果",{"id":2066,"depth":733,"text":2066},{"id":37,"depth":708,"text":37},{"id":16980,"depth":708,"text":16980},{"id":17036,"depth":708,"text":17039},{"id":17131,"depth":708,"text":17131,"children":18112},[18113,18114,18115],{"id":17141,"depth":733,"text":17144},{"id":17203,"depth":733,"text":17206},{"id":17269,"depth":733,"text":17272},{"id":17819,"depth":708,"text":17819},{"id":17949,"depth":708,"text":17952},{"id":4779,"depth":708,"text":4779},"content:articles:headroom.md","articles\u002Fheadroom.md","articles\u002Fheadroom",{"_path":18123,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":18124,"description":18125,"date":18126,"category":18127,"image":6124,"tags":18128,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":18131,"gpu":29,"body":18133,"_type":1569,"_id":19193,"_source":1571,"_file":19194,"_stem":19195,"_extension":1574},"\u002Farticles\u002Ftegaki","Tegaki 手寫文字動畫庫安裝與實測：網頁手寫字動態特效輕鬆實現","想要在網頁中加入自然流暢的手寫字動畫嗎？Tegaki 是一個輕量且易用的 JavaScript 庫，能將任何字型轉換成手寫筆劃動畫。","2026-06-04","Web Dev",[17,14939,18129,18130],"Frontend","JavaScript",[1591,18132],"JS",{"type":31,"children":18134,"toc":19179},[18135,18139,18144,18154,18157,18161,18166,18170,18173,18178,18183,18193,18196,18202,18208,18213,18236,18242,18247,18253,18468,18474,18681,18687,18692,18938,18941,18946,18951,19040,19043,19048,19053,19057,19090,19095,19107,19137,19142,19145,19152,19175],{"type":34,"tag":35,"props":18136,"children":18137},{"id":37},[18138],{"type":40,"value":37},{"type":34,"tag":42,"props":18140,"children":18141},{},[18142],{"type":40,"value":18143},"在網頁設計中，手寫文字動畫（Handwriting Animation）常常能為網頁增添獨特的溫度與動態感。然而，傳統上製作這類動畫非常繁瑣，需要手動繪製 SVG 路徑並計算 stroke-dashoffset，或是依賴大型動畫套件。",{"type":34,"tag":42,"props":18145,"children":18146},{},[18147,18152],{"type":34,"tag":1008,"props":18148,"children":18149},{},[18150],{"type":40,"value":18151},"Tegaki",{"type":40,"value":18153},"（手書き）是一個優雅的開源解決方案，它不需要任何原生依賴，也不需要手動繪製路徑，只要選擇字型，就能自動將文字轉換為按筆劃順序流暢繪製的手寫動畫。",{"type":34,"tag":98,"props":18155,"children":18156},{},[],{"type":34,"tag":35,"props":18158,"children":18159},{"id":12893},[18160],{"type":40,"value":12896},{"type":34,"tag":42,"props":18162,"children":18163},{},[18164],{"type":40,"value":18165},"下面是 我嘗試使用 Tegaki 做的嵌入展示，你可以直接輸入文字、切換字型，並調整動畫引數來即時觀看效果：",{"type":34,"tag":18167,"props":18168,"children":18169},"tegaki-demo",{},[],{"type":34,"tag":98,"props":18171,"children":18172},{},[],{"type":34,"tag":35,"props":18174,"children":18176},{"id":18175},"官方線上生產器",[18177],{"type":40,"value":18175},{"type":34,"tag":42,"props":18179,"children":18180},{},[18181],{"type":40,"value":18182},"也可以直接使用 Tegaki 的官方線上工具。它提供了直覺的視覺化介面，支援即時預覽並能直接匯出設定好的字型與動畫路徑。",{"type":34,"tag":42,"props":18184,"children":18185},{},[18186],{"type":34,"tag":72,"props":18187,"children":18190},{"href":18188,"rel":18189},"https:\u002F\u002Fgkurt.com\u002Ftegaki\u002Fgenerator\u002F",[76],[18191],{"type":40,"value":18192},"點這裡前往 Tegaki 線上生產器",{"type":34,"tag":98,"props":18194,"children":18195},{},[],{"type":34,"tag":35,"props":18197,"children":18199},{"id":18198},"如何在你的專案中使用",[18200],{"type":40,"value":18201},"如何在你的專案中使用？",{"type":34,"tag":1854,"props":18203,"children":18205},{"id":18204},"_1-安裝套件",[18206],{"type":40,"value":18207},"1. 安裝套件",{"type":34,"tag":42,"props":18209,"children":18210},{},[18211],{"type":40,"value":18212},"你可以使用 npm 輕鬆地將 Tegaki 安裝到你的前端專案中：",{"type":34,"tag":243,"props":18214,"children":18216},{"className":245,"code":18215,"language":247,"meta":8,"style":8},"npm install tegaki\n",[18217],{"type":34,"tag":58,"props":18218,"children":18219},{"__ignoreMap":8},[18220],{"type":34,"tag":253,"props":18221,"children":18222},{"class":255,"line":256},[18223,18227,18231],{"type":34,"tag":253,"props":18224,"children":18225},{"style":260},[18226],{"type":40,"value":8176},{"type":34,"tag":253,"props":18228,"children":18229},{"style":271},[18230],{"type":40,"value":3698},{"type":34,"tag":253,"props":18232,"children":18233},{"style":271},[18234],{"type":40,"value":18235}," tegaki\n",{"type":34,"tag":1854,"props":18237,"children":18239},{"id":18238},"_2-框架整合與基本使用",[18240],{"type":40,"value":18241},"2. 框架整合與基本使用",{"type":34,"tag":42,"props":18243,"children":18244},{},[18245],{"type":40,"value":18246},"Tegaki 對目前主流的前端框架（React、Vue、Svelte、SolidJS、Astro）都提供了開箱即用的元件支援。",{"type":34,"tag":16081,"props":18248,"children":18250},{"id":18249},"react-使用範例",[18251],{"type":40,"value":18252},"React 使用範例",{"type":34,"tag":243,"props":18254,"children":18258},{"className":18255,"code":18256,"language":18257,"meta":8,"style":8},"language-jsx shiki shiki-themes one-dark-pro","import { TegakiRenderer } from 'tegaki\u002Freact';\nimport caveat from 'tegaki\u002Ffonts\u002Fcaveat';\n\nfunction App() {\n  return (\n    \u003CTegakiRenderer font={caveat} style={{ fontSize: '48px' }}>\n      Hello World\n    \u003C\u002FTegakiRenderer>\n  );\n}\n","jsx",[18259],{"type":34,"tag":58,"props":18260,"children":18261},{"__ignoreMap":8},[18262,18295,18321,18328,18344,18356,18422,18436,18453,18461],{"type":34,"tag":253,"props":18263,"children":18264},{"class":255,"line":256},[18265,18269,18273,18278,18282,18286,18291],{"type":34,"tag":253,"props":18266,"children":18267},{"style":11204},[18268],{"type":40,"value":11207},{"type":34,"tag":253,"props":18270,"children":18271},{"style":370},[18272],{"type":40,"value":13181},{"type":34,"tag":253,"props":18274,"children":18275},{"style":712},[18276],{"type":40,"value":18277},"TegakiRenderer",{"type":34,"tag":253,"props":18279,"children":18280},{"style":370},[18281],{"type":40,"value":13190},{"type":34,"tag":253,"props":18283,"children":18284},{"style":11204},[18285],{"type":40,"value":11220},{"type":34,"tag":253,"props":18287,"children":18288},{"style":271},[18289],{"type":40,"value":18290}," 'tegaki\u002Freact'",{"type":34,"tag":253,"props":18292,"children":18293},{"style":370},[18294],{"type":40,"value":17641},{"type":34,"tag":253,"props":18296,"children":18297},{"class":255,"line":708},[18298,18302,18307,18312,18317],{"type":34,"tag":253,"props":18299,"children":18300},{"style":11204},[18301],{"type":40,"value":11207},{"type":34,"tag":253,"props":18303,"children":18304},{"style":712},[18305],{"type":40,"value":18306}," caveat",{"type":34,"tag":253,"props":18308,"children":18309},{"style":11204},[18310],{"type":40,"value":18311}," from",{"type":34,"tag":253,"props":18313,"children":18314},{"style":271},[18315],{"type":40,"value":18316}," 'tegaki\u002Ffonts\u002Fcaveat'",{"type":34,"tag":253,"props":18318,"children":18319},{"style":370},[18320],{"type":40,"value":17641},{"type":34,"tag":253,"props":18322,"children":18323},{"class":255,"line":733},[18324],{"type":34,"tag":253,"props":18325,"children":18326},{"emptyLinePlaceholder":24},[18327],{"type":40,"value":5053},{"type":34,"tag":253,"props":18329,"children":18330},{"class":255,"line":755},[18331,18335,18340],{"type":34,"tag":253,"props":18332,"children":18333},{"style":11204},[18334],{"type":40,"value":13214},{"type":34,"tag":253,"props":18336,"children":18337},{"style":260},[18338],{"type":40,"value":18339}," App",{"type":34,"tag":253,"props":18341,"children":18342},{"style":370},[18343],{"type":40,"value":13224},{"type":34,"tag":253,"props":18345,"children":18346},{"class":255,"line":777},[18347,18351],{"type":34,"tag":253,"props":18348,"children":18349},{"style":11204},[18350],{"type":40,"value":13276},{"type":34,"tag":253,"props":18352,"children":18353},{"style":370},[18354],{"type":40,"value":18355}," (\n",{"type":34,"tag":253,"props":18357,"children":18358},{"class":255,"line":795},[18359,18364,18368,18373,18377,18381,18386,18390,18395,18399,18403,18408,18413,18417],{"type":34,"tag":253,"props":18360,"children":18361},{"style":370},[18362],{"type":40,"value":18363},"    \u003C",{"type":34,"tag":253,"props":18365,"children":18366},{"style":13239},[18367],{"type":40,"value":18277},{"type":34,"tag":253,"props":18369,"children":18370},{"style":13289},[18371],{"type":40,"value":18372}," font",{"type":34,"tag":253,"props":18374,"children":18375},{"style":5037},[18376],{"type":40,"value":11275},{"type":34,"tag":253,"props":18378,"children":18379},{"style":11204},[18380],{"type":40,"value":11724},{"type":34,"tag":253,"props":18382,"children":18383},{"style":712},[18384],{"type":40,"value":18385},"caveat",{"type":34,"tag":253,"props":18387,"children":18388},{"style":11204},[18389],{"type":40,"value":11734},{"type":34,"tag":253,"props":18391,"children":18392},{"style":13289},[18393],{"type":40,"value":18394}," style",{"type":34,"tag":253,"props":18396,"children":18397},{"style":5037},[18398],{"type":40,"value":11275},{"type":34,"tag":253,"props":18400,"children":18401},{"style":11204},[18402],{"type":40,"value":11724},{"type":34,"tag":253,"props":18404,"children":18405},{"style":370},[18406],{"type":40,"value":18407},"{ ",{"type":34,"tag":253,"props":18409,"children":18410},{"style":712},[18411],{"type":40,"value":18412},"fontSize",{"type":34,"tag":253,"props":18414,"children":18415},{"style":370},[18416],{"type":40,"value":720},{"type":34,"tag":253,"props":18418,"children":18419},{"style":271},[18420],{"type":40,"value":18421},"'48px' }}>\n",{"type":34,"tag":253,"props":18423,"children":18424},{"class":255,"line":5085},[18425,18430],{"type":34,"tag":253,"props":18426,"children":18427},{"style":271},[18428],{"type":40,"value":18429},"      Hello Worl",{"type":34,"tag":253,"props":18431,"children":18433},{"style":18432},"--shiki-default:#FFFFFF",[18434],{"type":40,"value":18435},"d\n",{"type":34,"tag":253,"props":18437,"children":18438},{"class":255,"line":5094},[18439,18444,18448],{"type":34,"tag":253,"props":18440,"children":18441},{"style":5037},[18442],{"type":40,"value":18443},"    \u003C\u002F",{"type":34,"tag":253,"props":18445,"children":18446},{"style":712},[18447],{"type":40,"value":18277},{"type":34,"tag":253,"props":18449,"children":18450},{"style":5037},[18451],{"type":40,"value":18452},">\n",{"type":34,"tag":253,"props":18454,"children":18455},{"class":255,"line":5117},[18456],{"type":34,"tag":253,"props":18457,"children":18458},{"style":370},[18459],{"type":40,"value":18460},"  );\n",{"type":34,"tag":253,"props":18462,"children":18463},{"class":255,"line":5125},[18464],{"type":34,"tag":253,"props":18465,"children":18466},{"style":370},[18467],{"type":40,"value":801},{"type":34,"tag":16081,"props":18469,"children":18471},{"id":18470},"vue-3-nuxt-3-使用範例",[18472],{"type":40,"value":18473},"Vue 3 \u002F Nuxt 3 使用範例",{"type":34,"tag":243,"props":18475,"children":18479},{"className":18476,"code":18477,"language":18478,"meta":8,"style":8},"language-vue shiki shiki-themes one-dark-pro","\u003Cscript setup>\nimport { TegakiRenderer } from 'tegaki\u002Fvue';\nimport caveat from 'tegaki\u002Ffonts\u002Fcaveat';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTegakiRenderer :font=\"caveat\" style=\"font-size: 48px;\">\n    Hello World\n  \u003C\u002FTegakiRenderer>\n\u003C\u002Ftemplate>\n","vue",[18480],{"type":34,"tag":58,"props":18481,"children":18482},{"__ignoreMap":8},[18483,18505,18537,18560,18576,18583,18599,18642,18650,18666],{"type":34,"tag":253,"props":18484,"children":18485},{"class":255,"line":256},[18486,18491,18496,18501],{"type":34,"tag":253,"props":18487,"children":18488},{"style":370},[18489],{"type":40,"value":18490},"\u003C",{"type":34,"tag":253,"props":18492,"children":18493},{"style":712},[18494],{"type":40,"value":18495},"script",{"type":34,"tag":253,"props":18497,"children":18498},{"style":265},[18499],{"type":40,"value":18500}," setup",{"type":34,"tag":253,"props":18502,"children":18503},{"style":370},[18504],{"type":40,"value":18452},{"type":34,"tag":253,"props":18506,"children":18507},{"class":255,"line":708},[18508,18512,18516,18520,18524,18528,18533],{"type":34,"tag":253,"props":18509,"children":18510},{"style":11204},[18511],{"type":40,"value":11207},{"type":34,"tag":253,"props":18513,"children":18514},{"style":370},[18515],{"type":40,"value":13181},{"type":34,"tag":253,"props":18517,"children":18518},{"style":712},[18519],{"type":40,"value":18277},{"type":34,"tag":253,"props":18521,"children":18522},{"style":370},[18523],{"type":40,"value":13190},{"type":34,"tag":253,"props":18525,"children":18526},{"style":11204},[18527],{"type":40,"value":11220},{"type":34,"tag":253,"props":18529,"children":18530},{"style":271},[18531],{"type":40,"value":18532}," 'tegaki\u002Fvue'",{"type":34,"tag":253,"props":18534,"children":18535},{"style":370},[18536],{"type":40,"value":17641},{"type":34,"tag":253,"props":18538,"children":18539},{"class":255,"line":733},[18540,18544,18548,18552,18556],{"type":34,"tag":253,"props":18541,"children":18542},{"style":11204},[18543],{"type":40,"value":11207},{"type":34,"tag":253,"props":18545,"children":18546},{"style":712},[18547],{"type":40,"value":18306},{"type":34,"tag":253,"props":18549,"children":18550},{"style":11204},[18551],{"type":40,"value":18311},{"type":34,"tag":253,"props":18553,"children":18554},{"style":271},[18555],{"type":40,"value":18316},{"type":34,"tag":253,"props":18557,"children":18558},{"style":370},[18559],{"type":40,"value":17641},{"type":34,"tag":253,"props":18561,"children":18562},{"class":255,"line":755},[18563,18568,18572],{"type":34,"tag":253,"props":18564,"children":18565},{"style":370},[18566],{"type":40,"value":18567},"\u003C\u002F",{"type":34,"tag":253,"props":18569,"children":18570},{"style":712},[18571],{"type":40,"value":18495},{"type":34,"tag":253,"props":18573,"children":18574},{"style":370},[18575],{"type":40,"value":18452},{"type":34,"tag":253,"props":18577,"children":18578},{"class":255,"line":777},[18579],{"type":34,"tag":253,"props":18580,"children":18581},{"emptyLinePlaceholder":24},[18582],{"type":40,"value":5053},{"type":34,"tag":253,"props":18584,"children":18585},{"class":255,"line":795},[18586,18590,18595],{"type":34,"tag":253,"props":18587,"children":18588},{"style":370},[18589],{"type":40,"value":18490},{"type":34,"tag":253,"props":18591,"children":18592},{"style":712},[18593],{"type":40,"value":18594},"template",{"type":34,"tag":253,"props":18596,"children":18597},{"style":370},[18598],{"type":40,"value":18452},{"type":34,"tag":253,"props":18600,"children":18601},{"class":255,"line":5085},[18602,18607,18611,18616,18620,18625,18629,18633,18638],{"type":34,"tag":253,"props":18603,"children":18604},{"style":370},[18605],{"type":40,"value":18606},"  \u003C",{"type":34,"tag":253,"props":18608,"children":18609},{"style":712},[18610],{"type":40,"value":18277},{"type":34,"tag":253,"props":18612,"children":18613},{"style":265},[18614],{"type":40,"value":18615}," :font",{"type":34,"tag":253,"props":18617,"children":18618},{"style":370},[18619],{"type":40,"value":11275},{"type":34,"tag":253,"props":18621,"children":18622},{"style":271},[18623],{"type":40,"value":18624},"\"caveat\"",{"type":34,"tag":253,"props":18626,"children":18627},{"style":265},[18628],{"type":40,"value":18394},{"type":34,"tag":253,"props":18630,"children":18631},{"style":370},[18632],{"type":40,"value":11275},{"type":34,"tag":253,"props":18634,"children":18635},{"style":271},[18636],{"type":40,"value":18637},"\"font-size: 48px;\"",{"type":34,"tag":253,"props":18639,"children":18640},{"style":370},[18641],{"type":40,"value":18452},{"type":34,"tag":253,"props":18643,"children":18644},{"class":255,"line":5094},[18645],{"type":34,"tag":253,"props":18646,"children":18647},{"style":370},[18648],{"type":40,"value":18649},"    Hello World\n",{"type":34,"tag":253,"props":18651,"children":18652},{"class":255,"line":5117},[18653,18658,18662],{"type":34,"tag":253,"props":18654,"children":18655},{"style":370},[18656],{"type":40,"value":18657},"  \u003C\u002F",{"type":34,"tag":253,"props":18659,"children":18660},{"style":712},[18661],{"type":40,"value":18277},{"type":34,"tag":253,"props":18663,"children":18664},{"style":370},[18665],{"type":40,"value":18452},{"type":34,"tag":253,"props":18667,"children":18668},{"class":255,"line":5125},[18669,18673,18677],{"type":34,"tag":253,"props":18670,"children":18671},{"style":370},[18672],{"type":40,"value":18567},{"type":34,"tag":253,"props":18674,"children":18675},{"style":712},[18676],{"type":40,"value":18594},{"type":34,"tag":253,"props":18678,"children":18679},{"style":370},[18680],{"type":40,"value":18452},{"type":34,"tag":16081,"props":18682,"children":18684},{"id":18683},"vanilla-js-使用範例",[18685],{"type":40,"value":18686},"Vanilla JS 使用範例",{"type":34,"tag":42,"props":18688,"children":18689},{},[18690],{"type":40,"value":18691},"如果你使用的是純 JavaScript 生態，可以使用 Core 引擎來手動控制：",{"type":34,"tag":243,"props":18693,"children":18695},{"className":13163,"code":18694,"language":13165,"meta":8,"style":8},"import { TegakiEngine } from 'tegaki\u002Fcore';\nimport caveat from 'tegaki\u002Ffonts\u002Fcaveat';\n\nconst container = document.getElementById('my-container');\nconst engine = new TegakiEngine(container, {\n  font: caveat,\n  text: 'Hello World',\n  fontSize: 48\n});\n\nengine.play();\n",[18696],{"type":34,"tag":58,"props":18697,"children":18698},{"__ignoreMap":8},[18699,18732,18755,18762,18805,18844,18864,18885,18902,18910,18917],{"type":34,"tag":253,"props":18700,"children":18701},{"class":255,"line":256},[18702,18706,18710,18715,18719,18723,18728],{"type":34,"tag":253,"props":18703,"children":18704},{"style":11204},[18705],{"type":40,"value":11207},{"type":34,"tag":253,"props":18707,"children":18708},{"style":370},[18709],{"type":40,"value":13181},{"type":34,"tag":253,"props":18711,"children":18712},{"style":712},[18713],{"type":40,"value":18714},"TegakiEngine",{"type":34,"tag":253,"props":18716,"children":18717},{"style":370},[18718],{"type":40,"value":13190},{"type":34,"tag":253,"props":18720,"children":18721},{"style":11204},[18722],{"type":40,"value":11220},{"type":34,"tag":253,"props":18724,"children":18725},{"style":271},[18726],{"type":40,"value":18727}," 'tegaki\u002Fcore'",{"type":34,"tag":253,"props":18729,"children":18730},{"style":370},[18731],{"type":40,"value":17641},{"type":34,"tag":253,"props":18733,"children":18734},{"class":255,"line":708},[18735,18739,18743,18747,18751],{"type":34,"tag":253,"props":18736,"children":18737},{"style":11204},[18738],{"type":40,"value":11207},{"type":34,"tag":253,"props":18740,"children":18741},{"style":712},[18742],{"type":40,"value":18306},{"type":34,"tag":253,"props":18744,"children":18745},{"style":11204},[18746],{"type":40,"value":18311},{"type":34,"tag":253,"props":18748,"children":18749},{"style":271},[18750],{"type":40,"value":18316},{"type":34,"tag":253,"props":18752,"children":18753},{"style":370},[18754],{"type":40,"value":17641},{"type":34,"tag":253,"props":18756,"children":18757},{"class":255,"line":733},[18758],{"type":34,"tag":253,"props":18759,"children":18760},{"emptyLinePlaceholder":24},[18761],{"type":40,"value":5053},{"type":34,"tag":253,"props":18763,"children":18764},{"class":255,"line":755},[18765,18769,18774,18778,18783,18787,18792,18796,18801],{"type":34,"tag":253,"props":18766,"children":18767},{"style":11204},[18768],{"type":40,"value":17656},{"type":34,"tag":253,"props":18770,"children":18771},{"style":13239},[18772],{"type":40,"value":18773}," container",{"type":34,"tag":253,"props":18775,"children":18776},{"style":5037},[18777],{"type":40,"value":12399},{"type":34,"tag":253,"props":18779,"children":18780},{"style":13239},[18781],{"type":40,"value":18782}," document",{"type":34,"tag":253,"props":18784,"children":18785},{"style":370},[18786],{"type":40,"value":17795},{"type":34,"tag":253,"props":18788,"children":18789},{"style":260},[18790],{"type":40,"value":18791},"getElementById",{"type":34,"tag":253,"props":18793,"children":18794},{"style":370},[18795],{"type":40,"value":11567},{"type":34,"tag":253,"props":18797,"children":18798},{"style":271},[18799],{"type":40,"value":18800},"'my-container'",{"type":34,"tag":253,"props":18802,"children":18803},{"style":370},[18804],{"type":40,"value":17813},{"type":34,"tag":253,"props":18806,"children":18807},{"class":255,"line":777},[18808,18812,18817,18821,18825,18830,18834,18839],{"type":34,"tag":253,"props":18809,"children":18810},{"style":11204},[18811],{"type":40,"value":17656},{"type":34,"tag":253,"props":18813,"children":18814},{"style":13239},[18815],{"type":40,"value":18816}," engine",{"type":34,"tag":253,"props":18818,"children":18819},{"style":5037},[18820],{"type":40,"value":12399},{"type":34,"tag":253,"props":18822,"children":18823},{"style":11204},[18824],{"type":40,"value":17670},{"type":34,"tag":253,"props":18826,"children":18827},{"style":260},[18828],{"type":40,"value":18829}," TegakiEngine",{"type":34,"tag":253,"props":18831,"children":18832},{"style":370},[18833],{"type":40,"value":11567},{"type":34,"tag":253,"props":18835,"children":18836},{"style":712},[18837],{"type":40,"value":18838},"container",{"type":34,"tag":253,"props":18840,"children":18841},{"style":370},[18842],{"type":40,"value":18843},", {\n",{"type":34,"tag":253,"props":18845,"children":18846},{"class":255,"line":795},[18847,18852,18856,18860],{"type":34,"tag":253,"props":18848,"children":18849},{"style":712},[18850],{"type":40,"value":18851},"  font",{"type":34,"tag":253,"props":18853,"children":18854},{"style":370},[18855],{"type":40,"value":720},{"type":34,"tag":253,"props":18857,"children":18858},{"style":712},[18859],{"type":40,"value":18385},{"type":34,"tag":253,"props":18861,"children":18862},{"style":370},[18863],{"type":40,"value":730},{"type":34,"tag":253,"props":18865,"children":18866},{"class":255,"line":5085},[18867,18872,18876,18881],{"type":34,"tag":253,"props":18868,"children":18869},{"style":712},[18870],{"type":40,"value":18871},"  text",{"type":34,"tag":253,"props":18873,"children":18874},{"style":370},[18875],{"type":40,"value":720},{"type":34,"tag":253,"props":18877,"children":18878},{"style":271},[18879],{"type":40,"value":18880},"'Hello World'",{"type":34,"tag":253,"props":18882,"children":18883},{"style":370},[18884],{"type":40,"value":730},{"type":34,"tag":253,"props":18886,"children":18887},{"class":255,"line":5094},[18888,18893,18897],{"type":34,"tag":253,"props":18889,"children":18890},{"style":712},[18891],{"type":40,"value":18892},"  fontSize",{"type":34,"tag":253,"props":18894,"children":18895},{"style":370},[18896],{"type":40,"value":720},{"type":34,"tag":253,"props":18898,"children":18899},{"style":265},[18900],{"type":40,"value":18901},"48\n",{"type":34,"tag":253,"props":18903,"children":18904},{"class":255,"line":5117},[18905],{"type":34,"tag":253,"props":18906,"children":18907},{"style":370},[18908],{"type":40,"value":18909},"});\n",{"type":34,"tag":253,"props":18911,"children":18912},{"class":255,"line":5125},[18913],{"type":34,"tag":253,"props":18914,"children":18915},{"emptyLinePlaceholder":24},[18916],{"type":40,"value":5053},{"type":34,"tag":253,"props":18918,"children":18919},{"class":255,"line":5134},[18920,18925,18929,18934],{"type":34,"tag":253,"props":18921,"children":18922},{"style":13239},[18923],{"type":40,"value":18924},"engine",{"type":34,"tag":253,"props":18926,"children":18927},{"style":370},[18928],{"type":40,"value":17795},{"type":34,"tag":253,"props":18930,"children":18931},{"style":260},[18932],{"type":40,"value":18933},"play",{"type":34,"tag":253,"props":18935,"children":18936},{"style":370},[18937],{"type":40,"value":17679},{"type":34,"tag":98,"props":18939,"children":18940},{},[],{"type":34,"tag":35,"props":18942,"children":18944},{"id":18943},"內建字型支援",[18945],{"type":40,"value":18943},{"type":34,"tag":42,"props":18947,"children":18948},{},[18949],{"type":40,"value":18950},"Tegaki 已經內建整合了多款常用的開源手寫字型，可直接匯入使用：",{"type":34,"tag":122,"props":18952,"children":18953},{},[18954,18972,18989,19006,19023],{"type":34,"tag":126,"props":18955,"children":18956},{},[18957,18962,18964,18970],{"type":34,"tag":1008,"props":18958,"children":18959},{},[18960],{"type":40,"value":18961},"Caveat",{"type":40,"value":18963}," (",{"type":34,"tag":58,"props":18965,"children":18967},{"className":18966},[],[18968],{"type":40,"value":18969},"tegaki\u002Ffonts\u002Fcaveat",{"type":40,"value":18971},") - 常用拉丁手寫字型",{"type":34,"tag":126,"props":18973,"children":18974},{},[18975,18980,18981,18987],{"type":34,"tag":1008,"props":18976,"children":18977},{},[18978],{"type":40,"value":18979},"Italianno",{"type":40,"value":18963},{"type":34,"tag":58,"props":18982,"children":18984},{"className":18983},[],[18985],{"type":40,"value":18986},"tegaki\u002Ffonts\u002Fitalianno",{"type":40,"value":18988},") - 優雅的手寫藝術字型",{"type":34,"tag":126,"props":18990,"children":18991},{},[18992,18997,18998,19004],{"type":34,"tag":1008,"props":18993,"children":18994},{},[18995],{"type":40,"value":18996},"Tangerine",{"type":40,"value":18963},{"type":34,"tag":58,"props":18999,"children":19001},{"className":19000},[],[19002],{"type":40,"value":19003},"tegaki\u002Ffonts\u002Ftangerine",{"type":40,"value":19005},") - 經典花體字型",{"type":34,"tag":126,"props":19007,"children":19008},{},[19009,19014,19015,19021],{"type":34,"tag":1008,"props":19010,"children":19011},{},[19012],{"type":40,"value":19013},"Parisienne",{"type":40,"value":18963},{"type":34,"tag":58,"props":19016,"children":19018},{"className":19017},[],[19019],{"type":40,"value":19020},"tegaki\u002Ffonts\u002Fparisienne",{"type":40,"value":19022},") - 法式浪漫風格字型",{"type":34,"tag":126,"props":19024,"children":19025},{},[19026,19031,19032,19038],{"type":34,"tag":1008,"props":19027,"children":19028},{},[19029],{"type":40,"value":19030},"Klee One",{"type":40,"value":18963},{"type":34,"tag":58,"props":19033,"children":19035},{"className":19034},[],[19036],{"type":40,"value":19037},"tegaki\u002Ffonts\u002Fklee-one",{"type":40,"value":19039},") - 日文字型（支援平假名、片假名與部分常用漢字）",{"type":34,"tag":98,"props":19041,"children":19042},{},[],{"type":34,"tag":35,"props":19044,"children":19046},{"id":19045},"個人使用心得與限制",[19047],{"type":40,"value":19045},{"type":34,"tag":42,"props":19049,"children":19050},{},[19051],{"type":40,"value":19052},"在使用 Tegaki 進行了幾次測試後，我認為這個工具有以下幾個非常顯著的優缺點：",{"type":34,"tag":1854,"props":19054,"children":19055},{"id":17960},[19056],{"type":40,"value":17960},{"type":34,"tag":177,"props":19058,"children":19059},{},[19060,19070,19080],{"type":34,"tag":126,"props":19061,"children":19062},{},[19063,19068],{"type":34,"tag":1008,"props":19064,"children":19065},{},[19066],{"type":40,"value":19067},"極速上手",{"type":40,"value":19069},"：完全不需要手動調校 SVG 的路徑（Path），直接傳入文字與字型檔即可運作，開發成本極低。",{"type":34,"tag":126,"props":19071,"children":19072},{},[19073,19078],{"type":34,"tag":1008,"props":19074,"children":19075},{},[19076],{"type":40,"value":19077},"效果出色",{"type":40,"value":19079},"：生成的筆劃順序與速度非常自然，帶有真實的手寫動態感。",{"type":34,"tag":126,"props":19081,"children":19082},{},[19083,19088],{"type":34,"tag":1008,"props":19084,"children":19085},{},[19086],{"type":40,"value":19087},"框架相容性佳",{"type":40,"value":19089},"：提供了各種主流框架的包裝，基本上幾行程式碼就能直接插入現有的專案中。",{"type":34,"tag":1854,"props":19091,"children":19093},{"id":19092},"限制與中文實現的痛點",[19094],{"type":40,"value":19092},{"type":34,"tag":42,"props":19096,"children":19097},{},[19098,19100,19105],{"type":40,"value":19099},"雖然 Tegaki 是一款非常優秀的工具，但在面對",{"type":34,"tag":1008,"props":19101,"children":19102},{},[19103],{"type":40,"value":19104},"中文字",{"type":40,"value":19106},"時會遇到極大的技術瓶頸：",{"type":34,"tag":122,"props":19108,"children":19109},{},[19110,19120],{"type":34,"tag":126,"props":19111,"children":19112},{},[19113,19118],{"type":34,"tag":1008,"props":19114,"children":19115},{},[19116],{"type":40,"value":19117},"筆劃結構過於複雜",{"type":40,"value":19119},"：英文字母（26 個大小寫字母）的筆劃與路徑非常固定且簡單，可以輕鬆透過預先處理將其向量路徑與筆劃順序打包。然而中文的常用字多達數千個，且每個字的筆劃結構、轉折都極度複雜。",{"type":34,"tag":126,"props":19121,"children":19122},{},[19123,19128,19130,19135],{"type":34,"tag":1008,"props":19124,"children":19125},{},[19126],{"type":40,"value":19127},"筆順各異難以實現",{"type":40,"value":19129},"：中文每個字的筆劃軌跡都不同，目前在 Tegaki 這種依賴預先建模或字型筆劃分析的演算法下，要完美解析並還原成正確的中文筆順，基本上難以實現。即便內建的日文字型 ",{"type":34,"tag":58,"props":19131,"children":19133},{"className":19132},[],[19134],{"type":40,"value":19030},{"type":40,"value":19136}," 能支援部分漢字，但在純中文字的展示上，依然會面臨嚴重的缺字或是筆劃動畫順序錯亂的問題。",{"type":34,"tag":42,"props":19138,"children":19139},{},[19140],{"type":40,"value":19141},"因此，如果你主要是要製作英文、數字或是簡單日文的手寫動畫，Tegaki 絕對是目前最頂級且輕量的選擇；但若是想應用在繁體或簡體中文的標題上，目前可能還是需要尋求其他手動繪製 SVG 路徑的方式。",{"type":34,"tag":98,"props":19143,"children":19144},{},[],{"type":34,"tag":42,"props":19146,"children":19147},{},[19148],{"type":34,"tag":1008,"props":19149,"children":19150},{},[19151],{"type":40,"value":1514},{"type":34,"tag":122,"props":19153,"children":19154},{},[19155,19165],{"type":34,"tag":126,"props":19156,"children":19157},{},[19158],{"type":34,"tag":72,"props":19159,"children":19162},{"href":19160,"rel":19161},"https:\u002F\u002Fgithub.com\u002FKurtGokhan\u002Ftegaki",[76],[19163],{"type":40,"value":19164},"Tegaki GitHub 倉庫",{"type":34,"tag":126,"props":19166,"children":19167},{},[19168],{"type":34,"tag":72,"props":19169,"children":19172},{"href":19170,"rel":19171},"https:\u002F\u002Fgkurt.com\u002Ftegaki\u002F",[76],[19173],{"type":40,"value":19174},"Tegaki 官方文件",{"type":34,"tag":1548,"props":19176,"children":19177},{},[19178],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":19180},[19181,19182,19183,19184,19188,19189],{"id":37,"depth":708,"text":37},{"id":12893,"depth":708,"text":12896},{"id":18175,"depth":708,"text":18175},{"id":18198,"depth":708,"text":18201,"children":19185},[19186,19187],{"id":18204,"depth":733,"text":18207},{"id":18238,"depth":733,"text":18241},{"id":18943,"depth":708,"text":18943},{"id":19045,"depth":708,"text":19045,"children":19190},[19191,19192],{"id":17960,"depth":733,"text":17960},{"id":19092,"depth":733,"text":19092},"content:articles:tegaki.md","articles\u002Ftegaki.md","articles\u002Ftegaki",{"_path":19197,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":19198,"description":19199,"date":19200,"category":12,"image":19201,"tags":19202,"series":1585,"readingTime":13968,"difficulty":23,"local":24,"platforms":19204,"gpu":29,"body":19205,"_type":1569,"_id":19652,"_source":1571,"_file":19653,"_stem":19654,"_extension":1574},"\u002Farticles\u002Fccswitch2","CC Switch 延伸應用：手機遠端控制電腦與 Codex 增強模式實測","如何利用 CC Switch v3.16.1+ 獨家功能，在保留 Codex 官方行動端登入態與遠端操控能力的同時，將實際模型請求路由至 DeepSeek 等第三方 API？手把手帶你實現手機控制電腦的 AI Agent 體驗。","2026-06-02","\u002Fimages\u002F步驟六重啟codex即可完成設定回手機端試試看吧.jpg",[15,446,20,19203,10789],"CC Switch",[26,27,28],{"type":31,"children":19206,"toc":19634},[19207,19211,19216,19221,19226,19230,19253,19256,19262,19267,19290,19295,19300,19303,19308,19313,19319,19324,19342,19348,19353,19371,19389,19395,19400,19418,19436,19442,19447,19465,19483,19489,19494,19512,19530,19536,19548,19565,19568,19573,19579,19592,19598,19611,19617,19622,19625,19629],{"type":34,"tag":35,"props":19208,"children":19209},{"id":37},[19210],{"type":40,"value":37},{"type":34,"tag":42,"props":19212,"children":19213},{},[19214],{"type":40,"value":19215},"在前一篇文章中，我們介紹了如何使用 CC Switch 在本機路由 AI CLI 的請求，讓開發者得以自備 API 金鑰，使用 DeepSeek 等高性價比模型進行程式開發。然而，許多重度使用者在切換到第三方模型時，面臨了一個尷尬的抉擇：一旦使用自備金鑰，就必須覆蓋原有的官方登入快取，這會導致 Codex 官方應用程式所提供的行動端遠端控制電腦、官方插件等強大功能完全失效。",{"type":34,"tag":42,"props":19217,"children":19218},{},[19219],{"type":40,"value":19220},"如果你希望出門在外時，能直接透過手機呼叫 AI 代理操作電腦（類似開源的 Hermes Agent 體驗），同時又不想支付高昂的官方訂閱費用，而是希望能將背後的推理模型導向便宜且強大如 DeepSeek & openrouter等，那麼 CC Switch v3.16.1 推出的 Codex 應用增強開關就是最完美的解決方案，CC switch作者Jason大大太神了！！",{"type":34,"tag":42,"props":19222,"children":19223},{},[19224],{"type":40,"value":19225},"以下為我們透過手機端成功遠端呼叫 Codex 並操控電腦運作的實際效果展示：",{"type":34,"tag":112,"props":19227,"children":19229},{"src":19228},"\u002Fvideos\u002F手機端控制codex.mp4",[],{"type":34,"tag":122,"props":19231,"children":19232},{},[19233,19243],{"type":34,"tag":126,"props":19234,"children":19235},{},[19236],{"type":34,"tag":72,"props":19237,"children":19240},{"href":19238,"rel":19239},"https:\u002F\u002Fccswitch.io\u002Fzh\u002F",[76],[19241],{"type":40,"value":19242},"CC Switch 官方網站",{"type":34,"tag":126,"props":19244,"children":19245},{},[19246],{"type":34,"tag":72,"props":19247,"children":19250},{"href":19248,"rel":19249},"https:\u002F\u002Fgithub.com\u002Ffarion1231\u002Fcc-switch",[76],[19251],{"type":40,"value":19252},"CC Switch GitHub 倉庫",{"type":34,"tag":98,"props":19254,"children":19255},{},[],{"type":34,"tag":35,"props":19257,"children":19259},{"id":19258},"核心原理authjson-與-configtoml-的分離機制",[19260],{"type":40,"value":19261},"核心原理：auth.json 與 config.toml 的分離機制",{"type":34,"tag":42,"props":19263,"children":19264},{},[19265],{"type":40,"value":19266},"要理解這項功能如何運作，我們必須先解析 Codex 在本機的設定檔配置結構。Codex 主要依賴兩個檔案來儲存其運行所需的資訊：",{"type":34,"tag":177,"props":19268,"children":19269},{},[19270,19280],{"type":34,"tag":126,"props":19271,"children":19272},{},[19273,19278],{"type":34,"tag":1008,"props":19274,"children":19275},{},[19276],{"type":40,"value":19277},"auth.json",{"type":40,"value":19279},"：儲存官方的登入快取與 Access Token。這是 Codex 官方行動端 App 用來驗證使用者身份、建立安全通道，並將手機輸入的指令遠端傳輸至本機電腦所必需的登入材料。",{"type":34,"tag":126,"props":19281,"children":19282},{},[19283,19288],{"type":34,"tag":1008,"props":19284,"children":19285},{},[19286],{"type":40,"value":19287},"config.toml",{"type":40,"value":19289},"：儲存當前的模型供應商、Base URL、模型清單以及相關 API 金鑰。這部分決定了當 CLI 收到代碼編輯或指令執行請求時，該向哪一個 API 伺服器發送請求。",{"type":34,"tag":42,"props":19291,"children":19292},{},[19293],{"type":40,"value":19294},"在舊版本的 CC Switch 中，切換到第三方供應商會同時覆寫這兩個檔案，導致官方登入態消失。而在 v3.16.1+ 版本中，開啟「切換第三方時保留官方登入」開關後，切換行為將被限制為僅寫入 config.toml，並保留 auth.json 的官方憑證。",{"type":34,"tag":42,"props":19296,"children":19297},{},[19298],{"type":40,"value":19299},"如此一來，行動端 App 與遠端中繼伺服器依然會將你的電腦視為「官方帳號在線」，但當請求送達你的電腦時，實際執行的模型流量會被路由至 CC Switch 代理，並轉換為你的自備 DeepSeek 或其他第三方模型 API 進行推理。",{"type":34,"tag":98,"props":19301,"children":19302},{},[],{"type":34,"tag":35,"props":19304,"children":19306},{"id":19305},"手把手安裝與配置教學",[19307],{"type":40,"value":19305},{"type":34,"tag":42,"props":19309,"children":19310},{},[19311],{"type":40,"value":19312},"以下我們將一步步引導你設定 CC Switch 與 Codex，以達成「手機控制電腦 + 自備 API 模型」的完整流程。",{"type":34,"tag":1854,"props":19314,"children":19316},{"id":19315},"步驟一確認-cc-switch-軟體版本",[19317],{"type":40,"value":19318},"步驟一：確認 CC Switch 軟體版本",{"type":34,"tag":42,"props":19320,"children":19321},{},[19322],{"type":40,"value":19323},"請先點擊 CC Switch 左側選單的「設定」，並切換至「關於」分頁，確認目前的軟體版本在 v3.16.1 或以上。如果版本過舊，請點擊更新按鈕升級至最新版本。",{"type":34,"tag":565,"props":19325,"children":19327},{"className":19326},[568,569,570,571,572,573,574],[19328,19329,19335,19336],{"type":40,"value":577},{"type":34,"tag":579,"props":19330,"children":19334},{"src":19331,"alt":19332,"className":19333},"\u002Fimages\u002F步驟一進入設定%22關於%22版本需要在3.16.1以上可直接更新.jpg","確認 CC Switch 版本",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19337,"children":19339},{"className":19338},[590,591,592,593,594,595],[19340],{"type":40,"value":19341},"確認版本為 v3.16.1 以上以啟用應用增強開關",{"type":34,"tag":1854,"props":19343,"children":19345},{"id":19344},"步驟二完成官方-openai-帳號登入",[19346],{"type":40,"value":19347},"步驟二：完成官方 OpenAI 帳號登入",{"type":34,"tag":42,"props":19349,"children":19350},{},[19351],{"type":40,"value":19352},"在開始路由之前，我們必須先讓 Codex 取得合法的官方登入態：",{"type":34,"tag":177,"props":19354,"children":19355},{},[19356,19361,19366],{"type":34,"tag":126,"props":19357,"children":19358},{},[19359],{"type":40,"value":19360},"在 CC Switch 的 Codex 標籤頁中，切換至 OpenAI Official 供應商。",{"type":34,"tag":126,"props":19362,"children":19363},{},[19364],{"type":40,"value":19365},"啟動你的 Codex CLI 或 App。",{"type":34,"tag":126,"props":19367,"children":19368},{},[19369],{"type":40,"value":19370},"按照 Codex 官方引導，登入你的官方帳號（免費訂閱帳號即可，此步驟僅為了在 auth.json 寫入有效的 Access Token，後續模型計費將使用你的自備金鑰）。",{"type":34,"tag":565,"props":19372,"children":19374},{"className":19373},[568,569,570,571,572,573,574],[19375,19376,19382,19383],{"type":40,"value":577},{"type":34,"tag":579,"props":19377,"children":19381},{"src":19378,"alt":19379,"className":19380},"\u002Fimages\u002F步驟二先切回 OpenAI Official 並完成官方登入.jpg","完成官方登入",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19384,"children":19386},{"className":19385},[590,591,592,593,594,595],[19387],{"type":40,"value":19388},"切回官方模式並登入，以生成 auth.json 憑證",{"type":34,"tag":1854,"props":19390,"children":19392},{"id":19391},"步驟三開啟-codex-應用增強開關",[19393],{"type":40,"value":19394},"步驟三：開啟 Codex 應用增強開關",{"type":34,"tag":42,"props":19396,"children":19397},{},[19398],{"type":40,"value":19399},"完成官方登入後，回到 CC Switch 主視窗：",{"type":34,"tag":177,"props":19401,"children":19402},{},[19403,19408,19413],{"type":34,"tag":126,"props":19404,"children":19405},{},[19406],{"type":40,"value":19407},"進入「設定」選單，切換到「通用」分頁。",{"type":34,"tag":126,"props":19409,"children":19410},{},[19411],{"type":40,"value":19412},"找到「Codex 應用增強」區塊。",{"type":34,"tag":126,"props":19414,"children":19415},{},[19416],{"type":40,"value":19417},"開啟「切換第三方時保留官方登入」開關。此後，切換第三方模型將不會覆寫 auth.json 檔案。",{"type":34,"tag":565,"props":19419,"children":19421},{"className":19420},[568,569,570,571,572,573,574],[19422,19423,19429,19430],{"type":40,"value":577},{"type":34,"tag":579,"props":19424,"children":19428},{"src":19425,"alt":19426,"className":19427},"\u002Fimages\u002F步驟三開啟 Codex 應用增強回到CCSwitch進入設定-通用- Codex應用增強.jpg","開啟 Codex 應用增強",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19431,"children":19433},{"className":19432},[590,591,592,593,594,595],[19434],{"type":40,"value":19435},"開啟增強開關，避免第三方金鑰覆蓋官方登入憑證",{"type":34,"tag":1854,"props":19437,"children":19439},{"id":19438},"步驟四檢查本地路由與接管設定",[19440],{"type":40,"value":19441},"步驟四：檢查本地路由與接管設定",{"type":34,"tag":42,"props":19443,"children":19444},{},[19445],{"type":40,"value":19446},"接下來需要確保本地代理伺服器已正常運作：",{"type":34,"tag":177,"props":19448,"children":19449},{},[19450,19455,19460],{"type":34,"tag":126,"props":19451,"children":19452},{},[19453],{"type":40,"value":19454},"進入「設定」選單，切換到「路由」分頁。",{"type":34,"tag":126,"props":19456,"children":19457},{},[19458],{"type":40,"value":19459},"確認「路由總開關」已開啟（預設代理地址為 127.0.0.1:15721）。",{"type":34,"tag":126,"props":19461,"children":19462},{},[19463],{"type":40,"value":19464},"確認「路由啟用」中的「Codex」以及「本地路由映射」相關選項皆已勾選。",{"type":34,"tag":565,"props":19466,"children":19468},{"className":19467},[568,569,570,571,572,573,574],[19469,19470,19476,19477],{"type":40,"value":577},{"type":34,"tag":579,"props":19471,"children":19475},{"src":19472,"alt":19473,"className":19474},"\u002Fimages\u002F步驟四到設定-路由檢查這三個選項是否有勾選.jpg","檢查路由設定",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19478,"children":19480},{"className":19479},[590,591,592,593,594,595],[19481],{"type":40,"value":19482},"確保路由總開關與 Codex 接管勾選妥當，以將請求導入本地代理",{"type":34,"tag":1854,"props":19484,"children":19486},{"id":19485},"步驟五切換至自訂第三方供應商",[19487],{"type":40,"value":19488},"步驟五：切換至自訂第三方供應商",{"type":34,"tag":42,"props":19490,"children":19491},{},[19492],{"type":40,"value":19493},"設定妥當後，回到 CC Switch 主畫面：",{"type":34,"tag":177,"props":19495,"children":19496},{},[19497,19502,19507],{"type":34,"tag":126,"props":19498,"children":19499},{},[19500],{"type":40,"value":19501},"點擊頂部的 Codex 標籤頁。",{"type":34,"tag":126,"props":19503,"children":19504},{},[19505],{"type":40,"value":19506},"將供應商切換至你預先建立好的第三方供應商（例如你自備金鑰的 DeepSeek、Kimi 或 openrouter 等）。",{"type":34,"tag":126,"props":19508,"children":19509},{},[19510],{"type":40,"value":19511},"點擊「使用」按鈕。",{"type":34,"tag":565,"props":19513,"children":19515},{"className":19514},[568,569,570,571,572,573,574],[19516,19517,19523,19524],{"type":40,"value":577},{"type":34,"tag":579,"props":19518,"children":19522},{"src":19519,"alt":19520,"className":19521},"\u002Fimages\u002F步驟五回到主頁切換回自訂供應商路由.jpg","切換自訂供應商",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19525,"children":19527},{"className":19526},[590,591,592,593,594,595],[19528],{"type":40,"value":19529},"切換至自訂第三方路由，CC Switch 會自動更新 config.toml",{"type":34,"tag":1854,"props":19531,"children":19533},{"id":19532},"步驟六重啟-codex-以載入配置",[19534],{"type":40,"value":19535},"步驟六：重啟 Codex 以載入配置",{"type":34,"tag":42,"props":19537,"children":19538},{},[19539,19541,19546],{"type":40,"value":19540},"最後一步，也是最重要的一步：",{"type":34,"tag":1008,"props":19542,"children":19543},{},[19544],{"type":40,"value":19545},"請重啟你的 Codex 服務",{"type":40,"value":19547},"。\n由於 Codex 僅在啟動時讀取 config.toml 和模型清單，重啟後變更才會正式生效。\n此時，你可以拿出手機打開 Codex 行動端 App，進行遠端電腦操作測試。此時你會發現，手機端依然能成功連線至你的電腦並發送控制指令，但所有的模型推理費用都已改由你自備的第三方 API 帳戶扣除。",{"type":34,"tag":565,"props":19549,"children":19551},{"className":19550},[568,569,570,571,572,573,574],[19552,19553,19558,19559],{"type":40,"value":577},{"type":34,"tag":579,"props":19554,"children":19557},{"src":19201,"alt":19555,"className":19556},"重啟並測試",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19560,"children":19562},{"className":19561},[590,591,592,593,594,595],[19563],{"type":40,"value":19564},"重啟 Codex 載入新設定，即可在手機端暢快體驗自備 API 的遠端電腦操作",{"type":34,"tag":98,"props":19566,"children":19567},{},[],{"type":34,"tag":35,"props":19569,"children":19571},{"id":19570},"常見問題與排除方法",[19572],{"type":40,"value":19570},{"type":34,"tag":1854,"props":19574,"children":19576},{"id":19575},"手機端顯示連線失敗或無回應",[19577],{"type":40,"value":19578},"手機端顯示連線失敗或無回應？",{"type":34,"tag":177,"props":19580,"children":19581},{},[19582,19587],{"type":34,"tag":126,"props":19583,"children":19584},{},[19585],{"type":40,"value":19586},"請確認你在步驟二中使用的官方 OpenAI \u002F Codex 帳號登入態並未過期。如果過期，請切回 OpenAI Official 重新登入一次。",{"type":34,"tag":126,"props":19588,"children":19589},{},[19590],{"type":40,"value":19591},"檢查本機電腦的 Codex 常駐程式是否正在運行，且網路連線正常。",{"type":34,"tag":1854,"props":19593,"children":19595},{"id":19594},"請求發送後出現模型不支援或-404-錯誤",[19596],{"type":40,"value":19597},"請求發送後出現模型不支援或 404 錯誤？",{"type":34,"tag":177,"props":19599,"children":19600},{},[19601,19606],{"type":34,"tag":126,"props":19602,"children":19603},{},[19604],{"type":40,"value":19605},"請檢查 CC Switch 的「日誌」面板，確認請求是否成功送達本地路由。",{"type":34,"tag":126,"props":19607,"children":19608},{},[19609],{"type":40,"value":19610},"如果日誌顯示模型名稱不匹配，請在 CC Switch 供應商設定中檢查模型映射表，確保將 Codex 的默認模型正確映射至你供應商所提供的模型名稱（例如 deepseek-chat）。",{"type":34,"tag":1854,"props":19612,"children":19614},{"id":19613},"使用此功能會有帳號風險嗎",[19615],{"type":40,"value":19616},"使用此功能會有帳號風險嗎？",{"type":34,"tag":42,"props":19618,"children":19619},{},[19620],{"type":40,"value":19621},"CC Switch 本身僅在本地運作，並未將你的金鑰或憑證上傳至任何雲端。然而，因為這項功能會將非官方的模型請求結果反饋給 Codex 客戶端，建議僅將此配置用於個人測試與開發環境，避免在對安全性要求極高的生產環境中高頻率使用。",{"type":34,"tag":98,"props":19623,"children":19624},{},[],{"type":34,"tag":35,"props":19626,"children":19627},{"id":9888},[19628],{"type":40,"value":9888},{"type":34,"tag":42,"props":19630,"children":19631},{},[19632],{"type":40,"value":19633},"CC Switch 的 Codex 應用增強功能，打破了官方登入與第三方模型不可兼得的壁壘。現在，你只需花費極低的 API 費用，就能擁有一台隨身攜帶、隨時待命的 AI 電腦代理。不論是在外進行緊急代碼修復，還是展示手機操控電腦的自動化流程，這個配置都提供了極高的實用性與靈活性。",{"title":8,"searchDepth":708,"depth":708,"links":19635},[19636,19637,19638,19646,19651],{"id":37,"depth":708,"text":37},{"id":19258,"depth":708,"text":19261},{"id":19305,"depth":708,"text":19305,"children":19639},[19640,19641,19642,19643,19644,19645],{"id":19315,"depth":733,"text":19318},{"id":19344,"depth":733,"text":19347},{"id":19391,"depth":733,"text":19394},{"id":19438,"depth":733,"text":19441},{"id":19485,"depth":733,"text":19488},{"id":19532,"depth":733,"text":19535},{"id":19570,"depth":708,"text":19570,"children":19647},[19648,19649,19650],{"id":19575,"depth":733,"text":19578},{"id":19594,"depth":733,"text":19597},{"id":19613,"depth":733,"text":19616},{"id":9888,"depth":708,"text":9888},"content:articles:ccswitch2.md","articles\u002Fccswitch2.md","articles\u002Fccswitch2",{"_path":19656,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":19657,"description":19658,"date":19659,"category":12,"image":19660,"tags":19661,"series":1585,"readingTime":2145,"difficulty":23,"local":24,"platforms":19662,"gpu":29,"body":19663,"_type":1569,"_id":20538,"_source":1571,"_file":20539,"_stem":20540,"_extension":1574},"\u002Farticles\u002Fccswitch","CC Switch 實測：自備 API Key 一鍵切換 AI CLI 模型的本機路由神器","在終端機使用 Claude Code 或 Codex 時，如何自由切換模型、自備 API Key 或使用 DeepSeek？本篇實測 CC Switch 路由工具，手把手教學如何代理 AI CLI 並進行花費與 MCP 管理。","2026-06-01","\u002Fimages\u002F步驟六 回到主頁點擊使用即可在codex使用自備的模型.jpg",[15,446,20,19203,10789],[26,27,28],{"type":31,"children":19664,"toc":20510},[19665,19669,19674,19679,19684,19688,19717,19720,19726,19731,19863,19869,19922,19925,19930,19935,19941,19946,19964,19970,19975,19993,19999,20004,20022,20028,20033,20051,20057,20062,20080,20098,20104,20114,20126,20143,20146,20151,20156,20162,20246,20252,20257,20290,20296,20301,20391,20394,20400,20406,20411,20417,20422,20428,20433,20439,20444,20450,20455,20461,20466,20469,20473,20490,20495,20498,20506],{"type":34,"tag":35,"props":19666,"children":19667},{"id":37},[19668],{"type":40,"value":37},{"type":34,"tag":42,"props":19670,"children":19671},{},[19672],{"type":40,"value":19673},"在使用 Claude Code、Codex 等 AI 終端機助理時，開發者常會面臨官方 API 限制、網路延遲，或是官方計費高昂的痛點。如果能自備 API 金鑰，甚至一鍵將模型切換至高性價比的 DeepSeek 或本地運行的開源模型，將能大幅提升開發彈性並降低使用成本。",{"type":34,"tag":42,"props":19675,"children":19676},{},[19677],{"type":40,"value":19678},"CC Switch 正是為此誕生的開源 GUI 路由工具。它作為本地代理伺服器，能一鍵接管並路由多種 AI CLI 的 API 請求。本篇將以 macOS 版本為例，實際展示如何使用 CC Switch 將 Codex 的模型路由至自備的 DeepSeek API。",{"type":34,"tag":42,"props":19680,"children":19681},{},[19682],{"type":40,"value":19683},"以下為實際設定並在 Codex 中成功運行 DeepSeek 的成果錄影：",{"type":34,"tag":112,"props":19685,"children":19687},{"src":19686},"\u002Fvideos\u002Fccswitch.mp4",[],{"type":34,"tag":122,"props":19689,"children":19690},{},[19691,19699,19707],{"type":34,"tag":126,"props":19692,"children":19693},{},[19694],{"type":34,"tag":72,"props":19695,"children":19697},{"href":19238,"rel":19696},[76],[19698],{"type":40,"value":19242},{"type":34,"tag":126,"props":19700,"children":19701},{},[19702],{"type":34,"tag":72,"props":19703,"children":19705},{"href":19248,"rel":19704},[76],[19706],{"type":40,"value":19252},{"type":34,"tag":126,"props":19708,"children":19709},{},[19710],{"type":34,"tag":72,"props":19711,"children":19714},{"href":19712,"rel":19713},"https:\u002F\u002Fgithub.com\u002Ffarion1231\u002Fcc-switch\u002Freleases",[76],[19715],{"type":40,"value":19716},"CC Switch 下載頁面",{"type":34,"tag":98,"props":19718,"children":19719},{},[],{"type":34,"tag":35,"props":19721,"children":19723},{"id":19722},"為什麼要使用-cc-switch",[19724],{"type":40,"value":19725},"為什麼要使用 CC Switch？",{"type":34,"tag":42,"props":19727,"children":19728},{},[19729],{"type":40,"value":19730},"在使用 AI CLI 時，直接連線官方與透過 CC Switch 路由有何不同？以下是功能對照表：",{"type":34,"tag":6866,"props":19732,"children":19733},{},[19734,19755],{"type":34,"tag":6870,"props":19735,"children":19736},{},[19737],{"type":34,"tag":6874,"props":19738,"children":19739},{},[19740,19745,19750],{"type":34,"tag":6878,"props":19741,"children":19742},{"align":6880},[19743],{"type":40,"value":19744},"功能 \u002F 場景",{"type":34,"tag":6878,"props":19746,"children":19747},{"align":6880},[19748],{"type":40,"value":19749},"直接使用官方 CLI",{"type":34,"tag":6878,"props":19751,"children":19752},{"align":6880},[19753],{"type":40,"value":19754},"搭配 CC Switch 路由",{"type":34,"tag":6890,"props":19756,"children":19757},{},[19758,19779,19800,19821,19842],{"type":34,"tag":6874,"props":19759,"children":19760},{},[19761,19769,19774],{"type":34,"tag":6897,"props":19762,"children":19763},{"align":6880},[19764],{"type":34,"tag":1008,"props":19765,"children":19766},{},[19767],{"type":40,"value":19768},"模型選擇",{"type":34,"tag":6897,"props":19770,"children":19771},{"align":6880},[19772],{"type":40,"value":19773},"僅能使用官方預設的模型",{"type":34,"tag":6897,"props":19775,"children":19776},{"align":6880},[19777],{"type":40,"value":19778},"自由切換 DeepSeek, OpenAI, Anthropic 或本地模型",{"type":34,"tag":6874,"props":19780,"children":19781},{},[19782,19790,19795],{"type":34,"tag":6897,"props":19783,"children":19784},{"align":6880},[19785],{"type":34,"tag":1008,"props":19786,"children":19787},{},[19788],{"type":40,"value":19789},"計費方式",{"type":34,"tag":6897,"props":19791,"children":19792},{"align":6880},[19793],{"type":40,"value":19794},"官方綁定帳戶計費，扣款彈性低",{"type":34,"tag":6897,"props":19796,"children":19797},{"align":6880},[19798],{"type":40,"value":19799},"自備 API Key，依各供應商實際用量計費",{"type":34,"tag":6874,"props":19801,"children":19802},{},[19803,19811,19816],{"type":34,"tag":6897,"props":19804,"children":19805},{"align":6880},[19806],{"type":34,"tag":1008,"props":19807,"children":19808},{},[19809],{"type":40,"value":19810},"MCP 與 Skills",{"type":34,"tag":6897,"props":19812,"children":19813},{"align":6880},[19814],{"type":40,"value":19815},"需手動修改各 CLI 設定檔，配置繁瑣",{"type":34,"tag":6897,"props":19817,"children":19818},{"align":6880},[19819],{"type":40,"value":19820},"提供 GUI 統一管理面板，一鍵同步至多個工具",{"type":34,"tag":6874,"props":19822,"children":19823},{},[19824,19832,19837],{"type":34,"tag":6897,"props":19825,"children":19826},{"align":6880},[19827],{"type":34,"tag":1008,"props":19828,"children":19829},{},[19830],{"type":40,"value":19831},"花費追蹤",{"type":34,"tag":6897,"props":19833,"children":19834},{"align":6880},[19835],{"type":40,"value":19836},"缺乏集中式統計，帳單散落在各平台",{"type":34,"tag":6897,"props":19838,"children":19839},{"align":6880},[19840],{"type":40,"value":19841},"內建儀表板統計 token 與花費，並提供詳細請求日誌",{"type":34,"tag":6874,"props":19843,"children":19844},{},[19845,19853,19858],{"type":34,"tag":6897,"props":19846,"children":19847},{"align":6880},[19848],{"type":34,"tag":1008,"props":19849,"children":19850},{},[19851],{"type":40,"value":19852},"容錯備援",{"type":34,"tag":6897,"props":19854,"children":19855},{"align":6880},[19856],{"type":40,"value":19857},"連線中斷時直接報錯失敗",{"type":34,"tag":6897,"props":19859,"children":19860},{"align":6880},[19861],{"type":40,"value":19862},"支援自動容錯與健康監測，自動切換備用節點",{"type":34,"tag":1854,"props":19864,"children":19866},{"id":19865},"cc-switch-核心功能概述",[19867],{"type":40,"value":19868},"CC Switch 核心功能概述",{"type":34,"tag":122,"props":19870,"children":19871},{},[19872,19882,19892,19902,19912],{"type":34,"tag":126,"props":19873,"children":19874},{},[19875,19880],{"type":34,"tag":1008,"props":19876,"children":19877},{},[19878],{"type":40,"value":19879},"供應商管理",{"type":40,"value":19881},"：內建 5 種熱門 CLI 工具（Claude Code, Codex, Gemini CLI, OpenCode, OpenClaw）及 50 多種預設，支援一鍵導入金鑰，並能將單一設定同步至多個 App。",{"type":34,"tag":126,"props":19883,"children":19884},{},[19885,19890],{"type":34,"tag":1008,"props":19886,"children":19887},{},[19888],{"type":40,"value":19889},"本地代理與容錯",{"type":40,"value":19891},"：本機代理支援熱切換、格式轉換、自動容錯、熔斷機制、供應商健康監測與請求整流，能做到應用程式級別的精準接管。",{"type":34,"tag":126,"props":19893,"children":19894},{},[19895,19900],{"type":34,"tag":1008,"props":19896,"children":19897},{},[19898],{"type":40,"value":19899},"MCP、提示詞與 Skills 管理",{"type":40,"value":19901},"：整合 MCP 面板支援多 App 雙向同步；提供 Markdown 提示詞編輯器；支援一鍵從 GitHub 倉庫或 ZIP 安裝 Skills，免除繁瑣設定。",{"type":34,"tag":126,"props":19903,"children":19904},{},[19905,19910],{"type":34,"tag":1008,"props":19906,"children":19907},{},[19908],{"type":40,"value":19909},"使用量與花費追蹤",{"type":40,"value":19911},"：提供儀表板統計支出、請求次數與 Token 數量，繪製趨勢圖與詳細日誌。",{"type":34,"tag":126,"props":19913,"children":19914},{},[19915,19920],{"type":34,"tag":1008,"props":19916,"children":19917},{},[19918],{"type":40,"value":19919},"設定檔雲端同步",{"type":40,"value":19921},"：支援 WebDAV \u002F 雲端硬碟備份，且支援 Deep Link（ccswitch:\u002F\u002F）一鍵導入。",{"type":34,"tag":98,"props":19923,"children":19924},{},[],{"type":34,"tag":35,"props":19926,"children":19928},{"id":19927},"手把手安裝與設定教學",[19929],{"type":40,"value":19927},{"type":34,"tag":42,"props":19931,"children":19932},{},[19933],{"type":40,"value":19934},"以下我們以 macOS 環境為例，示範如何下載安裝並設定 CC Switch，將 Codex 路由至 DeepSeek 供應商。",{"type":34,"tag":1854,"props":19936,"children":19938},{"id":19937},"步驟一下載適合的安裝檔",[19939],{"type":40,"value":19940},"步驟一：下載適合的安裝檔",{"type":34,"tag":42,"props":19942,"children":19943},{},[19944],{"type":40,"value":19945},"前往 CC Switch GitHub Releases 頁面，找到最新版本的 Assets，並下載對應你作業系統的檔案。macOS 用戶可以選擇 DMG 檔進行安裝。",{"type":34,"tag":565,"props":19947,"children":19949},{"className":19948},[568,569,570,571,572,573,574],[19950,19951,19957,19958],{"type":40,"value":577},{"type":34,"tag":579,"props":19952,"children":19956},{"src":19953,"alt":19954,"className":19955},"\u002Fimages\u002F步驟1cc-switch:releases要找到assets下載對應版本.jpg","下載 CC Switch",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19959,"children":19961},{"className":19960},[590,591,592,593,594,595],[19962],{"type":40,"value":19963},"在 Releases 頁面下載對應作業系統的 Assets 檔案",{"type":34,"tag":1854,"props":19965,"children":19967},{"id":19966},"步驟二選擇要接管的-cli-工具",[19968],{"type":40,"value":19969},"步驟二：選擇要接管的 CLI 工具",{"type":34,"tag":42,"props":19971,"children":19972},{},[19973],{"type":40,"value":19974},"啟動 CC Switch 後，在主介面上選擇你想路由的工具。這裡我們選擇接管 Codex（其他也支援 Claude Code、Gemini CLI 等）。",{"type":34,"tag":565,"props":19976,"children":19978},{"className":19977},[568,569,570,571,572,573,574],[19979,19980,19986,19987],{"type":40,"value":577},{"type":34,"tag":579,"props":19981,"children":19985},{"src":19982,"alt":19983,"className":19984},"\u002Fimages\u002F步驟2 選擇要路由的工具如codex:claude code....jpg","選擇要接管的 CLI 工具",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":19988,"children":19990},{"className":19989},[590,591,592,593,594,595],[19991],{"type":40,"value":19992},"在工具選單中，選擇要進行接管與路由的目標 CLI 工具",{"type":34,"tag":1854,"props":19994,"children":19996},{"id":19995},"步驟三新增供應商設定",[19997],{"type":40,"value":19998},"步驟三：新增供應商設定",{"type":34,"tag":42,"props":20000,"children":20001},{},[20002],{"type":40,"value":20003},"在設定介面中，點擊新增供應商按鈕，以新增你自備的 AI 服務供應商與 API 金鑰。",{"type":34,"tag":565,"props":20005,"children":20007},{"className":20006},[568,569,570,571,572,573,574],[20008,20009,20015,20016],{"type":40,"value":577},{"type":34,"tag":579,"props":20010,"children":20014},{"src":20011,"alt":20012,"className":20013},"\u002Fimages\u002F步驟三點擊這裡去新增供應商.jpg","點擊新增供應商",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":20017,"children":20019},{"className":20018},[590,591,592,593,594,595],[20020],{"type":40,"value":20021},"點擊新增按鈕以配置自訂的 API 供應商",{"type":34,"tag":1854,"props":20023,"children":20025},{"id":20024},"步驟四填寫供應商與-api-金鑰",[20026],{"type":40,"value":20027},"步驟四：填寫供應商與 API 金鑰",{"type":34,"tag":42,"props":20029,"children":20030},{},[20031],{"type":40,"value":20032},"選擇你要使用的供應商類型（此處實測以 DeepSeek 為主，其他地方保持預設即可），填入你的 API Key，並點擊右下角的「新增」按鈕完成設定。",{"type":34,"tag":565,"props":20034,"children":20036},{"className":20035},[568,569,570,571,572,573,574],[20037,20038,20044,20045],{"type":40,"value":577},{"type":34,"tag":579,"props":20039,"children":20043},{"src":20040,"alt":20041,"className":20042},"\u002Fimages\u002F步驟四 選擇需要的供應商 並填寫api最後點及新增（我這邊實測用deepseek 其他地方默認即可） 右下角新增按鈕來完成設定.jpg","填寫 API 資訊",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":20046,"children":20048},{"className":20047},[590,591,592,593,594,595],[20049],{"type":40,"value":20050},"選擇供應商並填入自備的金鑰，接著點擊右下角按鈕新增",{"type":34,"tag":1854,"props":20052,"children":20054},{"id":20053},"步驟五設定路由與開啟開關",[20055],{"type":40,"value":20056},"步驟五：設定路由與開啟開關",{"type":34,"tag":42,"props":20058,"children":20059},{},[20060],{"type":40,"value":20061},"接著點擊左側的「設定」：",{"type":34,"tag":177,"props":20063,"children":20064},{},[20065,20070,20075],{"type":34,"tag":126,"props":20066,"children":20067},{},[20068],{"type":40,"value":20069},"切換到「路由」分頁。",{"type":34,"tag":126,"props":20071,"children":20072},{},[20073],{"type":40,"value":20074},"開啟「路由總開關」。",{"type":34,"tag":126,"props":20076,"children":20077},{},[20078],{"type":40,"value":20079},"選擇剛剛建立好的路由規則（即你想要啟用的供應商與模型）。",{"type":34,"tag":565,"props":20081,"children":20083},{"className":20082},[568,569,570,571,572,573,574],[20084,20085,20091,20092],{"type":40,"value":577},{"type":34,"tag":579,"props":20086,"children":20090},{"src":20087,"alt":20088,"className":20089},"\u002Fimages\u002F步驟五 點擊設定到1.路由 2.開啟路由總開關 3.選擇要啟動的路由 .jpg","設定路由規則",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":20093,"children":20095},{"className":20094},[590,591,592,593,594,595],[20096],{"type":40,"value":20097},"開啟路由開關並套用剛剛設定完成的供應商規則",{"type":34,"tag":1854,"props":20099,"children":20101},{"id":20100},"步驟六啟用路由並在-cli-中測試",[20102],{"type":40,"value":20103},"步驟六：啟用路由並在 CLI 中測試",{"type":34,"tag":42,"props":20105,"children":20106},{},[20107,20109],{"type":40,"value":20108},"最後回到主頁，點擊「使用」按鈕。此時 CC Switch 就會在本機啟動接管服務。",{"type":34,"tag":1008,"props":20110,"children":20111},{},[20112],{"type":40,"value":20113},"請特別注意，你必須重新啟動 Codex 才能正式觸發並套用此路由設定。",{"type":34,"tag":42,"props":20115,"children":20116},{},[20117,20119,20124],{"type":40,"value":20118},"此外，若日後需要切換回官方的 Codex，只需點擊介面最上方的 ",{"type":34,"tag":1008,"props":20120,"children":20121},{},[20122],{"type":40,"value":20123},"OpenAI",{"type":40,"value":20125}," 選項，即可快速恢復官方預設的模型連線。",{"type":34,"tag":565,"props":20127,"children":20129},{"className":20128},[568,569,570,571,572,573,574],[20130,20131,20136,20137],{"type":40,"value":577},{"type":34,"tag":579,"props":20132,"children":20135},{"src":19660,"alt":20133,"className":20134},"啟用路由",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":20138,"children":20140},{"className":20139},[590,591,592,593,594,595],[20141],{"type":40,"value":20142},"回到主頁點擊「使用」，重新啟動 Codex 後即可透過本機路由調用自備的模型；點擊最上方 OpenAI 可隨時切回官方模式",{"type":34,"tag":98,"props":20144,"children":20145},{},[],{"type":34,"tag":35,"props":20147,"children":20149},{"id":20148},"下載與安裝說明",[20150],{"type":40,"value":20148},{"type":34,"tag":42,"props":20152,"children":20153},{},[20154],{"type":40,"value":20155},"CC Switch 支援多個平台，以下是各平台的推薦安裝方式：",{"type":34,"tag":1854,"props":20157,"children":20159},{"id":20158},"macos-平台",[20160],{"type":40,"value":20161},"macOS 平台",{"type":34,"tag":122,"props":20163,"children":20164},{},[20165,20228],{"type":34,"tag":126,"props":20166,"children":20167},{},[20168,20173,20200,20202],{"type":34,"tag":1008,"props":20169,"children":20170},{},[20171],{"type":40,"value":20172},"方式一：使用 Homebrew 安裝（推薦，便於後續更新）",{"type":34,"tag":243,"props":20174,"children":20176},{"className":245,"code":20175,"language":247,"meta":8,"style":8},"brew install --cask cc-switch\n",[20177],{"type":34,"tag":58,"props":20178,"children":20179},{"__ignoreMap":8},[20180],{"type":34,"tag":253,"props":20181,"children":20182},{"class":255,"line":256},[20183,20187,20191,20195],{"type":34,"tag":253,"props":20184,"children":20185},{"style":260},[20186],{"type":40,"value":3676},{"type":34,"tag":253,"props":20188,"children":20189},{"style":271},[20190],{"type":40,"value":3698},{"type":34,"tag":253,"props":20192,"children":20193},{"style":265},[20194],{"type":40,"value":3703},{"type":34,"tag":253,"props":20196,"children":20197},{"style":271},[20198],{"type":40,"value":20199}," cc-switch\n",{"type":40,"value":20201},"\n若要升級，執行：\n",{"type":34,"tag":243,"props":20203,"children":20205},{"className":245,"code":20204,"language":247,"meta":8,"style":8},"brew upgrade --cask cc-switch\n",[20206],{"type":34,"tag":58,"props":20207,"children":20208},{"__ignoreMap":8},[20209],{"type":34,"tag":253,"props":20210,"children":20211},{"class":255,"line":256},[20212,20216,20220,20224],{"type":34,"tag":253,"props":20213,"children":20214},{"style":260},[20215],{"type":40,"value":3676},{"type":34,"tag":253,"props":20217,"children":20218},{"style":271},[20219],{"type":40,"value":8955},{"type":34,"tag":253,"props":20221,"children":20222},{"style":265},[20223],{"type":40,"value":3703},{"type":34,"tag":253,"props":20225,"children":20226},{"style":271},[20227],{"type":40,"value":20199},{"type":34,"tag":126,"props":20229,"children":20230},{},[20231,20236,20238,20244],{"type":34,"tag":1008,"props":20232,"children":20233},{},[20234],{"type":40,"value":20235},"方式二：手動下載 DMG 安裝包",{"type":40,"value":20237},"\n前往 GitHub Releases 下載 ",{"type":34,"tag":58,"props":20239,"children":20241},{"className":20240},[],[20242],{"type":40,"value":20243},"CC-Switch-v{version}-macOS.dmg",{"type":40,"value":20245},"。CC Switch 已獲得 Apple 官方簽名與公證，可以直接點擊安裝並打開。",{"type":34,"tag":1854,"props":20247,"children":20249},{"id":20248},"windows-平台",[20250],{"type":40,"value":20251},"Windows 平台",{"type":34,"tag":42,"props":20253,"children":20254},{},[20255],{"type":40,"value":20256},"前往 Releases 頁面下載以下任一檔案：",{"type":34,"tag":122,"props":20258,"children":20259},{},[20260,20271,20282],{"type":34,"tag":126,"props":20261,"children":20262},{},[20263,20265],{"type":40,"value":20264},"安裝版：",{"type":34,"tag":58,"props":20266,"children":20268},{"className":20267},[],[20269],{"type":40,"value":20270},"CC-Switch-v{version}-Windows.msi",{"type":34,"tag":126,"props":20272,"children":20273},{},[20274,20276],{"type":40,"value":20275},"免安裝版：",{"type":34,"tag":58,"props":20277,"children":20279},{"className":20278},[],[20280],{"type":40,"value":20281},"CC-Switch-v{version}-Windows-Portable.zip",{"type":34,"tag":126,"props":20283,"children":20284},{},[20285],{"type":34,"tag":9919,"props":20286,"children":20287},{},[20288],{"type":40,"value":20289},"系統需求：Windows 10 及以上版本。",{"type":34,"tag":1854,"props":20291,"children":20293},{"id":20292},"linux-平台",[20294],{"type":40,"value":20295},"Linux 平台",{"type":34,"tag":42,"props":20297,"children":20298},{},[20299],{"type":40,"value":20300},"Releases 頁面提供多種安裝封裝：",{"type":34,"tag":122,"props":20302,"children":20303},{},[20304,20328,20343,20358],{"type":34,"tag":126,"props":20305,"children":20306},{},[20307,20312,20314,20320,20322],{"type":34,"tag":1008,"props":20308,"children":20309},{},[20310],{"type":40,"value":20311},"Debian \u002F Ubuntu",{"type":40,"value":20313},"：下載 ",{"type":34,"tag":58,"props":20315,"children":20317},{"className":20316},[],[20318],{"type":40,"value":20319},"CC-Switch-v{version}-Linux.deb",{"type":40,"value":20321}," 後執行 ",{"type":34,"tag":58,"props":20323,"children":20325},{"className":20324},[],[20326],{"type":40,"value":20327},"sudo apt install .\u002FCC-Switch-v{version}-Linux.deb",{"type":34,"tag":126,"props":20329,"children":20330},{},[20331,20336,20337],{"type":34,"tag":1008,"props":20332,"children":20333},{},[20334],{"type":40,"value":20335},"Fedora \u002F RHEL \u002F openSUSE",{"type":40,"value":20313},{"type":34,"tag":58,"props":20338,"children":20340},{"className":20339},[],[20341],{"type":40,"value":20342},"CC-Switch-v{version}-Linux.rpm",{"type":34,"tag":126,"props":20344,"children":20345},{},[20346,20351,20352],{"type":34,"tag":1008,"props":20347,"children":20348},{},[20349],{"type":40,"value":20350},"通用格式",{"type":40,"value":20313},{"type":34,"tag":58,"props":20353,"children":20355},{"className":20354},[],[20356],{"type":40,"value":20357},"CC-Switch-v{version}-Linux.AppImage",{"type":34,"tag":126,"props":20359,"children":20360},{},[20361,20366,20367],{"type":34,"tag":1008,"props":20362,"children":20363},{},[20364],{"type":40,"value":20365},"Arch Linux (AUR)",{"type":40,"value":17075},{"type":34,"tag":243,"props":20368,"children":20370},{"className":245,"code":20369,"language":247,"meta":8,"style":8},"paru -S cc-switch-bin\n",[20371],{"type":34,"tag":58,"props":20372,"children":20373},{"__ignoreMap":8},[20374],{"type":34,"tag":253,"props":20375,"children":20376},{"class":255,"line":256},[20377,20382,20386],{"type":34,"tag":253,"props":20378,"children":20379},{"style":260},[20380],{"type":40,"value":20381},"paru",{"type":34,"tag":253,"props":20383,"children":20384},{"style":265},[20385],{"type":40,"value":8119},{"type":34,"tag":253,"props":20387,"children":20388},{"style":271},[20389],{"type":40,"value":20390}," cc-switch-bin\n",{"type":34,"tag":98,"props":20392,"children":20393},{},[],{"type":34,"tag":35,"props":20395,"children":20397},{"id":20396},"常見問題-faq",[20398],{"type":40,"value":20399},"常見問題 (FAQ)",{"type":34,"tag":1854,"props":20401,"children":20403},{"id":20402},"cc-switch-支援哪些-ai-終端機-cli-工具",[20404],{"type":40,"value":20405},"CC Switch 支援哪些 AI 終端機 (CLI) 工具？",{"type":34,"tag":42,"props":20407,"children":20408},{},[20409],{"type":40,"value":20410},"目前原生支援 Claude Code, Codex, Gemini CLI, OpenCode, OpenClaw 等 5 種常見的命令列 AI 工具，並預設了超過 50 種供應商預設配置。",{"type":34,"tag":1854,"props":20412,"children":20414},{"id":20413},"切換供應商後需要重新啟動終端機嗎",[20415],{"type":40,"value":20416},"切換供應商後，需要重新啟動終端機嗎？",{"type":34,"tag":42,"props":20418,"children":20419},{},[20420],{"type":40,"value":20421},"不需要。大部分 CLI 工具（包含 Claude Code 等）會即時讀取代理伺服器的變更，因此切換後不需重開終端機或 CLI 工具即可即時生效。",{"type":34,"tag":1854,"props":20423,"children":20425},{"id":20424},"切換供應商後我的外掛設定或歷史紀錄會消失嗎",[20426],{"type":40,"value":20427},"切換供應商後，我的外掛設定或歷史紀錄會消失嗎？",{"type":34,"tag":42,"props":20429,"children":20430},{},[20431],{"type":40,"value":20432},"不會。CC Switch 僅接管與路由 API 請求，不會修改 CLI 工具本身的本機快取、身分驗證憑證或歷史對話紀錄。",{"type":34,"tag":1854,"props":20434,"children":20436},{"id":20435},"為什麼無法刪除目前處於使用中的供應商",[20437],{"type":40,"value":20438},"為什麼無法刪除目前處於「使用中」的供應商？",{"type":34,"tag":42,"props":20440,"children":20441},{},[20442],{"type":40,"value":20443},"為了防止系統出錯，CC Switch 禁止刪除當前被設定為 active（啟用中）的供應商。若要刪除，請先將 active 切換為其他供應商，然後再進行刪除。",{"type":34,"tag":1854,"props":20445,"children":20447},{"id":20446},"如何切換回官方預設登入狀態",[20448],{"type":40,"value":20449},"如何切換回官方預設登入狀態？",{"type":34,"tag":42,"props":20451,"children":20452},{},[20453],{"type":40,"value":20454},"在 CC Switch 中新增一個「Official Login」的預設設定，重啟你的 CLI 工具，並按照官方原本的 OAuth 登入流程即可。",{"type":34,"tag":1854,"props":20456,"children":20458},{"id":20457},"我的-api-金鑰與設定資料儲存在哪裡",[20459],{"type":40,"value":20460},"我的 API 金鑰與設定資料儲存在哪裡？",{"type":34,"tag":42,"props":20462,"children":20463},{},[20464],{"type":40,"value":20465},"所有設定資料、API 金鑰及歷史紀錄皆完全儲存在你的本機，不會上傳到任何第三方伺服器。你也可以自行設定雲端同步（如 Dropbox, iCloud, WebDAV 等）將本機設定檔備份到個人雲端空間。",{"type":34,"tag":98,"props":20467,"children":20468},{},[],{"type":34,"tag":35,"props":20470,"children":20471},{"id":1479},[20472],{"type":40,"value":1479},{"type":34,"tag":42,"props":20474,"children":20475},{},[20476,20478,20483,20484,20489],{"type":40,"value":20477},"對於重度依賴 AI 終端機助理的開發者來說，CC Switch 解決了最核心的痛點：",{"type":34,"tag":1008,"props":20479,"children":20480},{},[20481],{"type":40,"value":20482},"模型自由度",{"type":40,"value":14502},{"type":34,"tag":1008,"props":20485,"children":20486},{},[20487],{"type":40,"value":20488},"成本控制",{"type":40,"value":222},{"type":34,"tag":42,"props":20491,"children":20492},{},[20493],{"type":40,"value":20494},"透過 CC Switch，你不再受限於各 CLI 綁定的官方高價模型，而是能自由搭配 DeepSeek、OpenAI，甚至是自己部署在區網內的本地大模型，不僅省下了可觀的 API 費用，更在連線速度與模型品質上有了更多元的選擇。如果你也在使用 Claude Code 或 Codex，不妨下載 CC Switch 來解放你的命令列 AI 體驗！",{"type":34,"tag":98,"props":20496,"children":20497},{},[],{"type":34,"tag":42,"props":20499,"children":20500},{},[20501],{"type":34,"tag":9919,"props":20502,"children":20503},{},[20504],{"type":40,"value":20505},"本文介紹之軟體專案開源授權為 GPL-3.0 授權條款，歡迎大家前往 GitHub 給作者點個 Star 支持開源創作！",{"type":34,"tag":1548,"props":20507,"children":20508},{},[20509],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":20511},[20512,20513,20516,20524,20529,20537],{"id":37,"depth":708,"text":37},{"id":19722,"depth":708,"text":19725,"children":20514},[20515],{"id":19865,"depth":733,"text":19868},{"id":19927,"depth":708,"text":19927,"children":20517},[20518,20519,20520,20521,20522,20523],{"id":19937,"depth":733,"text":19940},{"id":19966,"depth":733,"text":19969},{"id":19995,"depth":733,"text":19998},{"id":20024,"depth":733,"text":20027},{"id":20053,"depth":733,"text":20056},{"id":20100,"depth":733,"text":20103},{"id":20148,"depth":708,"text":20148,"children":20525},[20526,20527,20528],{"id":20158,"depth":733,"text":20161},{"id":20248,"depth":733,"text":20251},{"id":20292,"depth":733,"text":20295},{"id":20396,"depth":708,"text":20399,"children":20530},[20531,20532,20533,20534,20535,20536],{"id":20402,"depth":733,"text":20405},{"id":20413,"depth":733,"text":20416},{"id":20424,"depth":733,"text":20427},{"id":20435,"depth":733,"text":20438},{"id":20446,"depth":733,"text":20449},{"id":20457,"depth":733,"text":20460},{"id":1479,"depth":708,"text":1479},"content:articles:ccswitch.md","articles\u002Fccswitch.md","articles\u002Fccswitch",{"_path":20542,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":20543,"description":20544,"date":20545,"category":12,"image":6124,"tags":20546,"series":3464,"readingTime":2145,"difficulty":1587,"local":24,"platforms":20548,"gpu":29,"body":20549,"_type":1569,"_id":20831,"_source":1571,"_file":20832,"_stem":20833,"_extension":1574},"\u002Farticles\u002Fremoverized","Removerized：離線可用的瀏覽器端 AI 去背與畫質增強工具","Removerized 讓你在瀏覽器中直接完成去背、放大與批次處理，資料不需上傳雲端，兼顧速度與隱私。","2026-05-30",[15,20547,3463],"Image Processing",[1591],{"type":31,"children":20550,"toc":20820},[20551,20555,20560,20570,20575,20579,20592,20595,20601,20606,20609,20614,20619,20642,20645,20650,20655,20673,20678,20681,20686,20691,20696,20705,20710,20768,20771,20775,20780,20785,20788,20795,20816],{"type":34,"tag":35,"props":20552,"children":20553},{"id":37},[20554],{"type":40,"value":37},{"type":34,"tag":42,"props":20556,"children":20557},{},[20558],{"type":40,"value":20559},"許多線上去背工具雖然方便，但通常會要求上傳圖片到遠端伺服器。對於需要處理客戶素材、設計稿或尚未公開產品圖的人來說，這種流程常常是最大的風險點。",{"type":34,"tag":42,"props":20561,"children":20562},{},[20563,20568],{"type":34,"tag":1008,"props":20564,"children":20565},{},[20566],{"type":40,"value":20567},"Removerized",{"type":40,"value":20569}," 的核心價值在於「完全在瀏覽器本地端執行」。它使用 ONNX Runtime Web，在你的裝置上直接推論模型，做到不經過後端伺服器也能完成 AI 圖像處理。",{"type":34,"tag":42,"props":20571,"children":20572},{},[20573],{"type":40,"value":20574},"下面先放這次的實測錄影：",{"type":34,"tag":112,"props":20576,"children":20578},{"src":20577},"\u002Fvideos\u002Fremoverized.mp4",[],{"type":34,"tag":122,"props":20580,"children":20581},{},[20582],{"type":34,"tag":126,"props":20583,"children":20584},{},[20585],{"type":34,"tag":72,"props":20586,"children":20589},{"href":20587,"rel":20588},"https:\u002F\u002Fremoverized.yoss.pro\u002Fremoverized",[76],[20590],{"type":40,"value":20591},"Removerized 線上工具（按這裡前往）",{"type":34,"tag":98,"props":20593,"children":20594},{},[],{"type":34,"tag":35,"props":20596,"children":20598},{"id":20597},"為什麼值得關注-removerized",[20599],{"type":40,"value":20600},"為什麼值得關注 Removerized",{"type":34,"tag":42,"props":20602,"children":20603},{},[20604],{"type":40,"value":20605},"Removerized 把「隱私優先」和「可用性」放在同一個產品設計裡。你不需要先把素材交給第三方平台，就能直接在瀏覽器完成去背與畫質增強，對實務工作非常友善。",{"type":34,"tag":98,"props":20607,"children":20608},{},[],{"type":34,"tag":35,"props":20610,"children":20612},{"id":20611},"核心功能整理",[20613],{"type":40,"value":20611},{"type":34,"tag":42,"props":20615,"children":20616},{},[20617],{"type":40,"value":20618},"Removerized 目前已經具備日常很常用的圖像工具能力：",{"type":34,"tag":177,"props":20620,"children":20621},{},[20622,20627,20632,20637],{"type":34,"tag":126,"props":20623,"children":20624},{},[20625],{"type":40,"value":20626},"背景移除：快速輸出去背 PNG，適合電商圖與人物素材。",{"type":34,"tag":126,"props":20628,"children":20629},{},[20630],{"type":40,"value":20631},"AI 放大：在保留主要細節的前提下提高解析度。",{"type":34,"tag":126,"props":20633,"children":20634},{},[20635],{"type":40,"value":20636},"批次處理：可一次處理多張圖片，節省大量重複操作時間。",{"type":34,"tag":126,"props":20638,"children":20639},{},[20640],{"type":40,"value":20641},"離線可用：首次載入模型後，可在無網路情境繼續使用。",{"type":34,"tag":98,"props":20643,"children":20644},{},[],{"type":34,"tag":35,"props":20646,"children":20648},{"id":20647},"技術面亮點",[20649],{"type":40,"value":20647},{"type":34,"tag":42,"props":20651,"children":20652},{},[20653],{"type":40,"value":20654},"從開發者角度看，這個專案有幾個很實用的設計：",{"type":34,"tag":122,"props":20656,"children":20657},{},[20658,20663,20668],{"type":34,"tag":126,"props":20659,"children":20660},{},[20661],{"type":40,"value":20662},"純前端架構，部署與維護成本低。",{"type":34,"tag":126,"props":20664,"children":20665},{},[20666],{"type":40,"value":20667},"模型快取到本地儲存，重複使用時速度更穩定。",{"type":34,"tag":126,"props":20669,"children":20670},{},[20671],{"type":40,"value":20672},"不依賴資料上傳，天然符合隱私優先的產品需求。",{"type":34,"tag":42,"props":20674,"children":20675},{},[20676],{"type":40,"value":20677},"如果你正在規劃「本地端 AI 工具」或「無後端的 AI SaaS MVP」，Removerized 是一個值得直接參考的實作樣本。",{"type":34,"tag":98,"props":20679,"children":20680},{},[],{"type":34,"tag":35,"props":20682,"children":20684},{"id":20683},"如何開始使用",[20685],{"type":40,"value":20683},{"type":34,"tag":1854,"props":20687,"children":20689},{"id":20688},"線上直接體驗",[20690],{"type":40,"value":20688},{"type":34,"tag":42,"props":20692,"children":20693},{},[20694],{"type":40,"value":20695},"可直接開啟官方網站使用：",{"type":34,"tag":42,"props":20697,"children":20698},{},[20699],{"type":34,"tag":72,"props":20700,"children":20702},{"href":20587,"rel":20701},[76],[20703],{"type":40,"value":20704},"Removerized 線上工具",{"type":34,"tag":1854,"props":20706,"children":20708},{"id":20707},"本地端開發啟動",[20709],{"type":40,"value":20707},{"type":34,"tag":243,"props":20711,"children":20713},{"className":245,"code":20712,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002FyossTheDev\u002Fremoverized.git\ncd removerized\npnpm install\npnpm dev\n",[20714],{"type":34,"tag":58,"props":20715,"children":20716},{"__ignoreMap":8},[20717,20733,20745,20757],{"type":34,"tag":253,"props":20718,"children":20719},{"class":255,"line":256},[20720,20724,20728],{"type":34,"tag":253,"props":20721,"children":20722},{"style":260},[20723],{"type":40,"value":5021},{"type":34,"tag":253,"props":20725,"children":20726},{"style":271},[20727],{"type":40,"value":5026},{"type":34,"tag":253,"props":20729,"children":20730},{"style":271},[20731],{"type":40,"value":20732}," https:\u002F\u002Fgithub.com\u002FyossTheDev\u002Fremoverized.git\n",{"type":34,"tag":253,"props":20734,"children":20735},{"class":255,"line":708},[20736,20740],{"type":34,"tag":253,"props":20737,"children":20738},{"style":5037},[20739],{"type":40,"value":5040},{"type":34,"tag":253,"props":20741,"children":20742},{"style":271},[20743],{"type":40,"value":20744}," removerized\n",{"type":34,"tag":253,"props":20746,"children":20747},{"class":255,"line":733},[20748,20753],{"type":34,"tag":253,"props":20749,"children":20750},{"style":260},[20751],{"type":40,"value":20752},"pnpm",{"type":34,"tag":253,"props":20754,"children":20755},{"style":271},[20756],{"type":40,"value":8181},{"type":34,"tag":253,"props":20758,"children":20759},{"class":255,"line":755},[20760,20764],{"type":34,"tag":253,"props":20761,"children":20762},{"style":260},[20763],{"type":40,"value":20752},{"type":34,"tag":253,"props":20765,"children":20766},{"style":271},[20767],{"type":40,"value":5114},{"type":34,"tag":98,"props":20769,"children":20770},{},[],{"type":34,"tag":35,"props":20772,"children":20773},{"id":3369},[20774],{"type":40,"value":3369},{"type":34,"tag":42,"props":20776,"children":20777},{},[20778],{"type":40,"value":20779},"Removerized 的實用性來自兩個關鍵點：一是流程非常直覺，二是隱私邊界很清楚。你不需要在「方便」與「資料安全」之間做太多妥協，這對 AI 圖像工具來說是很有價值的方向。",{"type":34,"tag":42,"props":20781,"children":20782},{},[20783],{"type":40,"value":20784},"若你平常會做商品圖、社群素材或產品視覺稿，這種本地端優先的工具能有效降低交付風險，同時保留不錯的處理效率。",{"type":34,"tag":98,"props":20786,"children":20787},{},[],{"type":34,"tag":42,"props":20789,"children":20790},{},[20791],{"type":34,"tag":1008,"props":20792,"children":20793},{},[20794],{"type":40,"value":1514},{"type":34,"tag":122,"props":20796,"children":20797},{},[20798,20808],{"type":34,"tag":126,"props":20799,"children":20800},{},[20801],{"type":34,"tag":72,"props":20802,"children":20805},{"href":20803,"rel":20804},"https:\u002F\u002Fgithub.com\u002FyossTheDev\u002Fremoverized",[76],[20806],{"type":40,"value":20807},"Removerized GitHub 倉庫",{"type":34,"tag":126,"props":20809,"children":20810},{},[20811],{"type":34,"tag":72,"props":20812,"children":20814},{"href":20587,"rel":20813},[76],[20815],{"type":40,"value":20704},{"type":34,"tag":1548,"props":20817,"children":20818},{},[20819],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":20821},[20822,20823,20824,20825,20826,20830],{"id":37,"depth":708,"text":37},{"id":20597,"depth":708,"text":20600},{"id":20611,"depth":708,"text":20611},{"id":20647,"depth":708,"text":20647},{"id":20683,"depth":708,"text":20683,"children":20827},[20828,20829],{"id":20688,"depth":733,"text":20688},{"id":20707,"depth":733,"text":20707},{"id":3369,"depth":708,"text":3369},"content:articles:removerized.md","articles\u002Fremoverized.md","articles\u002Fremoverized",{"_path":20835,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":20836,"description":20837,"date":20838,"category":12,"image":20839,"tags":20840,"series":4859,"readingTime":2145,"difficulty":1587,"local":7,"platforms":20843,"gpu":29,"body":20844,"_type":1569,"_id":21305,"_source":1571,"_file":21306,"_stem":21307,"_extension":1574},"\u002Farticles\u002Fopen-design","Open Design 實測：用本地 CLI 快速做出作品集首頁","這次我把作品集首頁的大部分畫面交給 Open Design 處理。從選本地 Coding Agent、挑設計系統、輸入 brief，到生成設計稿與交付給 VS Code，整個流程比我預期順很多。","2026-05-29","\u002Fimages\u002Fopen-design-working.png",[20841,20842,14939],"AI Design","Agent Workflow",[1591,18],{"type":31,"children":20845,"toc":21293},[20846,20850,20862,20874,20879,20883,20896,20899,20905,20910,20916,20928,20933,20938,20956,20962,21017,21022,21040,21046,21051,21056,21079,21084,21102,21108,21113,21125,21142,21145,21151,21163,21168,21191,21196,21199,21204,21209,21232,21237,21240,21244,21249,21254,21261],{"type":34,"tag":35,"props":20847,"children":20848},{"id":37},[20849],{"type":40,"value":37},{"type":34,"tag":42,"props":20851,"children":20852},{},[20853,20855,20860],{"type":40,"value":20854},"這次我在做作品集首頁時，主體畫面大多是用 ",{"type":34,"tag":1008,"props":20856,"children":20857},{},[20858],{"type":40,"value":20859},"Open Design",{"type":40,"value":20861}," 完成的。它不是那種只會吐幾張靜態稿的工具，而是把「需求對齊、視覺方向、設計稿生成、交付給本地開發工具」串成一條比較完整的流程。",{"type":34,"tag":42,"props":20863,"children":20864},{},[20865,20867,20872],{"type":40,"value":20866},"先講清楚一點：",{"type":34,"tag":1008,"props":20868,"children":20869},{},[20870],{"type":40,"value":20871},"影片開頭那段麥金塔風格動畫不是用 Open Design 做的",{"type":40,"value":20873},"。那段我之後有機會再單獨寫一篇，分享實際製作方式。這篇先聚焦在 Open Design 本身的工作流。",{"type":34,"tag":42,"props":20875,"children":20876},{},[20877],{"type":40,"value":20878},"下面先放這次的成果錄影：",{"type":34,"tag":112,"props":20880,"children":20882},{"src":20881},"\u002Fvideos\u002Fopen-design.mp4",[],{"type":34,"tag":122,"props":20884,"children":20885},{},[20886],{"type":34,"tag":126,"props":20887,"children":20888},{},[20889],{"type":34,"tag":72,"props":20890,"children":20893},{"href":20891,"rel":20892},"https:\u002F\u002Fintroduce.shuochen.me\u002F",[76],[20894],{"type":40,"value":20895},"範例demo（按這裡前往）",{"type":34,"tag":98,"props":20897,"children":20898},{},[],{"type":34,"tag":35,"props":20900,"children":20902},{"id":20901},"我這次怎麼用-open-design",[20903],{"type":40,"value":20904},"我這次怎麼用 Open Design",{"type":34,"tag":42,"props":20906,"children":20907},{},[20908],{"type":40,"value":20909},"我這次不是拿它來做單純 landing page 草稿，而是直接拿來整理作品集首頁的骨架與視覺方向。實際操作下來，流程大概分成四步。",{"type":34,"tag":1854,"props":20911,"children":20913},{"id":20912},"_1-先接上本地-coding-agent",[20914],{"type":40,"value":20915},"1. 先接上本地 Coding Agent",{"type":34,"tag":42,"props":20917,"children":20918},{},[20919,20921,20926],{"type":40,"value":20920},"Open Design 一開始就不是只問你要不要輸入 prompt，它先問的是",{"type":34,"tag":1008,"props":20922,"children":20923},{},[20924],{"type":40,"value":20925},"怎麼執行",{"type":40,"value":20927},"。你可以接本地 Coding Agent，也可以改走自己的模型 Key。",{"type":34,"tag":42,"props":20929,"children":20930},{},[20931],{"type":40,"value":20932},"我這次走的是本地 CLI 模式。介面裡可以直接看到多種本機代理工具，像是 Claude Code、Codex CLI、Gemini CLI、Hermes、Cursor Agent、GitHub Copilot CLI 等。",{"type":34,"tag":42,"props":20934,"children":20935},{},[20936],{"type":40,"value":20937},"這個設計我很喜歡，因為它代表 Open Design 不是把設計和實作完全切開，而是從一開始就把「後面誰要接手」考慮進流程。",{"type":34,"tag":565,"props":20939,"children":20941},{"className":20940},[568,569,570,571,572,573,574],[20942,20943,20949,20950],{"type":40,"value":577},{"type":34,"tag":579,"props":20944,"children":20948},{"src":20945,"alt":20946,"className":20947},"\u002Fimages\u002Fopen-design-cli-selection.png","Open Design 在啟動時可選擇本地 Coding Agent 或自己的模型 Key",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":20951,"children":20953},{"className":20952},[590,591,592,593,594,595],[20954],{"type":40,"value":20955},"先決定是走本地 Coding Agent，還是改用自己的模型服務憑證",{"type":34,"tag":1854,"props":20957,"children":20959},{"id":20958},"_2-新專案時可以先鎖定設計系統",[20960],{"type":40,"value":20961},"2. 新專案時可以先鎖定設計系統",{"type":34,"tag":42,"props":20963,"children":20964},{},[20965,20967,20973,20974,20980,20981,20987,20988,20994,20995,21001,21002,21008,21009,21015],{"type":40,"value":20966},"建立新專案時，Open Design 不是只給你一個空白輸入框，而是先讓你挑設計系統。從截圖可以看到裡面有一整排風格分類，像是 ",{"type":34,"tag":58,"props":20968,"children":20970},{"className":20969},[],[20971],{"type":40,"value":20972},"Neutral Modern",{"type":40,"value":2000},{"type":34,"tag":58,"props":20975,"children":20977},{"className":20976},[],[20978],{"type":40,"value":20979},"Vibrant",{"type":40,"value":2000},{"type":34,"tag":58,"props":20982,"children":20984},{"className":20983},[],[20985],{"type":40,"value":20986},"Artistic",{"type":40,"value":2000},{"type":34,"tag":58,"props":20989,"children":20991},{"className":20990},[],[20992],{"type":40,"value":20993},"Cafe",{"type":40,"value":2000},{"type":34,"tag":58,"props":20996,"children":20998},{"className":20997},[],[20999],{"type":40,"value":21000},"Cosmic",{"type":40,"value":2000},{"type":34,"tag":58,"props":21003,"children":21005},{"className":21004},[],[21006],{"type":40,"value":21007},"Editorial",{"type":40,"value":2000},{"type":34,"tag":58,"props":21010,"children":21012},{"className":21011},[],[21013],{"type":40,"value":21014},"Fantasy",{"type":40,"value":21016}," 等。",{"type":34,"tag":42,"props":21018,"children":21019},{},[21020],{"type":40,"value":21021},"這一步很關鍵。很多 AI 工具會在「風格」這件事上講得很空，但 Open Design 是先把風格層級收斂，再往下走內容生成。對做品牌頁、作品集、提案頁的人來說，這比從零開始瞎試 prompt 有效率得多。",{"type":34,"tag":565,"props":21023,"children":21025},{"className":21024},[568,569,570,571,572,573,574],[21026,21027,21033,21034],{"type":40,"value":577},{"type":34,"tag":579,"props":21028,"children":21032},{"src":21029,"alt":21030,"className":21031},"\u002Fimages\u002Fopen-design-theme-picker.png","Open Design 建立新專案時可先選擇設計系統與整體風格",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":21035,"children":21037},{"className":21036},[590,591,592,593,594,595],[21038],{"type":40,"value":21039},"建立新專案時先選設計系統，能大幅降低後續視覺發散的成本",{"type":34,"tag":1854,"props":21041,"children":21043},{"id":21042},"_3-用-brief-把需求講清楚",[21044],{"type":40,"value":21045},"3. 用 brief 把需求講清楚",{"type":34,"tag":42,"props":21047,"children":21048},{},[21049],{"type":40,"value":21050},"我這次做的是個人作品集首頁，所以在 brief 裡我直接把頁面形式、重點連結、素材策略、作品排序和整體氣質都先講清楚。",{"type":34,"tag":42,"props":21052,"children":21053},{},[21054],{"type":40,"value":21055},"從畫面來看，這個 brief 區不是單行 prompt，而是偏向結構化需求收集。像是：",{"type":34,"tag":122,"props":21057,"children":21058},{},[21059,21064,21069,21074],{"type":34,"tag":126,"props":21060,"children":21061},{},[21062],{"type":40,"value":21063},"網站形式要做單頁 landing page，還是首頁加作品列表",{"type":34,"tag":126,"props":21065,"children":21066},{},[21067],{"type":40,"value":21068},"要放哪些連結",{"type":34,"tag":126,"props":21070,"children":21071},{},[21072],{"type":40,"value":21073},"作品呈現素材是先做高質感佔位，還是直接換真實素材",{"type":34,"tag":126,"props":21075,"children":21076},{},[21077],{"type":40,"value":21078},"想要更偏 Apple 發表頁、Linear、Vercel 或個人品牌感",{"type":34,"tag":42,"props":21080,"children":21081},{},[21082],{"type":40,"value":21083},"這種做法的好處是，它會逼你先把需求整理到一個不那麼模糊的程度。對我來說，這一步其實比生成本身更重要。",{"type":34,"tag":565,"props":21085,"children":21087},{"className":21086},[568,569,570,571,572,573,574],[21088,21089,21095,21096],{"type":40,"value":577},{"type":34,"tag":579,"props":21090,"children":21094},{"src":21091,"alt":21092,"className":21093},"\u002Fimages\u002Fopen-design-brief-confirmation.png","Open Design 會根據 brief 確認網站形式、連結、素材策略與整體視覺語氣",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":21097,"children":21099},{"className":21098},[590,591,592,593,594,595],[21100],{"type":40,"value":21101},"不是一句 prompt 丟出去就結束，而是先把需求與網站方向收斂清楚",{"type":34,"tag":1854,"props":21103,"children":21105},{"id":21104},"_4-開始工作後可以看到它真的在跑",[21106],{"type":40,"value":21107},"4. 開始工作後可以看到它真的在跑",{"type":34,"tag":42,"props":21109,"children":21110},{},[21111],{"type":40,"value":21112},"當需求確認完成後，右側是設計稿工作區，左側則會顯示 agent 的實際執行過程。從我這次的畫面可以看到，它不是只回一段「我幫你做好了」的文字，而是會列出執行紀錄、讀了哪些檔案、怎麼整理內容，最後再把結果交付出去。",{"type":34,"tag":42,"props":21114,"children":21115},{},[21116,21118,21123],{"type":40,"value":21117},"右上角還能直接看到 ",{"type":34,"tag":1008,"props":21119,"children":21120},{},[21121],{"type":40,"value":21122},"交付給 VS Code",{"type":40,"value":21124},"，這點我覺得非常實用。因為很多時候設計稿不是終點，真正有價值的是後面接回你自己的開發環境，繼續調整、重構、換真實資料。",{"type":34,"tag":565,"props":21126,"children":21128},{"className":21127},[568,569,570,571,572,573,574],[21129,21130,21135,21136],{"type":40,"value":577},{"type":34,"tag":579,"props":21131,"children":21134},{"src":20839,"alt":21132,"className":21133},"Open Design 在左側顯示 agent 執行紀錄，右側生成設計稿並可交付給 VS Code",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":21137,"children":21139},{"className":21138},[590,591,592,593,594,595],[21140],{"type":40,"value":21141},"左邊看 agent 執行過程，右邊看設計稿輸出，最後再接回 VS Code",{"type":34,"tag":98,"props":21143,"children":21144},{},[],{"type":34,"tag":35,"props":21146,"children":21148},{"id":21147},"我對-open-design-的實際感受",[21149],{"type":40,"value":21150},"我對 Open Design 的實際感受",{"type":34,"tag":42,"props":21152,"children":21153},{},[21154,21156,21161],{"type":40,"value":21155},"我自己最在意的，不是它能不能一次生成超漂亮畫面，而是它能不能幫我把",{"type":34,"tag":1008,"props":21157,"children":21158},{},[21159],{"type":40,"value":21160},"空白頁到可修改版本",{"type":40,"value":21162},"的距離縮短。",{"type":34,"tag":42,"props":21164,"children":21165},{},[21166],{"type":40,"value":21167},"這次用下來，Open Design 比較像是一個會先理解工作上下文，再開始動手的設計代理。它把幾件原本分散的事整合得不錯：",{"type":34,"tag":122,"props":21169,"children":21170},{},[21171,21176,21181,21186],{"type":34,"tag":126,"props":21172,"children":21173},{},[21174],{"type":40,"value":21175},"先決定由哪個本地 agent \u002F CLI 接手",{"type":34,"tag":126,"props":21177,"children":21178},{},[21179],{"type":40,"value":21180},"先收斂設計系統與視覺方向",{"type":34,"tag":126,"props":21182,"children":21183},{},[21184],{"type":40,"value":21185},"用結構化 brief 對齊需求",{"type":34,"tag":126,"props":21187,"children":21188},{},[21189],{"type":40,"value":21190},"把結果交回可持續開發的環境",{"type":34,"tag":42,"props":21192,"children":21193},{},[21194],{"type":40,"value":21195},"這類工具最怕的就是只會做出「看起來有設計感，但完全接不上實際專案」的產物。Open Design 至少在流程設計上，已經明顯比單純聊天式生 UI 更往前一步。",{"type":34,"tag":98,"props":21197,"children":21198},{},[],{"type":34,"tag":35,"props":21200,"children":21202},{"id":21201},"哪些人會適合用",[21203],{"type":40,"value":21201},{"type":34,"tag":42,"props":21205,"children":21206},{},[21207],{"type":40,"value":21208},"如果你符合下面這幾種情境，我覺得 Open Design 會很好用：",{"type":34,"tag":122,"props":21210,"children":21211},{},[21212,21217,21222,21227],{"type":34,"tag":126,"props":21213,"children":21214},{},[21215],{"type":40,"value":21216},"你已經有本地 CLI 工作流，想把設計發想也串進來",{"type":34,"tag":126,"props":21218,"children":21219},{},[21220],{"type":40,"value":21221},"你要快速搭作品集、活動頁、品牌首頁或簡單產品頁",{"type":34,"tag":126,"props":21223,"children":21224},{},[21225],{"type":40,"value":21226},"你不想一開始就自己從零排版，但也不想只拿到一張不能改的圖",{"type":34,"tag":126,"props":21228,"children":21229},{},[21230],{"type":40,"value":21231},"你比較在意「方向先對」，而不是無限抽卡式試 prompt",{"type":34,"tag":42,"props":21233,"children":21234},{},[21235],{"type":40,"value":21236},"如果你本來就習慣自己手切每個 section、每個間距、每個字級，那 Open Design 不一定會完全取代你的設計流程。但它很適合當第一輪的加速器。",{"type":34,"tag":98,"props":21238,"children":21239},{},[],{"type":34,"tag":35,"props":21241,"children":21242},{"id":9888},[21243],{"type":40,"value":9888},{"type":34,"tag":42,"props":21245,"children":21246},{},[21247],{"type":40,"value":21248},"這次作品集首頁的大部分內容，我確實是靠 Open Design 先把骨架與視覺方向拉起來。它幫我省掉了不少從空白頁開始試錯的時間，也讓設計和本地 CLI 工作流之間的銜接變得更自然。",{"type":34,"tag":42,"props":21250,"children":21251},{},[21252],{"type":40,"value":21253},"至於影片最前面那段麥金塔風格動畫，這篇先不展開。下次有機會我再單獨寫，分享那一段到底怎麼做。",{"type":34,"tag":42,"props":21255,"children":21256},{},[21257],{"type":34,"tag":1008,"props":21258,"children":21259},{},[21260],{"type":40,"value":1514},{"type":34,"tag":122,"props":21262,"children":21263},{},[21264,21274,21284],{"type":34,"tag":126,"props":21265,"children":21266},{},[21267],{"type":34,"tag":72,"props":21268,"children":21271},{"href":21269,"rel":21270},"https:\u002F\u002Fgithub.com\u002Fnexu-io\u002Fopen-design",[76],[21272],{"type":40,"value":21273},"Pot 官方 GitHub 倉庫",{"type":34,"tag":126,"props":21275,"children":21276},{},[21277],{"type":34,"tag":72,"props":21278,"children":21281},{"href":21279,"rel":21280},"https:\u002F\u002Fgithub.com\u002Fnexu-io\u002Fopen-design\u002Freleases",[76],[21282],{"type":40,"value":21283},"Pot 官方網站\u002F下載頁面",{"type":34,"tag":126,"props":21285,"children":21286},{},[21287],{"type":34,"tag":72,"props":21288,"children":21290},{"href":20891,"rel":21289},[76],[21291],{"type":40,"value":21292},"範例demo",{"title":8,"searchDepth":708,"depth":708,"links":21294},[21295,21296,21302,21303,21304],{"id":37,"depth":708,"text":37},{"id":20901,"depth":708,"text":20904,"children":21297},[21298,21299,21300,21301],{"id":20912,"depth":733,"text":20915},{"id":20958,"depth":733,"text":20961},{"id":21042,"depth":733,"text":21045},{"id":21104,"depth":733,"text":21107},{"id":21147,"depth":708,"text":21150},{"id":21201,"depth":708,"text":21201},{"id":9888,"depth":708,"text":9888},"content:articles:open-design.md","articles\u002Fopen-design.md","articles\u002Fopen-design",{"_path":21309,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":21310,"description":21311,"date":21312,"category":1580,"image":6124,"tags":21313,"series":1585,"readingTime":2145,"difficulty":1587,"local":24,"platforms":21314,"gpu":29,"body":21315,"_type":1569,"_id":22599,"_source":1571,"_file":22600,"_stem":22601,"_extension":1574},"\u002Farticles\u002Fpot","Pot (派了個萌的翻譯器) 實測：最完美的跨平台劃詞翻譯與 OCR 工具","尋找一款流暢、不打斷工作流的翻譯工具？Pot 支援多譯文並行比對、精準的截圖 OCR 與豐富的翻譯\u002F大模型接口，是 macOS, Windows 與 Linux 用戶的極致效率利器。","2026-05-28",[1584,15,17],[26,27,28],{"type":31,"children":21316,"toc":22580},[21317,21323,21335,21347,21380,21399,21405,21555,21565,21598,21601,21605,21610,21614,21620,21678,21681,21686,21691,21709,21749,21752,21757,21775,21781,21786,22018,22021,22027,22041,22234,22237,22242,22254,22260,22293,22299,22332,22335,22341,22368,22373,22392,22412,22497,22500,22504,22529,22536,22566,22569,22576],{"type":34,"tag":35,"props":21318,"children":21320},{"id":21319},"前言為什麼你需要-pot",[21321],{"type":40,"value":21322},"前言：為什麼你需要 Pot？",{"type":34,"tag":42,"props":21324,"children":21325},{},[21326,21328,21333],{"type":40,"value":21327},"在我們日常的開發與閱讀工作中，經常需要閱讀英文文檔、技術論文或是國外社群討論。我們平時常會使用像 ",{"type":34,"tag":1008,"props":21329,"children":21330},{},[21331],{"type":40,"value":21332},"沉浸式翻譯 (Immersive Translate)",{"type":40,"value":21334}," 這樣極為優秀的瀏覽器外掛。",{"type":34,"tag":42,"props":21336,"children":21337},{},[21338,21340,21345],{"type":40,"value":21339},"沉浸式翻譯無疑是",{"type":34,"tag":1008,"props":21341,"children":21342},{},[21343],{"type":40,"value":21344},"網頁雙語對照閱讀",{"type":40,"value":21346},"的王者，非常適合用來閱讀長篇文章、英文新聞或電子書。但在瀏覽器之外，我們仍然會遇到以下痛點：",{"type":34,"tag":177,"props":21348,"children":21349},{},[21350,21360,21370],{"type":34,"tag":126,"props":21351,"children":21352},{},[21353,21358],{"type":34,"tag":1008,"props":21354,"children":21355},{},[21356],{"type":40,"value":21357},"跨軟體工作流中斷",{"type":40,"value":21359},"：在終端機 (Terminal)、程式碼編輯器 (VS Code)、Slack 或本地 PDF 閱讀器中，無法直接使用瀏覽器外掛翻譯，必須頻繁複製貼上。",{"type":34,"tag":126,"props":21361,"children":21362},{},[21363,21368],{"type":34,"tag":1008,"props":21364,"children":21365},{},[21366],{"type":40,"value":21367},"翻譯結果單一",{"type":40,"value":21369},"：有些專業術語在 A 翻譯很生硬，在 B 翻譯卻很自然。單一翻譯軟體無法讓我們快速比對多個結果。",{"type":34,"tag":126,"props":21371,"children":21372},{},[21373,21378],{"type":34,"tag":1008,"props":21374,"children":21375},{},[21376],{"type":40,"value":21377},"遇到無法複製的文字",{"type":40,"value":21379},"：例如圖片、影片字幕、設計稿、PDF 或某些防複製的網頁，此時只能手動打字，極度浪費時間。",{"type":34,"tag":42,"props":21381,"children":21382},{},[21383,21385,21390,21392,21397],{"type":40,"value":21384},"這時候，",{"type":34,"tag":1008,"props":21386,"children":21387},{},[21388],{"type":40,"value":21389},"Pot (派了個萌的翻譯器)",{"type":40,"value":21391}," 就是最完美的互補工具。與沉浸式翻譯側重於「網頁排版與雙語對照」不同，Pot 是一款",{"type":34,"tag":1008,"props":21393,"children":21394},{},[21395],{"type":40,"value":21396},"全系統級的劃詞翻譯與 OCR 工具",{"type":40,"value":21398},"，專為隨時隨地的零碎翻譯與跨軟體操作設計。",{"type":34,"tag":1854,"props":21400,"children":21402},{"id":21401},"沉浸式翻譯-vs-pot",[21403],{"type":40,"value":21404},"沉浸式翻譯 vs Pot",{"type":34,"tag":6866,"props":21406,"children":21407},{},[21408,21427],{"type":34,"tag":6870,"props":21409,"children":21410},{},[21411],{"type":34,"tag":6874,"props":21412,"children":21413},{},[21414,21419,21423],{"type":34,"tag":6878,"props":21415,"children":21416},{"align":6880},[21417],{"type":40,"value":21418},"特性 \u002F 場景",{"type":34,"tag":6878,"props":21420,"children":21421},{"align":6880},[21422],{"type":40,"value":21332},{"type":34,"tag":6878,"props":21424,"children":21425},{"align":6880},[21426],{"type":40,"value":21389},{"type":34,"tag":6890,"props":21428,"children":21429},{},[21430,21466,21487,21508,21529],{"type":34,"tag":6874,"props":21431,"children":21432},{},[21433,21440,21450],{"type":34,"tag":6897,"props":21434,"children":21435},{"align":6880},[21436],{"type":34,"tag":1008,"props":21437,"children":21438},{},[21439],{"type":40,"value":15907},{"type":34,"tag":6897,"props":21441,"children":21442},{"align":6880},[21443,21445],{"type":40,"value":21444},"網頁、電子書及長文的",{"type":34,"tag":1008,"props":21446,"children":21447},{},[21448],{"type":40,"value":21449},"雙語對照閱讀",{"type":34,"tag":6897,"props":21451,"children":21452},{"align":6880},[21453,21455,21460,21461],{"type":40,"value":21454},"系統級",{"type":34,"tag":1008,"props":21456,"children":21457},{},[21458],{"type":40,"value":21459},"隨劃隨譯",{"type":40,"value":14502},{"type":34,"tag":1008,"props":21462,"children":21463},{},[21464],{"type":40,"value":21465},"截圖 OCR 翻譯",{"type":34,"tag":6874,"props":21467,"children":21468},{},[21469,21477,21482],{"type":34,"tag":6897,"props":21470,"children":21471},{"align":6880},[21472],{"type":34,"tag":1008,"props":21473,"children":21474},{},[21475],{"type":40,"value":21476},"運行環境",{"type":34,"tag":6897,"props":21478,"children":21479},{"align":6880},[21480],{"type":40,"value":21481},"瀏覽器擴充外掛 (Browser Extension)",{"type":34,"tag":6897,"props":21483,"children":21484},{"align":6880},[21485],{"type":40,"value":21486},"系統桌面端獨立軟體 (Tauri \u002F Rust App)",{"type":34,"tag":6874,"props":21488,"children":21489},{},[21490,21498,21503],{"type":34,"tag":6897,"props":21491,"children":21492},{"align":6880},[21493],{"type":34,"tag":1008,"props":21494,"children":21495},{},[21496],{"type":40,"value":21497},"適用對象",{"type":34,"tag":6897,"props":21499,"children":21500},{"align":6880},[21501],{"type":40,"value":21502},"長篇英文網頁、網頁 PDF、外文新聞",{"type":34,"tag":6897,"props":21504,"children":21505},{"align":6880},[21506],{"type":40,"value":21507},"終端機、編輯器、聊天軟體、無法複製的文字",{"type":34,"tag":6874,"props":21509,"children":21510},{},[21511,21519,21524],{"type":34,"tag":6897,"props":21512,"children":21513},{"align":6880},[21514],{"type":34,"tag":1008,"props":21515,"children":21516},{},[21517],{"type":40,"value":21518},"翻譯機制",{"type":34,"tag":6897,"props":21520,"children":21521},{"align":6880},[21522],{"type":40,"value":21523},"原生網頁 DOM 注入，排版優美",{"type":34,"tag":6897,"props":21525,"children":21526},{"align":6880},[21527],{"type":40,"value":21528},"快捷鍵呼出懸浮窗，滑鼠移開即走",{"type":34,"tag":6874,"props":21530,"children":21531},{},[21532,21540,21545],{"type":34,"tag":6897,"props":21533,"children":21534},{"align":6880},[21535],{"type":34,"tag":1008,"props":21536,"children":21537},{},[21538],{"type":40,"value":21539},"比對功能",{"type":34,"tag":6897,"props":21541,"children":21542},{"align":6880},[21543],{"type":40,"value":21544},"單一引擎翻譯（可手動切換）",{"type":34,"tag":6897,"props":21546,"children":21547},{"align":6880},[21548,21553],{"type":34,"tag":1008,"props":21549,"children":21550},{},[21551],{"type":40,"value":21552},"多翻譯引擎結果並行呈現",{"type":40,"value":21554},"，交叉比對",{"type":34,"tag":42,"props":21556,"children":21557},{},[21558,21563],{"type":34,"tag":1008,"props":21559,"children":21560},{},[21561],{"type":40,"value":21562},"Pot",{"type":40,"value":21564}," 基於 Tauri 與 Rust 打造，速度極快、佔用記憶體小，更具備以下三大殺手級優勢：",{"type":34,"tag":122,"props":21566,"children":21567},{},[21568,21578,21588],{"type":34,"tag":126,"props":21569,"children":21570},{},[21571,21576],{"type":34,"tag":1008,"props":21572,"children":21573},{},[21574],{"type":40,"value":21575},"多接口並行翻譯",{"type":40,"value":21577},"：可同時呼叫 DeepL、Google、Gemini、OpenAI 等多個服務，並行呈現譯文，方便交叉比對。",{"type":34,"tag":126,"props":21579,"children":21580},{},[21581,21586],{"type":34,"tag":1008,"props":21582,"children":21583},{},[21584],{"type":40,"value":21585},"快捷鍵叫出浮框",{"type":40,"value":21587},"：選取文字後按下快捷鍵即刻顯現，滑鼠移開自動消失，絕不打斷思維。",{"type":34,"tag":126,"props":21589,"children":21590},{},[21591,21596],{"type":34,"tag":1008,"props":21592,"children":21593},{},[21594],{"type":40,"value":21595},"強大的截圖 OCR 與翻譯",{"type":40,"value":21597},"：一鍵選取畫面任意區域，即可自動識別文字並翻譯，響應極為靈敏。",{"type":34,"tag":98,"props":21599,"children":21600},{},[],{"type":34,"tag":35,"props":21602,"children":21603},{"id":15734},[21604],{"type":40,"value":15737},{"type":34,"tag":42,"props":21606,"children":21607},{},[21608],{"type":40,"value":21609},"下面是實際運行 Pot 進行 OCR 辨識與劃詞翻譯的動態展示：",{"type":34,"tag":112,"props":21611,"children":21613},{"src":21612},"\u002Fvideos\u002FPOT效果.mp4",[],{"type":34,"tag":1854,"props":21615,"children":21617},{"id":21616},"實測片段說明",[21618],{"type":40,"value":21619},"實測片段說明：",{"type":34,"tag":177,"props":21621,"children":21622},{},[21623,21647],{"type":34,"tag":126,"props":21624,"children":21625},{},[21626,21631],{"type":34,"tag":1008,"props":21627,"children":21628},{},[21629],{"type":40,"value":21630},"第一段：OCR 辨識與翻譯",{"type":34,"tag":122,"props":21632,"children":21633},{},[21634],{"type":34,"tag":126,"props":21635,"children":21636},{},[21637,21639,21645],{"type":40,"value":21638},"當我們在畫面上遇到無法選取複製的字樣時，按下截圖 OCR 快捷鍵（例如 ",{"type":34,"tag":58,"props":21640,"children":21642},{"className":21641},[],[21643],{"type":40,"value":21644},"Option + X",{"type":40,"value":21646},"），框選後立刻就能自動識別文字並翻譯。響應速度極快，且介面非常直覺，非常適合處理圖片、PDF 或受版權保護的網頁。",{"type":34,"tag":126,"props":21648,"children":21649},{},[21650,21655],{"type":34,"tag":1008,"props":21651,"children":21652},{},[21653],{"type":40,"value":21654},"第二段：框選文字（劃詞）翻譯",{"type":34,"tag":122,"props":21656,"children":21657},{},[21658],{"type":34,"tag":126,"props":21659,"children":21660},{},[21661,21663,21669,21671,21676],{"type":40,"value":21662},"選取文字後按下劃詞快捷鍵（例如 ",{"type":34,"tag":58,"props":21664,"children":21666},{"className":21665},[],[21667],{"type":40,"value":21668},"Option + C",{"type":40,"value":21670},"）即可呼出翻譯浮框。雖然市面上有很多優秀產品，但 Pot 最強的地方在於",{"type":34,"tag":1008,"props":21672,"children":21673},{},[21674],{"type":40,"value":21675},"它可以同時呈現多個翻譯引擎的結果",{"type":40,"value":21677},"。藉由多譯文的交叉比對，我們能更謹慎地審視並理解專有名詞與複雜語句，且浮框完全不會干擾原本的開發或閱讀流程。",{"type":34,"tag":98,"props":21679,"children":21680},{},[],{"type":34,"tag":35,"props":21682,"children":21684},{"id":21683},"我的設定推薦",[21685],{"type":40,"value":21683},{"type":34,"tag":42,"props":21687,"children":21688},{},[21689],{"type":40,"value":21690},"要發揮 Pot 的最大威力，強烈建議在「偏好設定」中將常用的快捷鍵設定好。可以根據西慣設定 還有記得這裡可以改繁體中文的設定：",{"type":34,"tag":565,"props":21692,"children":21694},{"className":21693},[568,569,570,571,572,573,574],[21695,21696,21702,21703],{"type":40,"value":577},{"type":34,"tag":579,"props":21697,"children":21701},{"src":21698,"alt":21699,"className":21700},"\u002Fimages\u002FPOT我的設定.jpg","Pot 個人設定推薦",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":21704,"children":21706},{"className":21705},[590,591,592,593,594,595],[21707],{"type":40,"value":21708},"繁體中文的設定推薦",{"type":34,"tag":10421,"props":21710,"children":21711},{},[21712,21721,21744],{"type":34,"tag":42,"props":21713,"children":21714},{},[21715,21719],{"type":34,"tag":253,"props":21716,"children":21717},{},[21718],{"type":40,"value":16217},{"type":40,"value":21720},"\n建議將「劃詞翻譯」與「截圖 OCR」設定成你最順手的組合鍵。例如在 macOS 上，我設定為：",{"type":34,"tag":122,"props":21722,"children":21723},{},[21724,21734],{"type":34,"tag":126,"props":21725,"children":21726},{},[21727,21729],{"type":40,"value":21728},"劃詞翻譯：",{"type":34,"tag":58,"props":21730,"children":21732},{"className":21731},[],[21733],{"type":40,"value":21668},{"type":34,"tag":126,"props":21735,"children":21736},{},[21737,21739],{"type":40,"value":21738},"截圖 OCR：",{"type":34,"tag":58,"props":21740,"children":21742},{"className":21741},[],[21743],{"type":40,"value":21644},{"type":34,"tag":42,"props":21745,"children":21746},{},[21747],{"type":40,"value":21748},"這樣雙手不需要離開鍵盤主要區域，就能在 1 秒內完成翻譯與文字識別。",{"type":34,"tag":98,"props":21750,"children":21751},{},[],{"type":34,"tag":35,"props":21753,"children":21755},{"id":21754},"各平台兩大下載安裝方式",[21756],{"type":40,"value":21754},{"type":34,"tag":42,"props":21758,"children":21759},{},[21760,21762,21767,21768,21773],{"type":40,"value":21761},"Pot 支援 Windows、macOS 與 Linux，為了滿足不同習慣的用戶，這裡整理了",{"type":34,"tag":1008,"props":21763,"children":21764},{},[21765],{"type":40,"value":21766},"套件管理器安裝",{"type":40,"value":14502},{"type":34,"tag":1008,"props":21769,"children":21770},{},[21771],{"type":40,"value":21772},"手動下載安裝包",{"type":40,"value":21774},"兩種管道：",{"type":34,"tag":1854,"props":21776,"children":21778},{"id":21777},"方式一套件管理器安裝推薦支援自動更新",[21779],{"type":40,"value":21780},"方式一：套件管理器安裝（推薦，支援自動更新）",{"type":34,"tag":42,"props":21782,"children":21783},{},[21784],{"type":40,"value":21785},"如果你喜歡使用終端機管理軟體，這是最便捷的方式：",{"type":34,"tag":122,"props":21787,"children":21788},{},[21789,21863,21885],{"type":34,"tag":126,"props":21790,"children":21791},{},[21792,21797],{"type":34,"tag":1008,"props":21793,"children":21794},{},[21795],{"type":40,"value":21796},"macOS (Homebrew)",{"type":34,"tag":243,"props":21798,"children":21800},{"className":245,"code":21799,"language":247,"meta":8,"style":8},"# 添加 tap 倉庫\nbrew tap pot-app\u002Fhomebrew-tap\n\n# 安裝 pot\nbrew install --cask pot\n",[21801],{"type":34,"tag":58,"props":21802,"children":21803},{"__ignoreMap":8},[21804,21812,21828,21835,21843],{"type":34,"tag":253,"props":21805,"children":21806},{"class":255,"line":256},[21807],{"type":34,"tag":253,"props":21808,"children":21809},{"style":5059},[21810],{"type":40,"value":21811},"# 添加 tap 倉庫\n",{"type":34,"tag":253,"props":21813,"children":21814},{"class":255,"line":708},[21815,21819,21823],{"type":34,"tag":253,"props":21816,"children":21817},{"style":260},[21818],{"type":40,"value":3676},{"type":34,"tag":253,"props":21820,"children":21821},{"style":271},[21822],{"type":40,"value":3681},{"type":34,"tag":253,"props":21824,"children":21825},{"style":271},[21826],{"type":40,"value":21827}," pot-app\u002Fhomebrew-tap\n",{"type":34,"tag":253,"props":21829,"children":21830},{"class":255,"line":733},[21831],{"type":34,"tag":253,"props":21832,"children":21833},{"emptyLinePlaceholder":24},[21834],{"type":40,"value":5053},{"type":34,"tag":253,"props":21836,"children":21837},{"class":255,"line":755},[21838],{"type":34,"tag":253,"props":21839,"children":21840},{"style":5059},[21841],{"type":40,"value":21842},"# 安裝 pot\n",{"type":34,"tag":253,"props":21844,"children":21845},{"class":255,"line":777},[21846,21850,21854,21858],{"type":34,"tag":253,"props":21847,"children":21848},{"style":260},[21849],{"type":40,"value":3676},{"type":34,"tag":253,"props":21851,"children":21852},{"style":271},[21853],{"type":40,"value":3698},{"type":34,"tag":253,"props":21855,"children":21856},{"style":265},[21857],{"type":40,"value":3703},{"type":34,"tag":253,"props":21859,"children":21860},{"style":271},[21861],{"type":40,"value":21862}," pot\n",{"type":34,"tag":126,"props":21864,"children":21865},{},[21866,21871],{"type":34,"tag":1008,"props":21867,"children":21868},{},[21869],{"type":40,"value":21870},"Windows (Winget)",{"type":34,"tag":243,"props":21872,"children":21874},{"className":7724,"code":21873,"language":7726,"meta":8,"style":8},"winget install Pylogmon.pot\n",[21875],{"type":34,"tag":58,"props":21876,"children":21877},{"__ignoreMap":8},[21878],{"type":34,"tag":253,"props":21879,"children":21880},{"class":255,"line":256},[21881],{"type":34,"tag":253,"props":21882,"children":21883},{},[21884],{"type":40,"value":21873},{"type":34,"tag":126,"props":21886,"children":21887},{},[21888,21893],{"type":34,"tag":1008,"props":21889,"children":21890},{},[21891],{"type":40,"value":21892},"Linux (Arch Linux \u002F Debian \u002F Ubuntu \u002F Flatpak)",{"type":34,"tag":122,"props":21894,"children":21895},{},[21896,21935,21980],{"type":34,"tag":126,"props":21897,"children":21898},{},[21899,21903,21904],{"type":34,"tag":1008,"props":21900,"children":21901},{},[21902],{"type":40,"value":20365},{"type":40,"value":17075},{"type":34,"tag":243,"props":21905,"children":21907},{"className":245,"code":21906,"language":247,"meta":8,"style":8},"yay -S pot-translation\n# 或 sudo pacman -S pot-translation\n",[21908],{"type":34,"tag":58,"props":21909,"children":21910},{"__ignoreMap":8},[21911,21927],{"type":34,"tag":253,"props":21912,"children":21913},{"class":255,"line":256},[21914,21918,21922],{"type":34,"tag":253,"props":21915,"children":21916},{"style":260},[21917],{"type":40,"value":8114},{"type":34,"tag":253,"props":21919,"children":21920},{"style":265},[21921],{"type":40,"value":8119},{"type":34,"tag":253,"props":21923,"children":21924},{"style":271},[21925],{"type":40,"value":21926}," pot-translation\n",{"type":34,"tag":253,"props":21928,"children":21929},{"class":255,"line":708},[21930],{"type":34,"tag":253,"props":21931,"children":21932},{"style":5059},[21933],{"type":40,"value":21934},"# 或 sudo pacman -S pot-translation\n",{"type":34,"tag":126,"props":21936,"children":21937},{},[21938,21942,21944,21950,21952],{"type":34,"tag":1008,"props":21939,"children":21940},{},[21941],{"type":40,"value":20311},{"type":40,"value":21943},"：前往 Release 下載對應 ",{"type":34,"tag":58,"props":21945,"children":21947},{"className":21946},[],[21948],{"type":40,"value":21949},".deb",{"type":40,"value":21951}," 檔後執行：\n",{"type":34,"tag":243,"props":21953,"children":21955},{"className":245,"code":21954,"language":247,"meta":8,"style":8},"sudo apt-get install .\u002Fpot_{version}_amd64.deb\n",[21956],{"type":34,"tag":58,"props":21957,"children":21958},{"__ignoreMap":8},[21959],{"type":34,"tag":253,"props":21960,"children":21961},{"class":255,"line":256},[21962,21966,21971,21975],{"type":34,"tag":253,"props":21963,"children":21964},{"style":260},[21965],{"type":40,"value":3765},{"type":34,"tag":253,"props":21967,"children":21968},{"style":271},[21969],{"type":40,"value":21970}," apt-get",{"type":34,"tag":253,"props":21972,"children":21973},{"style":271},[21974],{"type":40,"value":3698},{"type":34,"tag":253,"props":21976,"children":21977},{"style":271},[21978],{"type":40,"value":21979}," .\u002Fpot_{version}_amd64.deb\n",{"type":34,"tag":126,"props":21981,"children":21982},{},[21983,21988,21989],{"type":34,"tag":1008,"props":21984,"children":21985},{},[21986],{"type":40,"value":21987},"Flatpak",{"type":40,"value":17075},{"type":34,"tag":243,"props":21990,"children":21992},{"className":245,"code":21991,"language":247,"meta":8,"style":8},"flatpak install flathub app.pot_app.pot-desktop\n",[21993],{"type":34,"tag":58,"props":21994,"children":21995},{"__ignoreMap":8},[21996],{"type":34,"tag":253,"props":21997,"children":21998},{"class":255,"line":256},[21999,22004,22008,22013],{"type":34,"tag":253,"props":22000,"children":22001},{"style":260},[22002],{"type":40,"value":22003},"flatpak",{"type":34,"tag":253,"props":22005,"children":22006},{"style":271},[22007],{"type":40,"value":3698},{"type":34,"tag":253,"props":22009,"children":22010},{"style":271},[22011],{"type":40,"value":22012}," flathub",{"type":34,"tag":253,"props":22014,"children":22015},{"style":271},[22016],{"type":40,"value":22017}," app.pot_app.pot-desktop\n",{"type":34,"tag":98,"props":22019,"children":22020},{},[],{"type":34,"tag":1854,"props":22022,"children":22024},{"id":22023},"方式二手動下載獨立安裝包",[22025],{"type":40,"value":22026},"方式二：手動下載獨立安裝包",{"type":34,"tag":42,"props":22028,"children":22029},{},[22030,22032,22039],{"type":40,"value":22031},"如果你偏好傳統的圖形安裝介面，可以前往 ",{"type":34,"tag":72,"props":22033,"children":22036},{"href":22034,"rel":22035},"https:\u002F\u002Fgithub.com\u002Fpot-app\u002Fpot-desktop\u002Freleases",[76],[22037],{"type":40,"value":22038},"Pot GitHub Releases",{"type":40,"value":22040}," 下載最新版本：",{"type":34,"tag":122,"props":22042,"children":22043},{},[22044,22129,22204],{"type":34,"tag":126,"props":22045,"children":22046},{},[22047,22052],{"type":34,"tag":1008,"props":22048,"children":22049},{},[22050],{"type":40,"value":22051},"macOS 用戶",{"type":34,"tag":122,"props":22053,"children":22054},{},[22055,22072,22088],{"type":34,"tag":126,"props":22056,"children":22057},{},[22058,22063,22065,22071],{"type":34,"tag":1008,"props":22059,"children":22060},{},[22061],{"type":40,"value":22062},"M1\u002FM2\u002FM3 等 Apple Silicon 晶片",{"type":40,"value":22064},"：請下載 ",{"type":34,"tag":58,"props":22066,"children":22068},{"className":22067},[],[22069],{"type":40,"value":22070},"pot_{version}_aarch64.dmg",{"type":40,"value":222},{"type":34,"tag":126,"props":22073,"children":22074},{},[22075,22080,22081,22087],{"type":34,"tag":1008,"props":22076,"children":22077},{},[22078],{"type":40,"value":22079},"Intel 晶片",{"type":40,"value":22064},{"type":34,"tag":58,"props":22082,"children":22084},{"className":22083},[],[22085],{"type":40,"value":22086},"pot_{version}_x64.dmg",{"type":40,"value":222},{"type":34,"tag":126,"props":22089,"children":22090},{},[22091,22096,22098],{"type":34,"tag":1008,"props":22092,"children":22093},{},[22094],{"type":40,"value":22095},"避坑指南",{"type":40,"value":22097},"：若安裝後啟動提示「無法打開，因為開發者無法驗證」，請前往系統「設定」->「隱私與安全性」，點擊「仍要打開」；或者在終端機中執行以下指令解除隔離：\n",{"type":34,"tag":243,"props":22099,"children":22101},{"className":245,"code":22100,"language":247,"meta":8,"style":8},"sudo xattr -d com.apple.quarantine \u002FApplications\u002Fpot.app\n",[22102],{"type":34,"tag":58,"props":22103,"children":22104},{"__ignoreMap":8},[22105],{"type":34,"tag":253,"props":22106,"children":22107},{"class":255,"line":256},[22108,22112,22116,22120,22124],{"type":34,"tag":253,"props":22109,"children":22110},{"style":260},[22111],{"type":40,"value":3765},{"type":34,"tag":253,"props":22113,"children":22114},{"style":271},[22115],{"type":40,"value":3770},{"type":34,"tag":253,"props":22117,"children":22118},{"style":265},[22119],{"type":40,"value":1817},{"type":34,"tag":253,"props":22121,"children":22122},{"style":271},[22123],{"type":40,"value":1822},{"type":34,"tag":253,"props":22125,"children":22126},{"style":271},[22127],{"type":40,"value":22128}," \u002FApplications\u002Fpot.app\n",{"type":34,"tag":126,"props":22130,"children":22131},{},[22132,22137],{"type":34,"tag":1008,"props":22133,"children":22134},{},[22135],{"type":40,"value":22136},"Windows 用戶",{"type":34,"tag":122,"props":22138,"children":22139},{},[22140,22156,22172,22188],{"type":34,"tag":126,"props":22141,"children":22142},{},[22143,22148,22149,22155],{"type":34,"tag":1008,"props":22144,"children":22145},{},[22146],{"type":40,"value":22147},"64 位元系統",{"type":40,"value":20313},{"type":34,"tag":58,"props":22150,"children":22152},{"className":22151},[],[22153],{"type":40,"value":22154},"pot_{version}_x64-setup.exe",{"type":40,"value":222},{"type":34,"tag":126,"props":22157,"children":22158},{},[22159,22164,22165,22171],{"type":34,"tag":1008,"props":22160,"children":22161},{},[22162],{"type":40,"value":22163},"32 位元系統",{"type":40,"value":20313},{"type":34,"tag":58,"props":22166,"children":22168},{"className":22167},[],[22169],{"type":40,"value":22170},"pot_{version}_x86-setup.exe",{"type":40,"value":222},{"type":34,"tag":126,"props":22173,"children":22174},{},[22175,22180,22181,22187],{"type":34,"tag":1008,"props":22176,"children":22177},{},[22178],{"type":40,"value":22179},"ARM64 系統",{"type":40,"value":20313},{"type":34,"tag":58,"props":22182,"children":22184},{"className":22183},[],[22185],{"type":40,"value":22186},"pot_{version}_arm64-setup.exe",{"type":40,"value":222},{"type":34,"tag":126,"props":22189,"children":22190},{},[22191,22195,22197,22203],{"type":34,"tag":1008,"props":22192,"children":22193},{},[22194],{"type":40,"value":22095},{"type":40,"value":22196},"：若啟動後沒有反應或沒有視窗，可能是因為系統缺少 WebView2。請手動安裝微軟的 WebView2 Runtime，或在 Release 頁面下載內建 WebView2 的版本：",{"type":34,"tag":58,"props":22198,"children":22200},{"className":22199},[],[22201],{"type":40,"value":22202},"pot_{version}_{arch}_fix_webview2_runtime-setup.exe",{"type":40,"value":222},{"type":34,"tag":126,"props":22205,"children":22206},{},[22207,22212],{"type":34,"tag":1008,"props":22208,"children":22209},{},[22210],{"type":40,"value":22211},"Linux 用戶",{"type":34,"tag":122,"props":22213,"children":22214},{},[22215],{"type":34,"tag":126,"props":22216,"children":22217},{},[22218,22220,22225,22226,22232],{"type":40,"value":22219},"可從 Releases 頁面下載 ",{"type":34,"tag":58,"props":22221,"children":22223},{"className":22222},[],[22224],{"type":40,"value":21949},{"type":40,"value":2000},{"type":34,"tag":58,"props":22227,"children":22229},{"className":22228},[],[22230],{"type":40,"value":22231},".AppImage",{"type":40,"value":22233}," 或其他合適的封裝版本進行安裝。",{"type":34,"tag":98,"props":22235,"children":22236},{},[],{"type":34,"tag":35,"props":22238,"children":22240},{"id":22239},"強大的擴充性與支援接口",[22241],{"type":40,"value":22239},{"type":34,"tag":42,"props":22243,"children":22244},{},[22245,22247,22252],{"type":40,"value":22246},"Pot 雖然輕量，但其背後的接口支持度無可匹敵。你可以透過設定或內建的",{"type":34,"tag":1008,"props":22248,"children":22249},{},[22250],{"type":40,"value":22251},"插件系統",{"type":40,"value":22253},"來連接你自己的 API：",{"type":34,"tag":1854,"props":22255,"children":22257},{"id":22256},"_1-支援的翻譯與大模型接口",[22258],{"type":40,"value":22259},"1. 支援的翻譯與大模型接口",{"type":34,"tag":122,"props":22261,"children":22262},{},[22263,22273,22283],{"type":34,"tag":126,"props":22264,"children":22265},{},[22266,22271],{"type":34,"tag":1008,"props":22267,"children":22268},{},[22269],{"type":40,"value":22270},"大語言模型",{"type":40,"value":22272},"：OpenAI, Gemini Pro, 智譜 AI, Ollama (本地離線模型) 等。",{"type":34,"tag":126,"props":22274,"children":22275},{},[22276,22281],{"type":34,"tag":1008,"props":22277,"children":22278},{},[22279],{"type":40,"value":22280},"傳統翻譯",{"type":40,"value":22282},"：DeepL, Google, Bing 詞典, 有道翻譯, 百度\u002F騰訊\u002F火山翻譯等。",{"type":34,"tag":126,"props":22284,"children":22285},{},[22286,22291],{"type":34,"tag":1008,"props":22287,"children":22288},{},[22289],{"type":40,"value":22290},"擴充插件",{"type":40,"value":22292},"：ECDICT, Lingva, Tatoeba 等。",{"type":34,"tag":1854,"props":22294,"children":22296},{"id":22295},"_2-文字識別-ocr-與語音合成-tts",[22297],{"type":40,"value":22298},"2. 文字識別 (OCR) 與語音合成 (TTS)",{"type":34,"tag":122,"props":22300,"children":22301},{},[22302,22312,22322],{"type":34,"tag":126,"props":22303,"children":22304},{},[22305,22310],{"type":34,"tag":1008,"props":22306,"children":22307},{},[22308],{"type":40,"value":22309},"系統原生 OCR",{"type":40,"value":22311},"：在 macOS 上直接呼叫 Apple Vision Framework，在 Windows 上呼叫 Windows.Media.OCR，完全離線且精準度極高！",{"type":34,"tag":126,"props":22313,"children":22314},{},[22315,22320],{"type":34,"tag":1008,"props":22316,"children":22317},{},[22318],{"type":40,"value":22319},"雲端 OCR",{"type":40,"value":22321},"：百度、騰訊、火山、Simple LaTeX (公式識別) 等。",{"type":34,"tag":126,"props":22323,"children":22324},{},[22325,22330],{"type":34,"tag":1008,"props":22326,"children":22327},{},[22328],{"type":40,"value":22329},"生詞本同步",{"type":40,"value":22331},"：支援同步到 Anki、歐路詞典、有道單字本、扇貝單字等，非常適合外語學習者。",{"type":34,"tag":98,"props":22333,"children":22334},{},[],{"type":34,"tag":35,"props":22336,"children":22338},{"id":22337},"開發者進階外部-api-調用",[22339],{"type":40,"value":22340},"開發者進階：外部 API 調用",{"type":34,"tag":42,"props":22342,"children":22343},{},[22344,22346,22352,22354,22359,22361,22366],{"type":40,"value":22345},"Pot 在設計上非常開放，它在本機啟動了一個輕量 HTTP 服務（預設監聽 ",{"type":34,"tag":58,"props":22347,"children":22349},{"className":22348},[],[22350],{"type":40,"value":22351},"127.0.0.1:60828",{"type":40,"value":22353},"）。這代表你可以使用其他軟體（如 macOS 上的 ",{"type":34,"tag":1008,"props":22355,"children":22356},{},[22357],{"type":40,"value":22358},"PopClip",{"type":40,"value":22360}," 或 Windows 上的 ",{"type":34,"tag":1008,"props":22362,"children":22363},{},[22364],{"type":40,"value":22365},"SnipDo",{"type":40,"value":22367},"）直接發送請求來調用 Pot。",{"type":34,"tag":42,"props":22369,"children":22370},{},[22371],{"type":40,"value":22372},"例如，你可以透過簡單的 curl 指令來觸發 Pot 的劃詞翻譯：",{"type":34,"tag":243,"props":22374,"children":22376},{"className":245,"code":22375,"language":247,"meta":8,"style":8},"curl \"127.0.0.1:60828\u002Fselection_translate\"\n",[22377],{"type":34,"tag":58,"props":22378,"children":22379},{"__ignoreMap":8},[22380],{"type":34,"tag":253,"props":22381,"children":22382},{"class":255,"line":256},[22383,22387],{"type":34,"tag":253,"props":22384,"children":22385},{"style":260},[22386],{"type":40,"value":357},{"type":34,"tag":253,"props":22388,"children":22389},{"style":271},[22390],{"type":40,"value":22391}," \"127.0.0.1:60828\u002Fselection_translate\"\n",{"type":34,"tag":42,"props":22393,"children":22394},{},[22395,22397,22403,22404,22410],{"type":40,"value":22396},"如果你是在 Linux Wayland 環境（如 Hyprland）下，因為系統限制無法直接讀取滑鼠坐標或快捷鍵，你也可以藉助這個 API，配合 ",{"type":34,"tag":58,"props":22398,"children":22400},{"className":22399},[],[22401],{"type":40,"value":22402},"grim",{"type":40,"value":3267},{"type":34,"tag":58,"props":22405,"children":22407},{"className":22406},[],[22408],{"type":40,"value":22409},"slurp",{"type":40,"value":22411}," 等截圖軟體，寫一個快捷鍵綁定：",{"type":34,"tag":243,"props":22413,"children":22415},{"className":245,"code":22414,"language":247,"meta":8,"style":8},"# Hyprland 配置範例：按下 Alt + X 進行截圖並觸發 Pot OCR\nbind = ALT, X, exec, grim -g \"$(slurp)\" ~\u002F.cache\u002Fcom.pot-app.desktop\u002Fpot_screenshot_cut.png && curl \"127.0.0.1:60828\u002Focr_recognize?screenshot=false\"\n",[22416],{"type":34,"tag":58,"props":22417,"children":22418},{"__ignoreMap":8},[22419,22427],{"type":34,"tag":253,"props":22420,"children":22421},{"class":255,"line":256},[22422],{"type":34,"tag":253,"props":22423,"children":22424},{"style":5059},[22425],{"type":40,"value":22426},"# Hyprland 配置範例：按下 Alt + X 進行截圖並觸發 Pot OCR\n",{"type":34,"tag":253,"props":22428,"children":22429},{"class":255,"line":708},[22430,22435,22439,22444,22449,22454,22459,22464,22469,22473,22478,22483,22488,22492],{"type":34,"tag":253,"props":22431,"children":22432},{"style":260},[22433],{"type":40,"value":22434},"bind",{"type":34,"tag":253,"props":22436,"children":22437},{"style":271},[22438],{"type":40,"value":12399},{"type":34,"tag":253,"props":22440,"children":22441},{"style":271},[22442],{"type":40,"value":22443}," ALT,",{"type":34,"tag":253,"props":22445,"children":22446},{"style":271},[22447],{"type":40,"value":22448}," X,",{"type":34,"tag":253,"props":22450,"children":22451},{"style":271},[22452],{"type":40,"value":22453}," exec,",{"type":34,"tag":253,"props":22455,"children":22456},{"style":271},[22457],{"type":40,"value":22458}," grim",{"type":34,"tag":253,"props":22460,"children":22461},{"style":265},[22462],{"type":40,"value":22463}," -g",{"type":34,"tag":253,"props":22465,"children":22466},{"style":271},[22467],{"type":40,"value":22468}," \"$(",{"type":34,"tag":253,"props":22470,"children":22471},{"style":260},[22472],{"type":40,"value":22409},{"type":34,"tag":253,"props":22474,"children":22475},{"style":271},[22476],{"type":40,"value":22477},")\"",{"type":34,"tag":253,"props":22479,"children":22480},{"style":271},[22481],{"type":40,"value":22482}," ~\u002F.cache\u002Fcom.pot-app.desktop\u002Fpot_screenshot_cut.png",{"type":34,"tag":253,"props":22484,"children":22485},{"style":370},[22486],{"type":40,"value":22487}," && ",{"type":34,"tag":253,"props":22489,"children":22490},{"style":260},[22491],{"type":40,"value":357},{"type":34,"tag":253,"props":22493,"children":22494},{"style":271},[22495],{"type":40,"value":22496}," \"127.0.0.1:60828\u002Focr_recognize?screenshot=false\"\n",{"type":34,"tag":98,"props":22498,"children":22499},{},[],{"type":34,"tag":35,"props":22501,"children":22502},{"id":1479},[22503],{"type":40,"value":1479},{"type":34,"tag":42,"props":22505,"children":22506},{},[22507,22509,22514,22515,22520,22522,22527],{"type":40,"value":22508},"Pot 憑藉著其",{"type":34,"tag":1008,"props":22510,"children":22511},{},[22512],{"type":40,"value":22513},"多接口並行比對",{"type":40,"value":2000},{"type":34,"tag":1008,"props":22516,"children":22517},{},[22518],{"type":40,"value":22519},"極速截圖 OCR",{"type":40,"value":22521}," 與",{"type":34,"tag":1008,"props":22523,"children":22524},{},[22525],{"type":40,"value":22526},"靈活的 API 連接",{"type":40,"value":22528},"，成功在眾多劃詞翻譯軟體中脫穎而出。它不只是一個翻譯器，更是提升跨語言閱讀與學習效率的頂級生產力工具。",{"type":34,"tag":42,"props":22530,"children":22531},{},[22532],{"type":34,"tag":1008,"props":22533,"children":22534},{},[22535],{"type":40,"value":1514},{"type":34,"tag":122,"props":22537,"children":22538},{},[22539,22548,22557],{"type":34,"tag":126,"props":22540,"children":22541},{},[22542],{"type":34,"tag":72,"props":22543,"children":22546},{"href":22544,"rel":22545},"https:\u002F\u002Fgithub.com\u002Fpot-app\u002Fpot-desktop",[76],[22547],{"type":40,"value":21273},{"type":34,"tag":126,"props":22549,"children":22550},{},[22551],{"type":34,"tag":72,"props":22552,"children":22555},{"href":22553,"rel":22554},"https:\u002F\u002Fpot-app.com\u002F",[76],[22556],{"type":40,"value":21283},{"type":34,"tag":126,"props":22558,"children":22559},{},[22560],{"type":34,"tag":72,"props":22561,"children":22563},{"href":22034,"rel":22562},[76],[22564],{"type":40,"value":22565},"Pot 最新 Releases 下載點",{"type":34,"tag":98,"props":22567,"children":22568},{},[],{"type":34,"tag":42,"props":22570,"children":22571},{},[22572],{"type":34,"tag":9919,"props":22573,"children":22574},{},[22575],{"type":40,"value":20505},{"type":34,"tag":1548,"props":22577,"children":22578},{},[22579],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":22581},[22582,22585,22588,22589,22593,22597,22598],{"id":21319,"depth":708,"text":21322,"children":22583},[22584],{"id":21401,"depth":733,"text":21404},{"id":15734,"depth":708,"text":15737,"children":22586},[22587],{"id":21616,"depth":733,"text":21619},{"id":21683,"depth":708,"text":21683},{"id":21754,"depth":708,"text":21754,"children":22590},[22591,22592],{"id":21777,"depth":733,"text":21780},{"id":22023,"depth":733,"text":22026},{"id":22239,"depth":708,"text":22239,"children":22594},[22595,22596],{"id":22256,"depth":733,"text":22259},{"id":22295,"depth":733,"text":22298},{"id":22337,"depth":708,"text":22340},{"id":1479,"depth":708,"text":1479},"content:articles:POT.md","articles\u002FPOT.md","articles\u002FPOT",{"_path":22603,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":22604,"description":22605,"date":22606,"category":1580,"image":6124,"tags":22607,"series":1585,"readingTime":1586,"difficulty":23,"local":24,"platforms":22608,"gpu":29,"body":22609,"_type":1569,"_id":23652,"_source":1571,"_file":23653,"_stem":23654,"_extension":1574},"\u002Farticles\u002Frtk","RTK 終端機 Token 殺手安裝與實測：省下 70% 以上 Claude Code 費用","RTK (Rust Token Killer) 是一個基於 Rust 的高效能 CLI 代理工具，能自動過濾與壓縮終端機輸出，為 AI 輔助開發節省 60-90% 的 Token 消耗。","2026-05-27",[16,446,1584,2144],[26,28,27],{"type":31,"children":22610,"toc":23639},[22611,22617,22637,22649,22665,22668,22674,22701,22719,22724,22897,22909,22914,22927,23078,23081,23087,23150,23162,23215,23239,23242,23247,23253,23258,23366,23372,23392,23416,23448,23451,23457,23521,23524,23530,23535,23618,23635],{"type":34,"tag":35,"props":22612,"children":22614},{"id":22613},"前言為什麼我們需要壓縮-terminal-輸出",[22615],{"type":40,"value":22616},"前言：為什麼我們需要壓縮 Terminal 輸出？",{"type":34,"tag":42,"props":22618,"children":22619},{},[22620,22622,22628,22629,22635],{"type":40,"value":22621},"在使用 Claude Code、Cursor 或 Cline 等 AI 工具時，AI 經常需要執行 ",{"type":34,"tag":58,"props":22623,"children":22625},{"className":22624},[],[22626],{"type":40,"value":22627},"git status",{"type":40,"value":2000},{"type":34,"tag":58,"props":22630,"children":22632},{"className":22631},[],[22633],{"type":40,"value":22634},"npm list",{"type":40,"value":22636}," 或跑測試等指令。這些指令的原始輸出往往夾帶大量重複的日誌、多餘的空格與提示文字。",{"type":34,"tag":42,"props":22638,"children":22639},{},[22640,22642,22647],{"type":40,"value":22641},"這些雜訊會被",{"type":34,"tag":1008,"props":22643,"children":22644},{},[22645],{"type":40,"value":22646},"一字不漏地塞進 LLM 的 Context 中",{"type":40,"value":22648},"，不僅導致 Token 消耗暴增（費用飆高），還會拖慢 AI 的響應速度，甚至干擾 AI 的判斷。",{"type":34,"tag":42,"props":22650,"children":22651},{},[22652,22657,22659,22664],{"type":34,"tag":1008,"props":22653,"children":22654},{},[22655],{"type":40,"value":22656},"RTK (Rust Token Killer)",{"type":40,"value":22658}," 作為終端與 AI 工具之間的代理，在輸出傳給 LLM 之前，先進行極限過濾與壓縮，實測能",{"type":34,"tag":1008,"props":22660,"children":22661},{},[22662],{"type":40,"value":22663},"省下 60% 至 90% 的 Token 消耗",{"type":40,"value":12882},{"type":34,"tag":98,"props":22666,"children":22667},{},[],{"type":34,"tag":35,"props":22669,"children":22671},{"id":22670},"實測效果token-直接省下-72",[22672],{"type":40,"value":22673},"📈 實測效果：Token 直接省下 72%",{"type":34,"tag":42,"props":22675,"children":22676},{},[22677,22679,22685,22687,22692,22694,22699],{"type":40,"value":22678},"在我們開發本站時，僅執行最基礎的 ",{"type":34,"tag":58,"props":22680,"children":22682},{"className":22681},[],[22683],{"type":40,"value":22684},"ls",{"type":40,"value":22686}," 與 ",{"type":34,"tag":58,"props":22688,"children":22690},{"className":22689},[],[22691],{"type":40,"value":22627},{"type":40,"value":22693}," 指令，RTK 便為我們省下了 ",{"type":34,"tag":1008,"props":22695,"children":22696},{},[22697],{"type":40,"value":22698},"72%",{"type":40,"value":22700}," 的 Token 消耗：",{"type":34,"tag":565,"props":22702,"children":22704},{"className":22703},[568,569,570,571,572,573,574],[22705,22706,22712,22713],{"type":40,"value":577},{"type":34,"tag":579,"props":22707,"children":22711},{"src":22708,"alt":22709,"className":22710},"\u002Fimages\u002FRTK簡單使用後成效.jpg","RTK 節省 Token 效果",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":22714,"children":22716},{"className":22715},[590,591,592,593,594,595],[22717],{"type":40,"value":22718},"執行 rtk gain 看到的節省成效",{"type":34,"tag":42,"props":22720,"children":22721},{},[22722],{"type":40,"value":22723},"在日常開發的各種常見指令中，RTK 的 Token 減量效果十分顯著：",{"type":34,"tag":6866,"props":22725,"children":22726},{},[22727,22753],{"type":34,"tag":6870,"props":22728,"children":22729},{},[22730],{"type":34,"tag":6874,"props":22731,"children":22732},{},[22733,22738,22743,22748],{"type":34,"tag":6878,"props":22734,"children":22735},{"align":6880},[22736],{"type":40,"value":22737},"執行命令",{"type":34,"tag":6878,"props":22739,"children":22740},{"align":6880},[22741],{"type":40,"value":22742},"原始輸出字元 \u002F Token 數",{"type":34,"tag":6878,"props":22744,"children":22745},{"align":6880},[22746],{"type":40,"value":22747},"RTK 壓縮後",{"type":34,"tag":6878,"props":22749,"children":22750},{"align":17843},[22751],{"type":40,"value":22752},"節省比例 (Reduction)",{"type":34,"tag":6890,"props":22754,"children":22755},{},[22756,22791,22823,22856],{"type":34,"tag":6874,"props":22757,"children":22758},{},[22759,22773,22778,22783],{"type":34,"tag":6897,"props":22760,"children":22761},{"align":6880},[22762],{"type":34,"tag":1008,"props":22763,"children":22764},{},[22765,22771],{"type":34,"tag":58,"props":22766,"children":22768},{"className":22767},[],[22769],{"type":40,"value":22770},"vitest",{"type":40,"value":22772}," (測試出錯時)",{"type":34,"tag":6897,"props":22774,"children":22775},{"align":6880},[22776],{"type":40,"value":22777},"102,199 字符",{"type":34,"tag":6897,"props":22779,"children":22780},{"align":6880},[22781],{"type":40,"value":22782},"377 字符",{"type":34,"tag":6897,"props":22784,"children":22785},{"align":17843},[22786],{"type":34,"tag":1008,"props":22787,"children":22788},{},[22789],{"type":40,"value":22790},"-99.6%",{"type":34,"tag":6874,"props":22792,"children":22793},{},[22794,22805,22810,22815],{"type":34,"tag":6897,"props":22795,"children":22796},{"align":6880},[22797],{"type":34,"tag":1008,"props":22798,"children":22799},{},[22800],{"type":34,"tag":58,"props":22801,"children":22803},{"className":22802},[],[22804],{"type":40,"value":22627},{"type":34,"tag":6897,"props":22806,"children":22807},{"align":6880},[22808],{"type":40,"value":22809},"529 字符",{"type":34,"tag":6897,"props":22811,"children":22812},{"align":6880},[22813],{"type":40,"value":22814},"217 字符",{"type":34,"tag":6897,"props":22816,"children":22817},{"align":17843},[22818],{"type":34,"tag":1008,"props":22819,"children":22820},{},[22821],{"type":40,"value":22822},"-59.0%",{"type":34,"tag":6874,"props":22824,"children":22825},{},[22826,22838,22843,22848],{"type":34,"tag":6897,"props":22827,"children":22828},{"align":6880},[22829],{"type":34,"tag":1008,"props":22830,"children":22831},{},[22832],{"type":34,"tag":58,"props":22833,"children":22835},{"className":22834},[],[22836],{"type":40,"value":22837},"pnpm list",{"type":34,"tag":6897,"props":22839,"children":22840},{"align":6880},[22841],{"type":40,"value":22842},"~8,000 tokens",{"type":34,"tag":6897,"props":22844,"children":22845},{"align":6880},[22846],{"type":40,"value":22847},"~2,400 tokens",{"type":34,"tag":6897,"props":22849,"children":22850},{"align":17843},[22851],{"type":34,"tag":1008,"props":22852,"children":22853},{},[22854],{"type":40,"value":22855},"-70.0%",{"type":34,"tag":6874,"props":22857,"children":22858},{},[22859,22879,22884,22889],{"type":34,"tag":6897,"props":22860,"children":22861},{"align":6880},[22862],{"type":34,"tag":1008,"props":22863,"children":22864},{},[22865,22871,22873],{"type":34,"tag":58,"props":22866,"children":22868},{"className":22867},[],[22869],{"type":40,"value":22870},"cargo test",{"type":40,"value":22872}," \u002F ",{"type":34,"tag":58,"props":22874,"children":22876},{"className":22875},[],[22877],{"type":40,"value":22878},"pytest",{"type":34,"tag":6897,"props":22880,"children":22881},{"align":6880},[22882],{"type":40,"value":22883},"25,000 tokens",{"type":34,"tag":6897,"props":22885,"children":22886},{"align":6880},[22887],{"type":40,"value":22888},"2,500 tokens",{"type":34,"tag":6897,"props":22890,"children":22891},{"align":17843},[22892],{"type":34,"tag":1008,"props":22893,"children":22894},{},[22895],{"type":40,"value":22896},"-90.0%",{"type":34,"tag":42,"props":22898,"children":22899},{},[22900,22902,22907],{"type":40,"value":22901},"長期使用下來，一個 30 分鐘的 AI coding session，",{"type":34,"tag":1008,"props":22903,"children":22904},{},[22905],{"type":40,"value":22906},"Token 總消耗能直接從 15 萬降至 4.5 萬左右",{"type":40,"value":22908},"，API 費用直接打三折，且能讓 AI 響應速度大幅提升。",{"type":34,"tag":1854,"props":22910,"children":22912},{"id":22911},"常用優化指令速查",[22913],{"type":40,"value":22911},{"type":34,"tag":42,"props":22915,"children":22916},{},[22917,22919,22925],{"type":40,"value":22918},"即使不靠自動重寫，你也可以在 AI 對話中手動指定使用 ",{"type":34,"tag":58,"props":22920,"children":22922},{"className":22921},[],[22923],{"type":40,"value":22924},"rtk",{"type":40,"value":22926}," 指令：",{"type":34,"tag":122,"props":22928,"children":22929},{},[22930,22963,22996,23039],{"type":34,"tag":126,"props":22931,"children":22932},{},[22933,22938,22940],{"type":34,"tag":1008,"props":22934,"children":22935},{},[22936],{"type":40,"value":22937},"樹狀目錄結構",{"type":40,"value":22939},"（自動隱藏 node_modules 等雜訊）：\n",{"type":34,"tag":243,"props":22941,"children":22943},{"className":245,"code":22942,"language":247,"meta":8,"style":8},"rtk ls .\n",[22944],{"type":34,"tag":58,"props":22945,"children":22946},{"__ignoreMap":8},[22947],{"type":34,"tag":253,"props":22948,"children":22949},{"class":255,"line":256},[22950,22954,22959],{"type":34,"tag":253,"props":22951,"children":22952},{"style":260},[22953],{"type":40,"value":22924},{"type":34,"tag":253,"props":22955,"children":22956},{"style":271},[22957],{"type":40,"value":22958}," ls",{"type":34,"tag":253,"props":22960,"children":22961},{"style":271},[22962],{"type":40,"value":279},{"type":34,"tag":126,"props":22964,"children":22965},{},[22966,22971,22972],{"type":34,"tag":1008,"props":22967,"children":22968},{},[22969],{"type":40,"value":22970},"智慧讀檔與代碼壓縮",{"type":40,"value":17075},{"type":34,"tag":243,"props":22973,"children":22975},{"className":245,"code":22974,"language":247,"meta":8,"style":8},"rtk read src\u002FApp.tsx\n",[22976],{"type":34,"tag":58,"props":22977,"children":22978},{"__ignoreMap":8},[22979],{"type":34,"tag":253,"props":22980,"children":22981},{"class":255,"line":256},[22982,22986,22991],{"type":34,"tag":253,"props":22983,"children":22984},{"style":260},[22985],{"type":40,"value":22924},{"type":34,"tag":253,"props":22987,"children":22988},{"style":271},[22989],{"type":40,"value":22990}," read",{"type":34,"tag":253,"props":22992,"children":22993},{"style":271},[22994],{"type":40,"value":22995}," src\u002FApp.tsx\n",{"type":34,"tag":126,"props":22997,"children":22998},{},[22999,23004,23006],{"type":34,"tag":1008,"props":23000,"children":23001},{},[23002],{"type":40,"value":23003},"僅提取簽章 (Signatures)",{"type":40,"value":23005},"（只顯示類別與函數定義，不顯示實作細節，最省 Token）：\n",{"type":34,"tag":243,"props":23007,"children":23009},{"className":245,"code":23008,"language":247,"meta":8,"style":8},"rtk read src\u002Futils.ts -l aggressive\n",[23010],{"type":34,"tag":58,"props":23011,"children":23012},{"__ignoreMap":8},[23013],{"type":34,"tag":253,"props":23014,"children":23015},{"class":255,"line":256},[23016,23020,23024,23029,23034],{"type":34,"tag":253,"props":23017,"children":23018},{"style":260},[23019],{"type":40,"value":22924},{"type":34,"tag":253,"props":23021,"children":23022},{"style":271},[23023],{"type":40,"value":22990},{"type":34,"tag":253,"props":23025,"children":23026},{"style":271},[23027],{"type":40,"value":23028}," src\u002Futils.ts",{"type":34,"tag":253,"props":23030,"children":23031},{"style":265},[23032],{"type":40,"value":23033}," -l",{"type":34,"tag":253,"props":23035,"children":23036},{"style":271},[23037],{"type":40,"value":23038}," aggressive\n",{"type":34,"tag":126,"props":23040,"children":23041},{},[23042,23047,23049],{"type":34,"tag":1008,"props":23043,"children":23044},{},[23045],{"type":40,"value":23046},"精簡測試輸出",{"type":40,"value":23048},"（自動攔截 stdout，測試通過僅顯示 ok，失敗則只抽取出錯的 Assertion）：\n",{"type":34,"tag":243,"props":23050,"children":23052},{"className":245,"code":23051,"language":247,"meta":8,"style":8},"rtk test cargo test\n",[23053],{"type":34,"tag":58,"props":23054,"children":23055},{"__ignoreMap":8},[23056],{"type":34,"tag":253,"props":23057,"children":23058},{"class":255,"line":256},[23059,23063,23068,23073],{"type":34,"tag":253,"props":23060,"children":23061},{"style":260},[23062],{"type":40,"value":22924},{"type":34,"tag":253,"props":23064,"children":23065},{"style":271},[23066],{"type":40,"value":23067}," test",{"type":34,"tag":253,"props":23069,"children":23070},{"style":271},[23071],{"type":40,"value":23072}," cargo",{"type":34,"tag":253,"props":23074,"children":23075},{"style":271},[23076],{"type":40,"value":23077}," test\n",{"type":34,"tag":98,"props":23079,"children":23080},{},[],{"type":34,"tag":35,"props":23082,"children":23084},{"id":23083},"️-避坑指南裝對-rtk-才是關鍵",[23085],{"type":40,"value":23086},"⚠️ 避坑指南：裝對 RTK 才是關鍵",{"type":34,"tag":10421,"props":23088,"children":23089},{},[23090,23108],{"type":34,"tag":42,"props":23091,"children":23092},{},[23093,23097],{"type":34,"tag":253,"props":23094,"children":23095},{},[23096],{"type":40,"value":10431},{"type":34,"tag":1008,"props":23098,"children":23099},{},[23100,23102,23107],{"type":40,"value":23101},"crates.io 上存在兩個完全不同的專案都叫 ",{"type":34,"tag":58,"props":23103,"children":23105},{"className":23104},[],[23106],{"type":40,"value":22924},{"type":40,"value":8046},{"type":34,"tag":177,"props":23109,"children":23110},{},[23111,23131],{"type":34,"tag":126,"props":23112,"children":23113},{},[23114,23116,23121,23123,23129],{"type":40,"value":23115},"✅ ",{"type":34,"tag":1008,"props":23117,"children":23118},{},[23119],{"type":40,"value":23120},"Rust Token Killer",{"type":40,"value":23122}," (本專案) - LLM 終端 Token 優化器 (儲存庫：",{"type":34,"tag":58,"props":23124,"children":23126},{"className":23125},[],[23127],{"type":40,"value":23128},"rtk-ai\u002Frtk",{"type":40,"value":23130},")",{"type":34,"tag":126,"props":23132,"children":23133},{},[23134,23136,23141,23143,23149],{"type":40,"value":23135},"❌ ",{"type":34,"tag":1008,"props":23137,"children":23138},{},[23139],{"type":40,"value":23140},"Rust Type Kit",{"type":40,"value":23142}," (其他專案) - 程式碼結構查詢與類型生成工具 (儲存庫：",{"type":34,"tag":58,"props":23144,"children":23146},{"className":23145},[],[23147],{"type":40,"value":23148},"reachingforthejack\u002Frtk",{"type":40,"value":23130},{"type":34,"tag":42,"props":23151,"children":23152},{},[23153,23155,23160],{"type":40,"value":23154},"在安裝前或使用中，AI 助理應",{"type":34,"tag":1008,"props":23156,"children":23157},{},[23158],{"type":40,"value":23159},"始終驗證",{"type":40,"value":23161},"是否安裝了正確的版本：",{"type":34,"tag":243,"props":23163,"children":23165},{"className":245,"code":23164,"language":247,"meta":8,"style":8},"# 檢查版本\nrtk --version\n\n# 關鍵：驗證是否能正常執行 token 統計命令\nrtk gain\n",[23166],{"type":34,"tag":58,"props":23167,"children":23168},{"__ignoreMap":8},[23169,23177,23188,23195,23203],{"type":34,"tag":253,"props":23170,"children":23171},{"class":255,"line":256},[23172],{"type":34,"tag":253,"props":23173,"children":23174},{"style":5059},[23175],{"type":40,"value":23176},"# 檢查版本\n",{"type":34,"tag":253,"props":23178,"children":23179},{"class":255,"line":708},[23180,23184],{"type":34,"tag":253,"props":23181,"children":23182},{"style":260},[23183],{"type":40,"value":22924},{"type":34,"tag":253,"props":23185,"children":23186},{"style":265},[23187],{"type":40,"value":500},{"type":34,"tag":253,"props":23189,"children":23190},{"class":255,"line":733},[23191],{"type":34,"tag":253,"props":23192,"children":23193},{"emptyLinePlaceholder":24},[23194],{"type":40,"value":5053},{"type":34,"tag":253,"props":23196,"children":23197},{"class":255,"line":755},[23198],{"type":34,"tag":253,"props":23199,"children":23200},{"style":5059},[23201],{"type":40,"value":23202},"# 關鍵：驗證是否能正常執行 token 統計命令\n",{"type":34,"tag":253,"props":23204,"children":23205},{"class":255,"line":777},[23206,23210],{"type":34,"tag":253,"props":23207,"children":23208},{"style":260},[23209],{"type":40,"value":22924},{"type":34,"tag":253,"props":23211,"children":23212},{"style":271},[23213],{"type":40,"value":23214}," gain\n",{"type":34,"tag":122,"props":23216,"children":23217},{},[23218],{"type":34,"tag":126,"props":23219,"children":23220},{},[23221,23223,23229,23231,23237],{"type":40,"value":23222},"如果 ",{"type":34,"tag":58,"props":23224,"children":23226},{"className":23225},[],[23227],{"type":40,"value":23228},"rtk gain",{"type":40,"value":23230}," 成功顯示統計表，代表正確；如果失敗但有版本號，則是裝到了錯誤的 Rust Type Kit，請先執行 ",{"type":34,"tag":58,"props":23232,"children":23234},{"className":23233},[],[23235],{"type":40,"value":23236},"cargo uninstall rtk",{"type":40,"value":23238}," 卸載。",{"type":34,"tag":98,"props":23240,"children":23241},{},[],{"type":34,"tag":35,"props":23243,"children":23245},{"id":23244},"安裝與全域設定",[23246],{"type":40,"value":23244},{"type":34,"tag":1854,"props":23248,"children":23250},{"id":23249},"_1-安裝正確的-rust-token-killer",[23251],{"type":40,"value":23252},"1. 安裝正確的 Rust Token Killer",{"type":34,"tag":42,"props":23254,"children":23255},{},[23256],{"type":40,"value":23257},"在 macOS 或 Linux 上，建議使用 Homebrew 或快速腳本安裝：",{"type":34,"tag":243,"props":23259,"children":23261},{"className":245,"code":23260,"language":247,"meta":8,"style":8},"# 方法 A：Homebrew 安裝 (推薦)\nbrew install rtk\n\n# 方法 B：快速腳本安裝\ncurl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002Frtk-ai\u002Frtk\u002Frefs\u002Fheads\u002Fmaster\u002Finstall.sh | sh\n\n# 方法 C：透過 Git 源碼編譯 (避免 crates.io 同名衝突)\ncargo install --git https:\u002F\u002Fgithub.com\u002Frtk-ai\u002Frtk\n",[23262],{"type":34,"tag":58,"props":23263,"children":23264},{"__ignoreMap":8},[23265,23273,23289,23296,23304,23329,23336,23344],{"type":34,"tag":253,"props":23266,"children":23267},{"class":255,"line":256},[23268],{"type":34,"tag":253,"props":23269,"children":23270},{"style":5059},[23271],{"type":40,"value":23272},"# 方法 A：Homebrew 安裝 (推薦)\n",{"type":34,"tag":253,"props":23274,"children":23275},{"class":255,"line":708},[23276,23280,23284],{"type":34,"tag":253,"props":23277,"children":23278},{"style":260},[23279],{"type":40,"value":3676},{"type":34,"tag":253,"props":23281,"children":23282},{"style":271},[23283],{"type":40,"value":3698},{"type":34,"tag":253,"props":23285,"children":23286},{"style":271},[23287],{"type":40,"value":23288}," rtk\n",{"type":34,"tag":253,"props":23290,"children":23291},{"class":255,"line":733},[23292],{"type":34,"tag":253,"props":23293,"children":23294},{"emptyLinePlaceholder":24},[23295],{"type":40,"value":5053},{"type":34,"tag":253,"props":23297,"children":23298},{"class":255,"line":755},[23299],{"type":34,"tag":253,"props":23300,"children":23301},{"style":5059},[23302],{"type":40,"value":23303},"# 方法 B：快速腳本安裝\n",{"type":34,"tag":253,"props":23305,"children":23306},{"class":255,"line":777},[23307,23311,23315,23320,23324],{"type":34,"tag":253,"props":23308,"children":23309},{"style":260},[23310],{"type":40,"value":357},{"type":34,"tag":253,"props":23312,"children":23313},{"style":265},[23314],{"type":40,"value":362},{"type":34,"tag":253,"props":23316,"children":23317},{"style":271},[23318],{"type":40,"value":23319}," https:\u002F\u002Fraw.githubusercontent.com\u002Frtk-ai\u002Frtk\u002Frefs\u002Fheads\u002Fmaster\u002Finstall.sh",{"type":34,"tag":253,"props":23321,"children":23322},{"style":370},[23323],{"type":40,"value":373},{"type":34,"tag":253,"props":23325,"children":23326},{"style":260},[23327],{"type":40,"value":23328},"sh\n",{"type":34,"tag":253,"props":23330,"children":23331},{"class":255,"line":795},[23332],{"type":34,"tag":253,"props":23333,"children":23334},{"emptyLinePlaceholder":24},[23335],{"type":40,"value":5053},{"type":34,"tag":253,"props":23337,"children":23338},{"class":255,"line":5085},[23339],{"type":34,"tag":253,"props":23340,"children":23341},{"style":5059},[23342],{"type":40,"value":23343},"# 方法 C：透過 Git 源碼編譯 (避免 crates.io 同名衝突)\n",{"type":34,"tag":253,"props":23345,"children":23346},{"class":255,"line":5094},[23347,23352,23356,23361],{"type":34,"tag":253,"props":23348,"children":23349},{"style":260},[23350],{"type":40,"value":23351},"cargo",{"type":34,"tag":253,"props":23353,"children":23354},{"style":271},[23355],{"type":40,"value":3698},{"type":34,"tag":253,"props":23357,"children":23358},{"style":265},[23359],{"type":40,"value":23360}," --git",{"type":34,"tag":253,"props":23362,"children":23363},{"style":271},[23364],{"type":40,"value":23365}," https:\u002F\u002Fgithub.com\u002Frtk-ai\u002Frtk\n",{"type":34,"tag":1854,"props":23367,"children":23369},{"id":23368},"_2-全域自動重寫鉤子-auto-rewrite-hook",[23370],{"type":40,"value":23371},"2. 全域自動重寫鉤子 (Auto-Rewrite Hook)",{"type":34,"tag":42,"props":23373,"children":23374},{},[23375,23377,23382,23384,23390],{"type":40,"value":23376},"為了讓 AI Agent 執行命令時能自動套用 RTK（例如將 ",{"type":34,"tag":58,"props":23378,"children":23380},{"className":23379},[],[23381],{"type":40,"value":22627},{"type":40,"value":23383}," 自動轉為 ",{"type":34,"tag":58,"props":23385,"children":23387},{"className":23386},[],[23388],{"type":40,"value":23389},"rtk git status",{"type":40,"value":23391}," 執行），我們可以安裝全域鉤子：",{"type":34,"tag":243,"props":23393,"children":23395},{"className":245,"code":23394,"language":247,"meta":8,"style":8},"rtk init -g\n",[23396],{"type":34,"tag":58,"props":23397,"children":23398},{"__ignoreMap":8},[23399],{"type":34,"tag":253,"props":23400,"children":23401},{"class":255,"line":256},[23402,23406,23411],{"type":34,"tag":253,"props":23403,"children":23404},{"style":260},[23405],{"type":40,"value":22924},{"type":34,"tag":253,"props":23407,"children":23408},{"style":271},[23409],{"type":40,"value":23410}," init",{"type":34,"tag":253,"props":23412,"children":23413},{"style":265},[23414],{"type":40,"value":23415}," -g\n",{"type":34,"tag":10421,"props":23417,"children":23418},{},[23419],{"type":34,"tag":42,"props":23420,"children":23421},{},[23422,23424,23430,23432,23438,23440,23446],{"type":40,"value":23423},"💡 系統會提示 ",{"type":34,"tag":58,"props":23425,"children":23427},{"className":23426},[],[23428],{"type":40,"value":23429},"Patch settings.json? [y\u002FN]",{"type":40,"value":23431},"，請輸入 ",{"type":34,"tag":58,"props":23433,"children":23435},{"className":23434},[],[23436],{"type":40,"value":23437},"y",{"type":40,"value":23439},"。這會將 PreToolUse 攔截器寫入 Claude Code 的設定檔，並在 ",{"type":34,"tag":58,"props":23441,"children":23443},{"className":23442},[],[23444],{"type":40,"value":23445},"~\u002F.claude\u002Fsettings.json.bak",{"type":40,"value":23447}," 自動備份。重啟 Claude Code 即可生效！",{"type":34,"tag":98,"props":23449,"children":23450},{},[],{"type":34,"tag":35,"props":23452,"children":23454},{"id":23453},"windows-wsl-相容性說明",[23455],{"type":40,"value":23456},"💻 Windows \u002F WSL 相容性說明",{"type":34,"tag":10421,"props":23458,"children":23459},{},[23460,23472],{"type":34,"tag":42,"props":23461,"children":23462},{},[23463,23467],{"type":34,"tag":253,"props":23464,"children":23465},{},[23466],{"type":40,"value":12662},{"type":34,"tag":1008,"props":23468,"children":23469},{},[23470],{"type":40,"value":23471},"Windows 用戶請注意相容性限制：",{"type":34,"tag":122,"props":23473,"children":23474},{},[23475,23485],{"type":34,"tag":126,"props":23476,"children":23477},{},[23478,23483],{"type":34,"tag":1008,"props":23479,"children":23480},{},[23481],{"type":40,"value":23482},"WSL (完整支援)",{"type":40,"value":23484},"：運作與 Linux 相同，支援自動重寫 Hook。",{"type":34,"tag":126,"props":23486,"children":23487},{},[23488,23493,23495,23501,23503,23508,23510,23515,23516],{"type":34,"tag":1008,"props":23489,"children":23490},{},[23491],{"type":40,"value":23492},"Native Windows (部分支援)",{"type":40,"value":23494},"：自動重寫 Hook 無法運作。初始化會降級為 ",{"type":34,"tag":58,"props":23496,"children":23498},{"className":23497},[],[23499],{"type":40,"value":23500},"CLAUDE.md",{"type":40,"value":23502}," 指令引導模式，使用者需要在終端機手動加上 ",{"type":34,"tag":58,"props":23504,"children":23506},{"className":23505},[],[23507],{"type":40,"value":22924},{"type":40,"value":23509}," 前綴（如 ",{"type":34,"tag":58,"props":23511,"children":23513},{"className":23512},[],[23514],{"type":40,"value":23389},{"type":40,"value":9200},{"type":34,"tag":9919,"props":23517,"children":23518},{},[23519],{"type":40,"value":23520},"（請勿雙擊 rtk.exe，它僅供 CLI 調用）",{"type":34,"tag":98,"props":23522,"children":23523},{},[],{"type":34,"tag":35,"props":23525,"children":23527},{"id":23526},"ai-助理核對清單-ai-assistant-checklist",[23528],{"type":40,"value":23529},"💡 AI 助理核對清單 (AI Assistant Checklist)",{"type":34,"tag":42,"props":23531,"children":23532},{},[23533],{"type":40,"value":23534},"作為 AI 助理，在執行命令前請遵循以下核對步驟：",{"type":34,"tag":122,"props":23536,"children":23539},{"className":23537},[23538],"contains-task-list",[23540,23574,23596],{"type":34,"tag":126,"props":23541,"children":23544},{"className":23542},[23543],"task-list-item",[23545,23550,23552,23557,23559,23565,23567,23572],{"type":34,"tag":23546,"props":23547,"children":23549},"input",{"disabled":24,"type":23548},"checkbox",[],{"type":40,"value":23551}," ",{"type":34,"tag":1008,"props":23553,"children":23554},{},[23555],{"type":40,"value":23556},"檢查安裝",{"type":40,"value":23558},"：用 ",{"type":34,"tag":58,"props":23560,"children":23562},{"className":23561},[],[23563],{"type":40,"value":23564},"rtk --version",{"type":40,"value":23566}," 檢查是否可用，並用 ",{"type":34,"tag":58,"props":23568,"children":23570},{"className":23569},[],[23571],{"type":40,"value":23228},{"type":40,"value":23573}," 驗證是否為正確的 Token Killer。",{"type":34,"tag":126,"props":23575,"children":23577},{"className":23576},[23543],[23578,23581,23582,23587,23589,23595],{"type":34,"tag":23546,"props":23579,"children":23580},{"disabled":24,"type":23548},[],{"type":40,"value":23551},{"type":34,"tag":1008,"props":23583,"children":23584},{},[23585],{"type":40,"value":23586},"專案初始化",{"type":40,"value":23588},"：若尚未初始化，執行 ",{"type":34,"tag":58,"props":23590,"children":23592},{"className":23591},[],[23593],{"type":40,"value":23594},"rtk init",{"type":40,"value":222},{"type":34,"tag":126,"props":23597,"children":23599},{"className":23598},[23543],[23600,23603,23604,23609,23611,23616],{"type":34,"tag":23546,"props":23601,"children":23602},{"disabled":24,"type":23548},[],{"type":40,"value":23551},{"type":34,"tag":1008,"props":23605,"children":23606},{},[23607],{"type":40,"value":23608},"代理執行",{"type":40,"value":23610},"：遇到會產生冗長輸出的指令（如 git、pnpm、測試執行器等），一律使用 ",{"type":34,"tag":58,"props":23612,"children":23614},{"className":23613},[],[23615],{"type":40,"value":22924},{"type":40,"value":23617}," 作為代理。",{"type":34,"tag":42,"props":23619,"children":23620},{},[23621,23626,23628,23633],{"type":34,"tag":1008,"props":23622,"children":23623},{},[23624],{"type":40,"value":23625},"黃金法則 (Golden Rule)",{"type":40,"value":23627},"：AI 助理應主動善用 ",{"type":34,"tag":58,"props":23629,"children":23631},{"className":23630},[],[23632],{"type":40,"value":22924},{"type":40,"value":23634}," 代理所有高冗長終端指令，以確保 Context 視窗清爽、高效！",{"type":34,"tag":1548,"props":23636,"children":23637},{},[23638],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":23640},[23641,23642,23645,23646,23650,23651],{"id":22613,"depth":708,"text":22616},{"id":22670,"depth":708,"text":22673,"children":23643},[23644],{"id":22911,"depth":733,"text":22911},{"id":23083,"depth":708,"text":23086},{"id":23244,"depth":708,"text":23244,"children":23647},[23648,23649],{"id":23249,"depth":733,"text":23252},{"id":23368,"depth":733,"text":23371},{"id":23453,"depth":708,"text":23456},{"id":23526,"depth":708,"text":23529},"content:articles:RTK.md","articles\u002FRTK.md","articles\u002FRTK",{"_path":23656,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":23657,"description":23658,"date":23659,"category":1580,"image":6124,"tags":23660,"series":1585,"readingTime":1586,"difficulty":1587,"local":7,"platforms":23661,"gpu":29,"body":23662,"_type":1569,"_id":24092,"_source":1571,"_file":24093,"_stem":24094,"_extension":1574},"\u002Farticles\u002Ffreedomain","Digiplat 免費 DNS 二級域名申請與 Cloudflare 解析配置教學","想將個人專案或測試網站部署上線，卻不想花錢購買網域？本文將教你如何使用 Digiplat 免費申請包含 .US.KG、.DPDNS.ORG 等多種後綴的免費二級域名。","2026-05-26",[14939],[1591],{"type":31,"children":23663,"toc":24080},[23664,23670,23675,23707,23710,23715,23720,23726,23747,23765,23771,23783,23789,23801,23807,23812,23830,23836,23848,23851,23856,23861,23995,23998,24003,24014,24019,24047,24050,24057,24069,24072],{"type":34,"tag":35,"props":23665,"children":23667},{"id":23666},"為什麼選擇-digiplat-免費網域",[23668],{"type":40,"value":23669},"為什麼選擇 Digiplat 免費網域？",{"type":34,"tag":42,"props":23671,"children":23672},{},[23673],{"type":40,"value":23674},"在進行網頁開發或個人專案展示時，我們經常需要將成品部署到伺服器上供他人檢視。雖然市面上有很多免費的靜態網頁託管服務，但它們提供的預設網址通常冗長且不具代表性。如果僅僅是為了測試、學習或展示臨時專案而花錢購買付費網域，長期累積下來也是一筆額外的負擔。",{"type":34,"tag":42,"props":23676,"children":23677},{},[23678,23683,23685,23691,23692,23698,23699,23705],{"type":34,"tag":1008,"props":23679,"children":23680},{},[23681],{"type":40,"value":23682},"Digiplat",{"type":40,"value":23684},"（Digital Platform）提供了一個非常實用的免費二級域名註冊服務。它專為開發者與學習者設計，提供了包括 ",{"type":34,"tag":58,"props":23686,"children":23688},{"className":23687},[],[23689],{"type":40,"value":23690},".US.KG",{"type":40,"value":2000},{"type":34,"tag":58,"props":23693,"children":23695},{"className":23694},[],[23696],{"type":40,"value":23697},".DPDNS.ORG",{"type":40,"value":2000},{"type":34,"tag":58,"props":23700,"children":23702},{"className":23701},[],[23703],{"type":40,"value":23704},".QZZ.IO",{"type":40,"value":23706}," 在內的多種現代感網域後綴。使用者不需要輸入信用卡資訊即可免費註冊並進行 DNS 解析設定，是用來測試部署、架設實驗性網站或個人簡歷的絕佳利器。",{"type":34,"tag":98,"props":23708,"children":23709},{},[],{"type":34,"tag":35,"props":23711,"children":23713},{"id":23712},"註冊步驟教學",[23714],{"type":40,"value":23712},{"type":34,"tag":42,"props":23716,"children":23717},{},[23718],{"type":40,"value":23719},"以下將一步步帶你完成 Digiplat 免費網域的註冊流程：",{"type":34,"tag":1854,"props":23721,"children":23723},{"id":23722},"_1-前往官網註冊首頁",[23724],{"type":40,"value":23725},"1. 前往官網註冊首頁",{"type":34,"tag":42,"props":23727,"children":23728},{},[23729,23731,23738,23740,23745],{"type":40,"value":23730},"首先，請點選連結前往 ",{"type":34,"tag":72,"props":23732,"children":23735},{"href":23733,"rel":23734},"https:\u002F\u002Fdomain.digitalplat.org\u002F",[76],[23736],{"type":40,"value":23737},"Digiplat 官網網域註冊頁面",{"type":40,"value":23739},"，並點選畫面上顯眼的 ",{"type":34,"tag":1008,"props":23741,"children":23742},{},[23743],{"type":40,"value":23744},"「REGISTER A DOMAIN」",{"type":40,"value":23746}," 按鈕。",{"type":34,"tag":565,"props":23748,"children":23750},{"className":23749},[568,569,570,571,572,573,574],[23751,23752,23758,23759],{"type":40,"value":577},{"type":34,"tag":579,"props":23753,"children":23757},{"src":23754,"alt":23755,"className":23756},"\u002Fimages\u002Fdomain1.jpg","Digiplat 首頁按鈕",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":23760,"children":23762},{"className":23761},[590,591,592,593,594,595],[23763],{"type":40,"value":23764},"前往 Digiplat 首頁點擊「REGISTER A DOMAIN」開始申請",{"type":34,"tag":1854,"props":23766,"children":23768},{"id":23767},"_2-註冊與建立帳號",[23769],{"type":40,"value":23770},"2. 註冊與建立帳號",{"type":34,"tag":42,"props":23772,"children":23773},{},[23774,23776,23781],{"type":40,"value":23775},"點選註冊按鈕後，點擊 ",{"type":34,"tag":1008,"props":23777,"children":23778},{},[23779],{"type":40,"value":23780},"「Sign Up」",{"type":40,"value":23782}," 以填寫基本個人資料（信箱、密碼等）建立新帳號。",{"type":34,"tag":1854,"props":23784,"children":23786},{"id":23785},"_3-收取驗證信並登入",[23787],{"type":40,"value":23788},"3. 收取驗證信並登入",{"type":34,"tag":42,"props":23790,"children":23791},{},[23792,23794,23799],{"type":40,"value":23793},"建立完帳號後，系統會發送一封電子郵件驗證信至你的信箱。完成信箱驗證後，回到首頁再次點選 ",{"type":34,"tag":1008,"props":23795,"children":23796},{},[23797],{"type":40,"value":23798},"「REGISTER A NEW DOMAIN」",{"type":40,"value":23800},"（或直接登入），使用你註冊的信箱與密碼登入；你也可以直接點選使用 Google 或 GitHub 帳號進行快速登入。",{"type":34,"tag":1854,"props":23802,"children":23804},{"id":23803},"_4-挑選並註冊免費網域",[23805],{"type":40,"value":23806},"4. 挑選並註冊免費網域",{"type":34,"tag":42,"props":23808,"children":23809},{},[23810],{"type":40,"value":23811},"登入進入儀表板（Dashboard）後，點選註冊選項並滑動到頁面最下方，就可以看到目前支援申請的免費二級域名後綴列表：",{"type":34,"tag":565,"props":23813,"children":23815},{"className":23814},[568,569,570,571,572,573,574],[23816,23817,23823,23824],{"type":40,"value":577},{"type":34,"tag":579,"props":23818,"children":23822},{"src":23819,"alt":23820,"className":23821},"\u002Fimages\u002Fdomain4.jpg","Digiplat 可用後綴列表",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":23825,"children":23827},{"className":23826},[590,591,592,593,594,595],[23828],{"type":40,"value":23829},"在儀表板最下方查看支援註冊的免費域名後綴",{"type":34,"tag":1854,"props":23831,"children":23833},{"id":23832},"_5-檢查可用性並完成申請",[23834],{"type":40,"value":23835},"5. 檢查可用性並完成申請",{"type":34,"tag":42,"props":23837,"children":23838},{},[23839,23841,23846],{"type":40,"value":23840},"在此區域輸入你想要的網域名稱，選擇適合的後綴，並按下 ",{"type":34,"tag":1008,"props":23842,"children":23843},{},[23844],{"type":40,"value":23845},"「Check Availability」",{"type":40,"value":23847},"（檢查可用性）。如果該名稱尚未被註冊，即可一鍵完成申請，並在後台開始配置你的 DNS 解析（如 A 紀錄、CNAME 紀錄等）！",{"type":34,"tag":98,"props":23849,"children":23850},{},[],{"type":34,"tag":35,"props":23852,"children":23854},{"id":23853},"支援的網域後綴說明",[23855],{"type":40,"value":23853},{"type":34,"tag":42,"props":23857,"children":23858},{},[23859],{"type":40,"value":23860},"Digiplat 提供了多樣化的網域後綴，你可以根據專案的類型選擇最適合的後綴：",{"type":34,"tag":6866,"props":23862,"children":23863},{},[23864,23885],{"type":34,"tag":6870,"props":23865,"children":23866},{},[23867],{"type":34,"tag":6874,"props":23868,"children":23869},{},[23870,23875,23880],{"type":34,"tag":6878,"props":23871,"children":23872},{"align":6880},[23873],{"type":40,"value":23874},"網域後綴",{"type":34,"tag":6878,"props":23876,"children":23877},{"align":6880},[23878],{"type":40,"value":23879},"建議使用場景",{"type":34,"tag":6878,"props":23881,"children":23882},{"align":6880},[23883],{"type":40,"value":23884},"視覺特點",{"type":34,"tag":6890,"props":23886,"children":23887},{},[23888,23909,23930,23951,23973],{"type":34,"tag":6874,"props":23889,"children":23890},{},[23891,23899,23904],{"type":34,"tag":6897,"props":23892,"children":23893},{"align":6880},[23894],{"type":34,"tag":58,"props":23895,"children":23897},{"className":23896},[],[23898],{"type":40,"value":23697},{"type":34,"tag":6897,"props":23900,"children":23901},{"align":6880},[23902],{"type":40,"value":23903},"動態 DNS、本機伺服器映射",{"type":34,"tag":6897,"props":23905,"children":23906},{"align":6880},[23907],{"type":40,"value":23908},"經典的 DNS 風格，適合網路服務測試",{"type":34,"tag":6874,"props":23910,"children":23911},{},[23912,23920,23925],{"type":34,"tag":6897,"props":23913,"children":23914},{"align":6880},[23915],{"type":34,"tag":58,"props":23916,"children":23918},{"className":23917},[],[23919],{"type":40,"value":23690},{"type":34,"tag":6897,"props":23921,"children":23922},{"align":6880},[23923],{"type":40,"value":23924},"個人履歷、部落格網頁",{"type":34,"tag":6897,"props":23926,"children":23927},{"align":6880},[23928],{"type":40,"value":23929},"具備國家類別感，看起來較具正式感",{"type":34,"tag":6874,"props":23931,"children":23932},{},[23933,23941,23946],{"type":34,"tag":6897,"props":23934,"children":23935},{"align":6880},[23936],{"type":34,"tag":58,"props":23937,"children":23939},{"className":23938},[],[23940],{"type":40,"value":23704},{"type":34,"tag":6897,"props":23942,"children":23943},{"align":6880},[23944],{"type":40,"value":23945},"技術專案、API 端點",{"type":34,"tag":6897,"props":23947,"children":23948},{"align":6880},[23949],{"type":40,"value":23950},"簡短有科技感，非常適合開源小工具",{"type":34,"tag":6874,"props":23952,"children":23953},{},[23954,23963,23968],{"type":34,"tag":6897,"props":23955,"children":23956},{"align":6880},[23957],{"type":34,"tag":58,"props":23958,"children":23960},{"className":23959},[],[23961],{"type":40,"value":23962},".XX.KG",{"type":34,"tag":6897,"props":23964,"children":23965},{"align":6880},[23966],{"type":40,"value":23967},"通用開發與多功能測試",{"type":34,"tag":6897,"props":23969,"children":23970},{"align":6880},[23971],{"type":40,"value":23972},"簡潔好記，適合各種臨時展示網站",{"type":34,"tag":6874,"props":23974,"children":23975},{},[23976,23985,23990],{"type":34,"tag":6897,"props":23977,"children":23978},{"align":6880},[23979],{"type":34,"tag":58,"props":23980,"children":23982},{"className":23981},[],[23983],{"type":40,"value":23984},".QD.JE",{"type":34,"tag":6897,"props":23986,"children":23987},{"align":6880},[23988],{"type":40,"value":23989},"實驗性網站、輕量化專案",{"type":34,"tag":6897,"props":23991,"children":23992},{"align":6880},[23993],{"type":40,"value":23994},"特殊的短尾綴，適合極簡主義網頁",{"type":34,"tag":98,"props":23996,"children":23997},{},[],{"type":34,"tag":35,"props":23999,"children":24001},{"id":24000},"個人心得",[24002],{"type":40,"value":24000},{"type":34,"tag":42,"props":24004,"children":24005},{},[24006,24008,24013],{"type":40,"value":24007},"在使用過許多免費網域平台（如過去著名的 Freenom）後，我認為 Digiplat 最大的優點在於",{"type":34,"tag":1008,"props":24009,"children":24010},{},[24011],{"type":40,"value":24012},"申請流程極其直覺，且無任何隱藏限制或繁瑣的廣告驗證",{"type":40,"value":222},{"type":34,"tag":42,"props":24015,"children":24016},{},[24017],{"type":40,"value":24018},"只需幾分鐘的驗證登入，就能在儀表板中輕鬆管理解析設定。這對於經常需要快速部署 Demo 給客戶觀看，或是習慣使用 Vercel、Netlify 進行前端測試的開發者來說，這是一個省心又省錢的絕佳備案。",{"type":34,"tag":10421,"props":24020,"children":24021},{},[24022],{"type":34,"tag":42,"props":24023,"children":24024},{},[24025,24030,24032,24038,24039,24045],{"type":34,"tag":1008,"props":24026,"children":24027},{},[24028],{"type":40,"value":24029},"小建議",{"type":40,"value":24031},"：免費二級域名非常適合用於日常開發測試、學生專案或臨時展示。但如果你是要經營正式的商業服務、長期寫作的個人品牌部落格，建議還是購買付費的頂級域名（如 ",{"type":34,"tag":58,"props":24033,"children":24035},{"className":24034},[],[24036],{"type":40,"value":24037},".com",{"type":40,"value":3033},{"type":34,"tag":58,"props":24040,"children":24042},{"className":24041},[],[24043],{"type":40,"value":24044},".net",{"type":40,"value":24046},"），在搜尋引擎 SEO 和使用者信任度上都會有更好的表現喔！",{"type":34,"tag":98,"props":24048,"children":24049},{},[],{"type":34,"tag":42,"props":24051,"children":24052},{},[24053],{"type":34,"tag":1008,"props":24054,"children":24055},{},[24056],{"type":40,"value":1514},{"type":34,"tag":122,"props":24058,"children":24059},{},[24060],{"type":34,"tag":126,"props":24061,"children":24062},{},[24063],{"type":34,"tag":72,"props":24064,"children":24066},{"href":23733,"rel":24065},[76],[24067],{"type":40,"value":24068},"Digiplat 官方網域註冊平台",{"type":34,"tag":98,"props":24070,"children":24071},{},[],{"type":34,"tag":42,"props":24073,"children":24074},{},[24075],{"type":34,"tag":9919,"props":24076,"children":24077},{},[24078],{"type":40,"value":24079},"本文為 Digiplat 免費網域申請教學，所有操作步驟均以官方平台最新版介面為準。",{"title":8,"searchDepth":708,"depth":708,"links":24081},[24082,24083,24090,24091],{"id":23666,"depth":708,"text":23669},{"id":23712,"depth":708,"text":23712,"children":24084},[24085,24086,24087,24088,24089],{"id":23722,"depth":733,"text":23725},{"id":23767,"depth":733,"text":23770},{"id":23785,"depth":733,"text":23788},{"id":23803,"depth":733,"text":23806},{"id":23832,"depth":733,"text":23835},{"id":23853,"depth":708,"text":23853},{"id":24000,"depth":708,"text":24000},"content:articles:freedomain.md","articles\u002Ffreedomain.md","articles\u002Ffreedomain",{"_path":24096,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":24097,"description":24098,"date":24099,"category":12,"image":6124,"tags":24100,"series":3464,"readingTime":3465,"difficulty":23,"local":24,"platforms":24101,"gpu":24102,"body":24103,"_type":1569,"_id":24862,"_source":1571,"_file":24863,"_stem":24864,"_extension":1574},"\u002Farticles\u002Fmodly","Modly 本地端 AI 圖像轉 3D 網格生成工具安裝與實測","想將 2D 圖片快速轉換為高精度的 3D 模型，又不想付費或將隱私上傳雲端？Modly 讓你在本機 GPU 上直接進行 AI 3D 生成。","2026-05-25",[15,12805,17,3463],[27,28,26],"8GB+ VRAM",{"type":31,"children":24104,"toc":24849},[24105,24111,24116,24140,24143,24147,24152,24156,24159,24165,24170,24176,24190,24222,24228,24233,24239,24274,24280,24298,24304,24427,24433,24463,24468,24501,24504,24510,24530,24536,24693,24699,24730,24733,24737,24748,24760,24765,24792,24795,24802,24834,24837,24845],{"type":34,"tag":35,"props":24106,"children":24108},{"id":24107},"為什麼選擇-modly",[24109],{"type":40,"value":24110},"為什麼選擇 Modly？",{"type":34,"tag":42,"props":24112,"children":24113},{},[24114],{"type":40,"value":24115},"在遊戲開發與 3D 設計的工作流中，將 2D 的概念草圖轉換為 3D 網格模型（Mesh）向來是一件極其耗時且吃重技術的工作。雖然市面上陸續出現了一些雲端 AI 3D 生成工具，但它們大多採用訂閱制收費，不僅有著嚴格的生成點數限制，還需要將你的原創設計上傳至雲端伺服器，對商業專案或隱私敏感的創作者來說並非最佳解。",{"type":34,"tag":42,"props":24117,"children":24118},{},[24119,24124,24126,24131,24133,24138],{"type":34,"tag":1008,"props":24120,"children":24121},{},[24122],{"type":40,"value":24123},"Modly",{"type":40,"value":24125}," 是一個由 ",{"type":34,"tag":1008,"props":24127,"children":24128},{},[24129],{"type":40,"value":24130},"Lightning Pixel",{"type":40,"value":24132}," 開源的本機端 AI 3D 網格生成工具。它最大的特色是",{"type":34,"tag":1008,"props":24134,"children":24135},{},[24136],{"type":40,"value":24137},"完全在你的本地 GPU 上運作",{"type":40,"value":24139},"，這意味著你的所有資料都是 100% 隱私安全的，且無須支付任何雲端伺服器或訂閱費用。Modly 提供了友善的桌面端操作介面，並支援模組化的 AI 擴充系統，讓你能夠輕鬆載入 Hunyuan3D 2 或 Trellis 等最新、最強大的開源 3D 生成模型。",{"type":34,"tag":98,"props":24141,"children":24142},{},[],{"type":34,"tag":35,"props":24144,"children":24145},{"id":12893},[24146],{"type":40,"value":12896},{"type":34,"tag":42,"props":24148,"children":24149},{},[24150],{"type":40,"value":24151},"下面是實際運行 Modly 將單張 2D 圖像一鍵生成 3D 網格模型並進行即時旋轉預覽的動態展示：",{"type":34,"tag":112,"props":24153,"children":24155},{"src":24154},"\u002Fvideos\u002Fmodly.mp4",[],{"type":34,"tag":98,"props":24157,"children":24158},{},[],{"type":34,"tag":35,"props":24160,"children":24162},{"id":24161},"如何安裝與開始使用",[24163],{"type":40,"value":24164},"如何安裝與開始使用？",{"type":34,"tag":42,"props":24166,"children":24167},{},[24168],{"type":40,"value":24169},"Modly 的安裝非常直覺，它同時支援了開箱即用的安裝包下載以及適合開發者的原始碼啟動方式。",{"type":34,"tag":1854,"props":24171,"children":24173},{"id":24172},"_1-下載獨立安裝包-windows-linux",[24174],{"type":40,"value":24175},"1. 下載獨立安裝包 (Windows \u002F Linux)",{"type":34,"tag":42,"props":24177,"children":24178},{},[24179,24181,24188],{"type":40,"value":24180},"如果你是 Windows 或 Linux 的使用者，可以直接前往 ",{"type":34,"tag":72,"props":24182,"children":24185},{"href":24183,"rel":24184},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly\u002Freleases\u002Ftag\u002Fv0.3.6",[76],[24186],{"type":40,"value":24187},"Releases 頁面",{"type":40,"value":24189}," 下載編譯好的安裝檔：",{"type":34,"tag":122,"props":24191,"children":24192},{},[24193,24208],{"type":34,"tag":126,"props":24194,"children":24195},{},[24196,24200,24202],{"type":34,"tag":1008,"props":24197,"children":24198},{},[24199],{"type":40,"value":27},{"type":40,"value":24201},"：下載並執行 ",{"type":34,"tag":58,"props":24203,"children":24205},{"className":24204},[],[24206],{"type":40,"value":24207},"Modly-Setup-0.3.6.exe",{"type":34,"tag":126,"props":24209,"children":24210},{},[24211,24215,24216],{"type":34,"tag":1008,"props":24212,"children":24213},{},[24214],{"type":40,"value":28},{"type":40,"value":24201},{"type":34,"tag":58,"props":24217,"children":24219},{"className":24218},[],[24220],{"type":40,"value":24221},"Modly-0.3.6.AppImage",{"type":34,"tag":1854,"props":24223,"children":24225},{"id":24224},"_2-從原始碼安裝與啟動-支援-windows-linux-macos",[24226],{"type":40,"value":24227},"2. 從原始碼安裝與啟動 (支援 Windows \u002F Linux \u002F macOS)",{"type":34,"tag":42,"props":24229,"children":24230},{},[24231],{"type":40,"value":24232},"如果你想在本地端進行二次開發，或是你是 macOS 的使用者，也可以透過複製專案倉庫並手動配置 Python 與 JS 環境來啟動：",{"type":34,"tag":16081,"props":24234,"children":24236},{"id":24235},"a-複製專案倉庫",[24237],{"type":40,"value":24238},"A. 複製專案倉庫",{"type":34,"tag":243,"props":24240,"children":24242},{"className":245,"code":24241,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly.git\ncd modly\n",[24243],{"type":34,"tag":58,"props":24244,"children":24245},{"__ignoreMap":8},[24246,24262],{"type":34,"tag":253,"props":24247,"children":24248},{"class":255,"line":256},[24249,24253,24257],{"type":34,"tag":253,"props":24250,"children":24251},{"style":260},[24252],{"type":40,"value":5021},{"type":34,"tag":253,"props":24254,"children":24255},{"style":271},[24256],{"type":40,"value":5026},{"type":34,"tag":253,"props":24258,"children":24259},{"style":271},[24260],{"type":40,"value":24261}," https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly.git\n",{"type":34,"tag":253,"props":24263,"children":24264},{"class":255,"line":708},[24265,24269],{"type":34,"tag":253,"props":24266,"children":24267},{"style":5037},[24268],{"type":40,"value":5040},{"type":34,"tag":253,"props":24270,"children":24271},{"style":271},[24272],{"type":40,"value":24273}," modly\n",{"type":34,"tag":16081,"props":24275,"children":24277},{"id":24276},"b-安裝前端依賴",[24278],{"type":40,"value":24279},"B. 安裝前端依賴",{"type":34,"tag":243,"props":24281,"children":24283},{"className":245,"code":24282,"language":247,"meta":8,"style":8},"npm install\n",[24284],{"type":34,"tag":58,"props":24285,"children":24286},{"__ignoreMap":8},[24287],{"type":34,"tag":253,"props":24288,"children":24289},{"class":255,"line":256},[24290,24294],{"type":34,"tag":253,"props":24291,"children":24292},{"style":260},[24293],{"type":40,"value":8176},{"type":34,"tag":253,"props":24295,"children":24296},{"style":271},[24297],{"type":40,"value":8181},{"type":34,"tag":16081,"props":24299,"children":24301},{"id":24300},"c-設定-python-後端環境",[24302],{"type":40,"value":24303},"C. 設定 Python 後端環境",{"type":34,"tag":243,"props":24305,"children":24307},{"className":245,"code":24306,"language":247,"meta":8,"style":8},"cd api\npython -m venv .venv\n\n# 啟用 Python 虛擬環境\n.venv\\Scripts\\activate     # Windows\nsource .venv\u002Fbin\u002Factivate  # Linux \u002F macOS\n\n# 安裝模型所需的依賴庫\npip install -r requirements.txt\n",[24308],{"type":34,"tag":58,"props":24309,"children":24310},{"__ignoreMap":8},[24311,24323,24345,24352,24360,24373,24391,24398,24406],{"type":34,"tag":253,"props":24312,"children":24313},{"class":255,"line":256},[24314,24318],{"type":34,"tag":253,"props":24315,"children":24316},{"style":5037},[24317],{"type":40,"value":5040},{"type":34,"tag":253,"props":24319,"children":24320},{"style":271},[24321],{"type":40,"value":24322}," api\n",{"type":34,"tag":253,"props":24324,"children":24325},{"class":255,"line":708},[24326,24330,24335,24340],{"type":34,"tag":253,"props":24327,"children":24328},{"style":260},[24329],{"type":40,"value":11194},{"type":34,"tag":253,"props":24331,"children":24332},{"style":265},[24333],{"type":40,"value":24334}," -m",{"type":34,"tag":253,"props":24336,"children":24337},{"style":271},[24338],{"type":40,"value":24339}," venv",{"type":34,"tag":253,"props":24341,"children":24342},{"style":271},[24343],{"type":40,"value":24344}," .venv\n",{"type":34,"tag":253,"props":24346,"children":24347},{"class":255,"line":733},[24348],{"type":34,"tag":253,"props":24349,"children":24350},{"emptyLinePlaceholder":24},[24351],{"type":40,"value":5053},{"type":34,"tag":253,"props":24353,"children":24354},{"class":255,"line":755},[24355],{"type":34,"tag":253,"props":24356,"children":24357},{"style":5059},[24358],{"type":40,"value":24359},"# 啟用 Python 虛擬環境\n",{"type":34,"tag":253,"props":24361,"children":24362},{"class":255,"line":777},[24363,24368],{"type":34,"tag":253,"props":24364,"children":24365},{"style":260},[24366],{"type":40,"value":24367},".venv\\Scripts\\activate",{"type":34,"tag":253,"props":24369,"children":24370},{"style":5059},[24371],{"type":40,"value":24372},"     # Windows\n",{"type":34,"tag":253,"props":24374,"children":24375},{"class":255,"line":795},[24376,24381,24386],{"type":34,"tag":253,"props":24377,"children":24378},{"style":5037},[24379],{"type":40,"value":24380},"source",{"type":34,"tag":253,"props":24382,"children":24383},{"style":271},[24384],{"type":40,"value":24385}," .venv\u002Fbin\u002Factivate",{"type":34,"tag":253,"props":24387,"children":24388},{"style":5059},[24389],{"type":40,"value":24390},"  # Linux \u002F macOS\n",{"type":34,"tag":253,"props":24392,"children":24393},{"class":255,"line":5085},[24394],{"type":34,"tag":253,"props":24395,"children":24396},{"emptyLinePlaceholder":24},[24397],{"type":40,"value":5053},{"type":34,"tag":253,"props":24399,"children":24400},{"class":255,"line":5094},[24401],{"type":34,"tag":253,"props":24402,"children":24403},{"style":5059},[24404],{"type":40,"value":24405},"# 安裝模型所需的依賴庫\n",{"type":34,"tag":253,"props":24407,"children":24408},{"class":255,"line":5117},[24409,24413,24417,24422],{"type":34,"tag":253,"props":24410,"children":24411},{"style":260},[24412],{"type":40,"value":5140},{"type":34,"tag":253,"props":24414,"children":24415},{"style":271},[24416],{"type":40,"value":3698},{"type":34,"tag":253,"props":24418,"children":24419},{"style":265},[24420],{"type":40,"value":24421}," -r",{"type":34,"tag":253,"props":24423,"children":24424},{"style":271},[24425],{"type":40,"value":24426}," requirements.txt\n",{"type":34,"tag":16081,"props":24428,"children":24430},{"id":24429},"d-啟動開發伺服器",[24431],{"type":40,"value":24432},"D. 啟動開發伺服器",{"type":34,"tag":243,"props":24434,"children":24436},{"className":245,"code":24435,"language":247,"meta":8,"style":8},"# 回到專案根目錄後執行\nnpm run dev\n",[24437],{"type":34,"tag":58,"props":24438,"children":24439},{"__ignoreMap":8},[24440,24448],{"type":34,"tag":253,"props":24441,"children":24442},{"class":255,"line":256},[24443],{"type":34,"tag":253,"props":24444,"children":24445},{"style":5059},[24446],{"type":40,"value":24447},"# 回到專案根目錄後執行\n",{"type":34,"tag":253,"props":24449,"children":24450},{"class":255,"line":708},[24451,24455,24459],{"type":34,"tag":253,"props":24452,"children":24453},{"style":260},[24454],{"type":40,"value":8176},{"type":34,"tag":253,"props":24456,"children":24457},{"style":271},[24458],{"type":40,"value":5258},{"type":34,"tag":253,"props":24460,"children":24461},{"style":271},[24462],{"type":40,"value":5114},{"type":34,"tag":42,"props":24464,"children":24465},{},[24466],{"type":40,"value":24467},"或者是直接雙擊\u002F執行根目錄下的啟動指令檔：",{"type":34,"tag":122,"props":24469,"children":24470},{},[24471,24486],{"type":34,"tag":126,"props":24472,"children":24473},{},[24474,24478,24480],{"type":34,"tag":1008,"props":24475,"children":24476},{},[24477],{"type":40,"value":27},{"type":40,"value":24479},"：執行 ",{"type":34,"tag":58,"props":24481,"children":24483},{"className":24482},[],[24484],{"type":40,"value":24485},"launcher.bat",{"type":34,"tag":126,"props":24487,"children":24488},{},[24489,24494,24495],{"type":34,"tag":1008,"props":24490,"children":24491},{},[24492],{"type":40,"value":24493},"Linux \u002F macOS",{"type":40,"value":24479},{"type":34,"tag":58,"props":24496,"children":24498},{"className":24497},[],[24499],{"type":40,"value":24500},".\u002Flauncher.sh",{"type":34,"tag":98,"props":24502,"children":24503},{},[],{"type":34,"tag":35,"props":24505,"children":24507},{"id":24506},"強大的擴充模組系統-extensions",[24508],{"type":40,"value":24509},"強大的擴充模組系統 (Extensions)",{"type":34,"tag":42,"props":24511,"children":24512},{},[24513,24515,24521,24522,24528],{"type":40,"value":24514},"Modly 的核心魅力在於其高度靈活的擴充系統。每一個模型擴充都是一個獨立的 GitHub 倉庫，內部包含 ",{"type":34,"tag":58,"props":24516,"children":24518},{"className":24517},[],[24519],{"type":40,"value":24520},"manifest.json",{"type":40,"value":22686},{"type":34,"tag":58,"props":24523,"children":24525},{"className":24524},[],[24526],{"type":40,"value":24527},"generator.py",{"type":40,"value":24529},"，這使得社群能以極快的速度將最新發表的 3D 模型封裝並接入 Modly。",{"type":34,"tag":1854,"props":24531,"children":24533},{"id":24532},"官方推薦支援的模型擴充列表",[24534],{"type":40,"value":24535},"官方推薦支援的模型擴充列表：",{"type":34,"tag":6866,"props":24537,"children":24538},{},[24539,24560],{"type":34,"tag":6870,"props":24540,"children":24541},{},[24542],{"type":34,"tag":6874,"props":24543,"children":24544},{},[24545,24550,24555],{"type":34,"tag":6878,"props":24546,"children":24547},{"align":6880},[24548],{"type":40,"value":24549},"擴充模組名稱",{"type":34,"tag":6878,"props":24551,"children":24552},{"align":6880},[24553],{"type":40,"value":24554},"支援模型",{"type":34,"tag":6878,"props":24556,"children":24557},{"align":6880},[24558],{"type":40,"value":24559},"GitHub 網址",{"type":34,"tag":6890,"props":24561,"children":24562},{},[24563,24589,24615,24641,24667],{"type":34,"tag":6874,"props":24564,"children":24565},{},[24566,24575,24580],{"type":34,"tag":6897,"props":24567,"children":24568},{"align":6880},[24569],{"type":34,"tag":58,"props":24570,"children":24572},{"className":24571},[],[24573],{"type":40,"value":24574},"modly-hunyuan3d-mini-extension",{"type":34,"tag":6897,"props":24576,"children":24577},{"align":6880},[24578],{"type":40,"value":24579},"Hunyuan3D 2 Mini",{"type":34,"tag":6897,"props":24581,"children":24582},{"align":6880},[24583],{"type":34,"tag":72,"props":24584,"children":24587},{"href":24585,"rel":24586},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly-hunyuan3d-mini-extension",[76],[24588],{"type":40,"value":18039},{"type":34,"tag":6874,"props":24590,"children":24591},{},[24592,24601,24606],{"type":34,"tag":6897,"props":24593,"children":24594},{"align":6880},[24595],{"type":34,"tag":58,"props":24596,"children":24598},{"className":24597},[],[24599],{"type":40,"value":24600},"modly-hunyuan3d-mini-turbo-extension",{"type":34,"tag":6897,"props":24602,"children":24603},{"align":6880},[24604],{"type":40,"value":24605},"Hunyuan3D 2 Mini Turbo",{"type":34,"tag":6897,"props":24607,"children":24608},{"align":6880},[24609],{"type":34,"tag":72,"props":24610,"children":24613},{"href":24611,"rel":24612},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly-hunyuan3d-mini-turbo-extension",[76],[24614],{"type":40,"value":18039},{"type":34,"tag":6874,"props":24616,"children":24617},{},[24618,24627,24632],{"type":34,"tag":6897,"props":24619,"children":24620},{"align":6880},[24621],{"type":34,"tag":58,"props":24622,"children":24624},{"className":24623},[],[24625],{"type":40,"value":24626},"modly-hunyuan3d-mini-fast-extension",{"type":34,"tag":6897,"props":24628,"children":24629},{"align":6880},[24630],{"type":40,"value":24631},"Hunyuan3D 2 Mini Fast",{"type":34,"tag":6897,"props":24633,"children":24634},{"align":6880},[24635],{"type":34,"tag":72,"props":24636,"children":24639},{"href":24637,"rel":24638},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly-hunyuan3d-mini-fast-extension",[76],[24640],{"type":40,"value":18039},{"type":34,"tag":6874,"props":24642,"children":24643},{},[24644,24653,24658],{"type":34,"tag":6897,"props":24645,"children":24646},{"align":6880},[24647],{"type":34,"tag":58,"props":24648,"children":24650},{"className":24649},[],[24651],{"type":40,"value":24652},"modly-triposg-extension",{"type":34,"tag":6897,"props":24654,"children":24655},{"align":6880},[24656],{"type":40,"value":24657},"TripoSG",{"type":34,"tag":6897,"props":24659,"children":24660},{"align":6880},[24661],{"type":34,"tag":72,"props":24662,"children":24665},{"href":24663,"rel":24664},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly-triposg-extension",[76],[24666],{"type":40,"value":18039},{"type":34,"tag":6874,"props":24668,"children":24669},{},[24670,24679,24684],{"type":34,"tag":6897,"props":24671,"children":24672},{"align":6880},[24673],{"type":34,"tag":58,"props":24674,"children":24676},{"className":24675},[],[24677],{"type":40,"value":24678},"modly-trellis2-gguf-extension",{"type":34,"tag":6897,"props":24680,"children":24681},{"align":6880},[24682],{"type":40,"value":24683},"Trellis2 GGUF",{"type":34,"tag":6897,"props":24685,"children":24686},{"align":6880},[24687],{"type":34,"tag":72,"props":24688,"children":24691},{"href":24689,"rel":24690},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly-trellis2-gguf-extension",[76],[24692],{"type":40,"value":18039},{"type":34,"tag":1854,"props":24694,"children":24696},{"id":24695},"如何安裝擴充模組生成前必要步驟",[24697],{"type":40,"value":24698},"如何安裝擴充模組（生成前必要步驟）",{"type":34,"tag":177,"props":24700,"children":24701},{},[24702,24720,24725],{"type":34,"tag":126,"props":24703,"children":24704},{},[24705,24707,24712,24714,24719],{"type":40,"value":24706},"在軟體中切換至 ",{"type":34,"tag":1008,"props":24708,"children":24709},{},[24710],{"type":40,"value":24711},"extension",{"type":40,"value":24713}," 頁面，並點擊右上方 ",{"type":34,"tag":1008,"props":24715,"children":24716},{},[24717],{"type":40,"value":24718},"Install from GitHub",{"type":40,"value":222},{"type":34,"tag":126,"props":24721,"children":24722},{},[24723],{"type":40,"value":24724},"輸入你想要安裝的擴充模組 HTTPS URL（例如上方列表的連結）並按下確認。",{"type":34,"tag":126,"props":24726,"children":24727},{},[24728],{"type":40,"value":24729},"模組安裝完成後，點擊下載對應的模型權重或其變體（Variants），完成後即可在主畫面開始調用。",{"type":34,"tag":98,"props":24731,"children":24732},{},[],{"type":34,"tag":35,"props":24734,"children":24735},{"id":24000},[24736],{"type":40,"value":24000},{"type":34,"tag":42,"props":24738,"children":24739},{},[24740,24742,24747],{"type":40,"value":24741},"在使用 Modly 進行 3D 快速建模的過程中，最大的感受是它在",{"type":34,"tag":1008,"props":24743,"children":24744},{},[24745],{"type":40,"value":24746},"生成速度與工作流程上的極致體驗",{"type":40,"value":222},{"type":34,"tag":42,"props":24749,"children":24750},{},[24751,24753,24758],{"type":40,"value":24752},"我今天的測試平台是 Windows 11，配備 RTX 3070 Ti 顯示卡，實測進行「圖轉 3D（匯出 GLB 格式）」",{"type":34,"tag":1008,"props":24754,"children":24755},{},[24756],{"type":40,"value":24757},"僅需約 20 秒",{"type":40,"value":24759},"，生成速度令人非常驚艷。且安裝過程極其簡單，並不像很多 AI 開源專案需要大量複雜的手動編譯。",{"type":34,"tag":42,"props":24761,"children":24762},{},[24763],{"type":40,"value":24764},"更讚的是，因為它提供了類似節點工具的操作體驗，對於已經習慣 Stable Diffusion 或 ComfyUI 的使用者來說，上手門檻幾乎為零。",{"type":34,"tag":10421,"props":24766,"children":24767},{},[24768],{"type":34,"tag":42,"props":24769,"children":24770},{},[24771,24775,24777,24783,24784,24790],{"type":34,"tag":1008,"props":24772,"children":24773},{},[24774],{"type":40,"value":24029},{"type":40,"value":24776},"：由於當前最新的 3D 生成模型（特別是 Trellis）對顯卡顯存（VRAM）的要求相當高，如果生成時遇到顯存不足（OOM）的情況，建議優先嘗試載入 ",{"type":34,"tag":58,"props":24778,"children":24780},{"className":24779},[],[24781],{"type":40,"value":24782},"Mini Fast",{"type":40,"value":3033},{"type":34,"tag":58,"props":24785,"children":24787},{"className":24786},[],[24788],{"type":40,"value":24789},"Turbo",{"type":40,"value":24791}," 版本的擴充模組，或者調低生成設定中的解析度與精度！",{"type":34,"tag":98,"props":24793,"children":24794},{},[],{"type":34,"tag":42,"props":24796,"children":24797},{},[24798],{"type":34,"tag":1008,"props":24799,"children":24800},{},[24801],{"type":40,"value":1514},{"type":34,"tag":122,"props":24803,"children":24804},{},[24805,24815,24825],{"type":34,"tag":126,"props":24806,"children":24807},{},[24808],{"type":34,"tag":72,"props":24809,"children":24812},{"href":24810,"rel":24811},"https:\u002F\u002Fgithub.com\u002Flightningpixel\u002Fmodly",[76],[24813],{"type":40,"value":24814},"Modly GitHub 倉庫",{"type":34,"tag":126,"props":24816,"children":24817},{},[24818],{"type":34,"tag":72,"props":24819,"children":24822},{"href":24820,"rel":24821},"https:\u002F\u002Fmodly3d.app",[76],[24823],{"type":40,"value":24824},"Modly 官方網站",{"type":34,"tag":126,"props":24826,"children":24827},{},[24828],{"type":34,"tag":72,"props":24829,"children":24831},{"href":24183,"rel":24830},[76],[24832],{"type":40,"value":24833},"Modly 最新 Releases 釋出頁面",{"type":34,"tag":98,"props":24835,"children":24836},{},[],{"type":34,"tag":42,"props":24838,"children":24839},{},[24840],{"type":34,"tag":9919,"props":24841,"children":24842},{},[24843],{"type":40,"value":24844},"本文介紹之軟體專案開源授權為 MIT 授權條款，若分叉（Fork）或二次開發此專案，請務必遵循協議並保留原創作者 Lightning Pixel 的署名。",{"type":34,"tag":1548,"props":24846,"children":24847},{},[24848],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":24850},[24851,24852,24853,24857,24861],{"id":24107,"depth":708,"text":24110},{"id":12893,"depth":708,"text":12896},{"id":24161,"depth":708,"text":24164,"children":24854},[24855,24856],{"id":24172,"depth":733,"text":24175},{"id":24224,"depth":733,"text":24227},{"id":24506,"depth":708,"text":24509,"children":24858},[24859,24860],{"id":24532,"depth":733,"text":24535},{"id":24695,"depth":733,"text":24698},{"id":24000,"depth":708,"text":24000},"content:articles:modly.md","articles\u002Fmodly.md","articles\u002Fmodly",{"_path":24866,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":24867,"description":24868,"date":24869,"category":18127,"image":24870,"tags":24871,"series":1585,"readingTime":3465,"difficulty":1587,"local":24,"platforms":24872,"gpu":29,"body":24873,"_type":1569,"_id":25426,"_source":1571,"_file":25427,"_stem":25428,"_extension":1574},"\u002Farticles\u002Fopenvid","OpenVid 瀏覽器免安裝產品 Demo 錄影與 3D 鏡頭後製工具教學","想要為你的產品錄製精美的演示影片？OpenVid 讓你直接在瀏覽器中套用 3D 鏡頭、縮放與精美背景，一鍵導出高質感的 Demo 影片。","2026-05-24","\u002Fimages\u002Fopenvid_ui.jpg",[17,14939,2671],[1591],{"type":31,"children":24874,"toc":25413},[24875,24881,24886,24896,24899,24904,24909,24914,24931,24936,24941,24962,24965,24970,24975,24980,24990,24995,25000,25006,25041,25047,25052,25070,25076,25081,25103,25109,25127,25139,25142,25147,25152,25326,25329,25333,25338,25349,25354,25366,25369,25376,25398,25401,25409],{"type":34,"tag":35,"props":24876,"children":24878},{"id":24877},"為什麼選擇-openvid",[24879],{"type":40,"value":24880},"為什麼選擇 OpenVid？",{"type":34,"tag":42,"props":24882,"children":24883},{},[24884],{"type":40,"value":24885},"在產品推廣或文章撰寫時，錄影畫面通常比較單調。雖然市面上有一些付費軟體可以製作精美的 Mockup 影片，但這些工具通常有著不低的訂閱費用，或是需要下載特定的應用程式。",{"type":34,"tag":42,"props":24887,"children":24888},{},[24889,24894],{"type":34,"tag":1008,"props":24890,"children":24891},{},[24892],{"type":40,"value":24893},"OpenVid",{"type":40,"value":24895}," 是一個開源的產品演示影片製作工具。它最引人的地方在於，它完全在瀏覽器端運行，不需安裝任何軟體。你只需錄製螢幕或上傳現有影片，就能在幾秒鐘內為其套用 3D 透視旋轉、時間軸平滑縮放、精美裝置外框（Mockup）以及各種現代感十足的背景，最後匯出成高品質的 Demo。",{"type":34,"tag":98,"props":24897,"children":24898},{},[],{"type":34,"tag":35,"props":24900,"children":24902},{"id":24901},"編輯器介面與成果展示",[24903],{"type":40,"value":24901},{"type":34,"tag":1854,"props":24905,"children":24907},{"id":24906},"編輯器介面",[24908],{"type":40,"value":24906},{"type":34,"tag":42,"props":24910,"children":24911},{},[24912],{"type":40,"value":24913},"下面是 OpenVid 的網頁端編輯器介面，左側是強大的功能調整面板，包含 3D 變換、時間軸縮放與圖層管理，右側則是即時預覽畫面：",{"type":34,"tag":565,"props":24915,"children":24917},{"className":24916},[568,569,570,571,572,573,574],[24918,24919,24924,24925],{"type":40,"value":577},{"type":34,"tag":579,"props":24920,"children":24923},{"src":24870,"alt":24921,"className":24922},"OpenVid 編輯器介面",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":24926,"children":24928},{"className":24927},[590,591,592,593,594,595],[24929],{"type":40,"value":24930},"OpenVid 網頁端編輯器介面與功能展示",{"type":34,"tag":1854,"props":24932,"children":24934},{"id":24933},"錄製成果展示",[24935],{"type":40,"value":24933},{"type":34,"tag":42,"props":24937,"children":24938},{},[24939],{"type":40,"value":24940},"以下是使用 OpenVid 實際錄製並導出的 Demo 影片。你可以看到其自動跟隨、縮放以及背景陰影的流暢表現：",{"type":34,"tag":565,"props":24942,"children":24944},{"className":24943},[568,569,570,571,572,573,574],[24945,24946,24955,24956],{"type":40,"value":577},{"type":34,"tag":24947,"props":24948,"children":24953},"video",{"src":24949,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":24950,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":24952},"\u002Fvideos\u002Fopenvid_test.mp4",[583,584],"metadata","\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fopenvid_test.jpg",[24954],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":24957,"children":24959},{"className":24958},[590,591,592,593,594,595],[24960],{"type":40,"value":24961},"OpenVid 錄製成果實際展示",{"type":34,"tag":98,"props":24963,"children":24964},{},[],{"type":34,"tag":35,"props":24966,"children":24968},{"id":24967},"線上使用與本地部署",[24969],{"type":40,"value":24967},{"type":34,"tag":1854,"props":24971,"children":24973},{"id":24972},"線上免安裝使用",[24974],{"type":40,"value":24972},{"type":34,"tag":42,"props":24976,"children":24977},{},[24978],{"type":40,"value":24979},"如果你只是需要快速製作影片，可以直接使用官方提供的線上編輯器：",{"type":34,"tag":42,"props":24981,"children":24982},{},[24983],{"type":34,"tag":72,"props":24984,"children":24987},{"href":24985,"rel":24986},"https:\u002F\u002Fopenvid.dev\u002Fen\u002Feditor",[76],[24988],{"type":40,"value":24989},"點此進入 OpenVid 線上編輯器",{"type":34,"tag":1854,"props":24991,"children":24993},{"id":24992},"本地安裝與部署",[24994],{"type":40,"value":24992},{"type":34,"tag":42,"props":24996,"children":24997},{},[24998],{"type":40,"value":24999},"OpenVid 基於 Next.js、TypeScript 與 Supabase 開發，並利用 WebAssembly 技術（FFmpeg.wasm）在瀏覽器本地處理影片。如果你想在本地執行或進行二次開發，可以按照以下步驟安裝：",{"type":34,"tag":16081,"props":25001,"children":25003},{"id":25002},"_1-複製專案倉庫",[25004],{"type":40,"value":25005},"1. 複製專案倉庫",{"type":34,"tag":243,"props":25007,"children":25009},{"className":245,"code":25008,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002Fopenvid.git\ncd openvid\n",[25010],{"type":34,"tag":58,"props":25011,"children":25012},{"__ignoreMap":8},[25013,25029],{"type":34,"tag":253,"props":25014,"children":25015},{"class":255,"line":256},[25016,25020,25024],{"type":34,"tag":253,"props":25017,"children":25018},{"style":260},[25019],{"type":40,"value":5021},{"type":34,"tag":253,"props":25021,"children":25022},{"style":271},[25023],{"type":40,"value":5026},{"type":34,"tag":253,"props":25025,"children":25026},{"style":271},[25027],{"type":40,"value":25028}," https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002Fopenvid.git\n",{"type":34,"tag":253,"props":25030,"children":25031},{"class":255,"line":708},[25032,25036],{"type":34,"tag":253,"props":25033,"children":25034},{"style":5037},[25035],{"type":40,"value":5040},{"type":34,"tag":253,"props":25037,"children":25038},{"style":271},[25039],{"type":40,"value":25040}," openvid\n",{"type":34,"tag":16081,"props":25042,"children":25044},{"id":25043},"_2-安裝套件依賴",[25045],{"type":40,"value":25046},"2. 安裝套件依賴",{"type":34,"tag":42,"props":25048,"children":25049},{},[25050],{"type":40,"value":25051},"你可以使用 pnpm 進行安裝：",{"type":34,"tag":243,"props":25053,"children":25055},{"className":245,"code":25054,"language":247,"meta":8,"style":8},"pnpm install\n",[25056],{"type":34,"tag":58,"props":25057,"children":25058},{"__ignoreMap":8},[25059],{"type":34,"tag":253,"props":25060,"children":25061},{"class":255,"line":256},[25062,25066],{"type":34,"tag":253,"props":25063,"children":25064},{"style":260},[25065],{"type":40,"value":20752},{"type":34,"tag":253,"props":25067,"children":25068},{"style":271},[25069],{"type":40,"value":8181},{"type":34,"tag":16081,"props":25071,"children":25073},{"id":25072},"_3-設定環境變數",[25074],{"type":40,"value":25075},"3. 設定環境變數",{"type":34,"tag":42,"props":25077,"children":25078},{},[25079],{"type":40,"value":25080},"複製環境變數範本檔案，並根據需要填入你的 Supabase 憑證以啟用雲端備份與身份驗證：",{"type":34,"tag":243,"props":25082,"children":25084},{"className":245,"code":25083,"language":247,"meta":8,"style":8},"cp .env.example .env\n",[25085],{"type":34,"tag":58,"props":25086,"children":25087},{"__ignoreMap":8},[25088],{"type":34,"tag":253,"props":25089,"children":25090},{"class":255,"line":256},[25091,25095,25099],{"type":34,"tag":253,"props":25092,"children":25093},{"style":260},[25094],{"type":40,"value":5206},{"type":34,"tag":253,"props":25096,"children":25097},{"style":271},[25098],{"type":40,"value":5211},{"type":34,"tag":253,"props":25100,"children":25101},{"style":271},[25102],{"type":40,"value":5216},{"type":34,"tag":16081,"props":25104,"children":25106},{"id":25105},"_4-啟動本機開發伺服器",[25107],{"type":40,"value":25108},"4. 啟動本機開發伺服器",{"type":34,"tag":243,"props":25110,"children":25112},{"className":245,"code":25111,"language":247,"meta":8,"style":8},"pnpm dev\n",[25113],{"type":34,"tag":58,"props":25114,"children":25115},{"__ignoreMap":8},[25116],{"type":34,"tag":253,"props":25117,"children":25118},{"class":255,"line":256},[25119,25123],{"type":34,"tag":253,"props":25120,"children":25121},{"style":260},[25122],{"type":40,"value":20752},{"type":34,"tag":253,"props":25124,"children":25125},{"style":271},[25126],{"type":40,"value":5114},{"type":34,"tag":42,"props":25128,"children":25129},{},[25130,25132,25137],{"type":40,"value":25131},"啟動後，在瀏覽器打開 ",{"type":34,"tag":58,"props":25133,"children":25135},{"className":25134},[],[25136],{"type":40,"value":15294},{"type":40,"value":25138}," 即可開始在本機使用。",{"type":34,"tag":98,"props":25140,"children":25141},{},[],{"type":34,"tag":35,"props":25143,"children":25145},{"id":25144},"核心功能說明",[25146],{"type":40,"value":25144},{"type":34,"tag":42,"props":25148,"children":25149},{},[25150],{"type":40,"value":25151},"OpenVid 提供了許多功能，讓你可以自由設計你的 Demo 影片：",{"type":34,"tag":6866,"props":25153,"children":25154},{},[25155,25176],{"type":34,"tag":6870,"props":25156,"children":25157},{},[25158],{"type":34,"tag":6874,"props":25159,"children":25160},{},[25161,25166,25171],{"type":34,"tag":6878,"props":25162,"children":25163},{"align":6880},[25164],{"type":40,"value":25165},"功能分類",{"type":34,"tag":6878,"props":25167,"children":25168},{"align":6880},[25169],{"type":40,"value":25170},"支援項目",{"type":34,"tag":6878,"props":25172,"children":25173},{"align":6880},[25174],{"type":40,"value":25175},"技術細節與特點",{"type":34,"tag":6890,"props":25177,"children":25178},{},[25179,25200,25221,25242,25263,25284,25305],{"type":34,"tag":6874,"props":25180,"children":25181},{},[25182,25190,25195],{"type":34,"tag":6897,"props":25183,"children":25184},{"align":6880},[25185],{"type":34,"tag":1008,"props":25186,"children":25187},{},[25188],{"type":40,"value":25189},"影片輸入",{"type":34,"tag":6897,"props":25191,"children":25192},{"align":6880},[25193],{"type":40,"value":25194},"螢幕錄影或本地影片上傳",{"type":34,"tag":6897,"props":25196,"children":25197},{"align":6880},[25198],{"type":40,"value":25199},"支援 MP4, WebM, MOV, MKV 格式拖放上傳",{"type":34,"tag":6874,"props":25201,"children":25202},{},[25203,25211,25216],{"type":34,"tag":6897,"props":25204,"children":25205},{"align":6880},[25206],{"type":34,"tag":1008,"props":25207,"children":25208},{},[25209],{"type":40,"value":25210},"裝置外框",{"type":34,"tag":6897,"props":25212,"children":25213},{"align":6880},[25214],{"type":40,"value":25215},"瀏覽器與行動裝置 Mockup",{"type":34,"tag":6897,"props":25217,"children":25218},{"align":6880},[25219],{"type":40,"value":25220},"Safari, Chrome, Arc, Samsung 等專業外框",{"type":34,"tag":6874,"props":25222,"children":25223},{},[25224,25232,25237],{"type":34,"tag":6897,"props":25225,"children":25226},{"align":6880},[25227],{"type":34,"tag":1008,"props":25228,"children":25229},{},[25230],{"type":40,"value":25231},"3D 相機",{"type":34,"tag":6897,"props":25233,"children":25234},{"align":6880},[25235],{"type":40,"value":25236},"3D 空間透視變換",{"type":34,"tag":6897,"props":25238,"children":25239},{"align":6880},[25240],{"type":40,"value":25241},"支援 X\u002FY 軸旋轉、傾斜及視角調整",{"type":34,"tag":6874,"props":25243,"children":25244},{},[25245,25253,25258],{"type":34,"tag":6897,"props":25246,"children":25247},{"align":6880},[25248],{"type":34,"tag":1008,"props":25249,"children":25250},{},[25251],{"type":40,"value":25252},"動態縮放",{"type":34,"tag":6897,"props":25254,"children":25255},{"align":6880},[25256],{"type":40,"value":25257},"時間軸關鍵影格 (Zoom)",{"type":34,"tag":6897,"props":25259,"children":25260},{"align":6880},[25261],{"type":40,"value":25262},"可在時間軸任意點加入平滑放大與縮小鏡頭",{"type":34,"tag":6874,"props":25264,"children":25265},{},[25266,25274,25279],{"type":34,"tag":6897,"props":25267,"children":25268},{"align":6880},[25269],{"type":34,"tag":1008,"props":25270,"children":25271},{},[25272],{"type":40,"value":25273},"視覺背景",{"type":34,"tag":6897,"props":25275,"children":25276},{"align":6880},[25277],{"type":40,"value":25278},"100+ 內建背景與特效",{"type":34,"tag":6897,"props":25280,"children":25281},{"align":6880},[25282],{"type":40,"value":25283},"支援單色、漸層、自訂圖片、Unsplash 及背景模糊",{"type":34,"tag":6874,"props":25285,"children":25286},{},[25287,25295,25300],{"type":34,"tag":6897,"props":25288,"children":25289},{"align":6880},[25290],{"type":34,"tag":1008,"props":25291,"children":25292},{},[25293],{"type":40,"value":25294},"畫布疊加",{"type":34,"tag":6897,"props":25296,"children":25297},{"align":6880},[25298],{"type":40,"value":25299},"多圖層元素編輯",{"type":34,"tag":6897,"props":25301,"children":25302},{"align":6880},[25303],{"type":40,"value":25304},"支援加入文字、形狀、SVG、圖片並控制圖層順序",{"type":34,"tag":6874,"props":25306,"children":25307},{},[25308,25316,25321],{"type":34,"tag":6897,"props":25309,"children":25310},{"align":6880},[25311],{"type":34,"tag":1008,"props":25312,"children":25313},{},[25314],{"type":40,"value":25315},"輸出格式",{"type":34,"tag":6897,"props":25317,"children":25318},{"align":6880},[25319],{"type":40,"value":25320},"高畫質多格式匯出",{"type":34,"tag":6897,"props":25322,"children":25323},{"align":6880},[25324],{"type":40,"value":25325},"支援 4K\u002F2K\u002F1080p 輸出為 MP4、WebM 或 GIF",{"type":34,"tag":98,"props":25327,"children":25328},{},[],{"type":34,"tag":35,"props":25330,"children":25331},{"id":24000},[25332],{"type":40,"value":24000},{"type":34,"tag":42,"props":25334,"children":25335},{},[25336],{"type":40,"value":25337},"在使用過許多錄影與 Demo 後製軟體後，我認為 OpenVid 的體驗非常驚艷。",{"type":34,"tag":42,"props":25339,"children":25340},{},[25341,25343,25347],{"type":40,"value":25342},"它最棒的一點在於",{"type":34,"tag":1008,"props":25344,"children":25345},{},[25346],{"type":40,"value":6211},{"type":40,"value":25348},"。因為它結合了 Canvas API 與 FFmpeg.wasm，所有的影片錄製、編輯、3D 渲染和最終導出都是在你的瀏覽器本地完成，影片數據不會被上傳到任何第三方伺服器。這對於需要展示內部系統或敏感資料的開發者來說非常安心。",{"type":34,"tag":42,"props":25350,"children":25351},{},[25352],{"type":40,"value":25353},"不過也因為如此，在匯出 4K 等高解析度影片時，FFmpeg.wasm 對電腦記憶體與 CPU 的消耗會比較大。建議製作 Demo 時影片長度控制在 10 到 30 秒之間，這樣不僅匯出速度快，也能保證最佳的傳播效果。",{"type":34,"tag":10421,"props":25355,"children":25356},{},[25357],{"type":34,"tag":42,"props":25358,"children":25359},{},[25360,25364],{"type":34,"tag":1008,"props":25361,"children":25362},{},[25363],{"type":40,"value":24029},{"type":40,"value":25365},"：如果你的影片不需要透明背景，匯出時選擇 MP4 格式的相容性是最好的。如果需要透明背景，則可以使用 WebM 格式。",{"type":34,"tag":98,"props":25367,"children":25368},{},[],{"type":34,"tag":42,"props":25370,"children":25371},{},[25372],{"type":34,"tag":1008,"props":25373,"children":25374},{},[25375],{"type":40,"value":1514},{"type":34,"tag":122,"props":25377,"children":25378},{},[25379,25388],{"type":34,"tag":126,"props":25380,"children":25381},{},[25382],{"type":34,"tag":72,"props":25383,"children":25385},{"href":24985,"rel":25384},[76],[25386],{"type":40,"value":25387},"OpenVid 官方網站",{"type":34,"tag":126,"props":25389,"children":25390},{},[25391],{"type":34,"tag":72,"props":25392,"children":25395},{"href":25393,"rel":25394},"https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002Fopenvid",[76],[25396],{"type":40,"value":25397},"OpenVid GitHub 倉庫",{"type":34,"tag":98,"props":25399,"children":25400},{},[],{"type":34,"tag":42,"props":25402,"children":25403},{},[25404],{"type":34,"tag":9919,"props":25405,"children":25406},{},[25407],{"type":40,"value":25408},"本文實作與安裝基於 OpenVid 開源版本，所有處理皆在瀏覽器本地完成。",{"type":34,"tag":1548,"props":25410,"children":25411},{},[25412],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":25414},[25415,25416,25420,25424,25425],{"id":24877,"depth":708,"text":24880},{"id":24901,"depth":708,"text":24901,"children":25417},[25418,25419],{"id":24906,"depth":733,"text":24906},{"id":24933,"depth":733,"text":24933},{"id":24967,"depth":708,"text":24967,"children":25421},[25422,25423],{"id":24972,"depth":733,"text":24972},{"id":24992,"depth":733,"text":24992},{"id":25144,"depth":708,"text":25144},{"id":24000,"depth":708,"text":24000},"content:articles:openvid.md","articles\u002Fopenvid.md","articles\u002Fopenvid",{"_path":25430,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":25431,"description":25432,"date":25433,"category":12,"image":25434,"tags":25435,"series":3464,"readingTime":22,"difficulty":25436,"local":24,"platforms":25437,"gpu":25438,"body":25439,"_type":1569,"_id":26282,"_source":1571,"_file":26283,"_stem":26284,"_extension":1574},"\u002Farticles\u002Fomnivoice","OmniVoice Studio 本地端 AI 影音配音工具實測與 macOS 安裝避坑指南","最近測試了開源版 ElevenLabs + HeyGen：OmniVoice Studio。它支援 646 種語言、本地自動影片配音，且連 Mac mini 都跑得動！本文分享實測心得、macOS 隔離區排除教學，以及繁中\u002F簡中輸入產生的語音對比。","2026-05-22","\u002Fimages\u002Fomni_setup.jpg",[15,10462],"Hard",[26,27],"Apple Silicon \u002F NVIDIA 8GB+",{"type":31,"children":25440,"toc":26261},[25441,25446,25464,25469,25522,25525,25531,25536,25553,25556,25562,25575,25580,25586,25600,25605,25657,25688,25694,25699,25723,25728,25731,25737,25742,25753,25765,25771,25781,25786,25791,25797,25816,25822,25841,25844,25850,25863,25873,25924,25929,26102,26105,26110,26115,26119,26162,26167,26200,26218,26221,26225,26257],{"type":34,"tag":35,"props":25442,"children":25444},{"id":25443},"簡介",[25445],{"type":40,"value":25443},{"type":34,"tag":42,"props":25447,"children":25448},{},[25449,25451,25456,25458,25463],{"type":40,"value":25450},"如果你有用過 ElevenLabs 或 HeyGen 這種 AI 語音跟影片配音工具，應該會對它們的生成品質感到驚艷，但同時也會被它們昂貴的訂閱費或雲端隱私問題給勸退。而 ",{"type":34,"tag":1008,"props":25452,"children":25453},{},[25454],{"type":40,"value":25455},"OmniVoice Studio",{"type":40,"value":25457}," 簡單來說，就是",{"type":34,"tag":1008,"props":25459,"children":25460},{},[25461],{"type":40,"value":25462},"開源、完全本地跑的 ElevenLabs + HeyGen 替代方案",{"type":40,"value":222},{"type":34,"tag":42,"props":25465,"children":25466},{},[25467],{"type":40,"value":25468},"它在本地端運行的優點非常誇張：",{"type":34,"tag":177,"props":25470,"children":25471},{},[25472,25482,25492,25502,25512],{"type":34,"tag":126,"props":25473,"children":25474},{},[25475,25480],{"type":34,"tag":1008,"props":25476,"children":25477},{},[25478],{"type":40,"value":25479},"完全本地化",{"type":40,"value":25481},"：不需要任何 API Key、不需要註冊帳號，所有運算都在你的機器上完成，隱私安全無虞。",{"type":34,"tag":126,"props":25483,"children":25484},{},[25485,25490],{"type":34,"tag":1008,"props":25486,"children":25487},{},[25488],{"type":40,"value":25489},"資源需求低",{"type":40,"value":25491},"：即便是在一般規格的 Mac mini 上也能順暢運行，如果顯示卡或顯示記憶體不足（VRAM \u003C= 8GB），它還會自動且聰明地把 TTS 任務卸載（offload）到 CPU 上跑。",{"type":34,"tag":126,"props":25493,"children":25494},{},[25495,25500],{"type":34,"tag":1008,"props":25496,"children":25497},{},[25498],{"type":40,"value":25499},"支援 646 種語言",{"type":40,"value":25501},"：支援龐大的語言數量，還包含多種方言、口音與情緒調整。",{"type":34,"tag":126,"props":25503,"children":25504},{},[25505,25510],{"type":34,"tag":1008,"props":25506,"children":25507},{},[25508],{"type":40,"value":25509},"一條龍影片自動配音",{"type":40,"value":25511},"：上傳影片或貼 YouTube 網址，自動幫你轉譯字幕、翻譯、生成新語音、人聲隔離並重新混音，最後直接導出成新的 MP4。",{"type":34,"tag":126,"props":25513,"children":25514},{},[25515,25520],{"type":34,"tag":1008,"props":25516,"children":25517},{},[25518],{"type":40,"value":25519},"完整的 GUI 介面",{"type":40,"value":25521},"：它不像許多開源專案只有命令列或粗糙的 Gradio 介面，它有著精緻的跨平台 Tauri 桌面 GUI 應用程式。",{"type":34,"tag":98,"props":25523,"children":25524},{},[],{"type":34,"tag":35,"props":25526,"children":25528},{"id":25527},"介面與設定展示-ui-setup",[25529],{"type":40,"value":25530},"介面與設定展示 (UI & Setup)",{"type":34,"tag":42,"props":25532,"children":25533},{},[25534],{"type":40,"value":25535},"下圖是 OmniVoice Studio 啟動後的初始設定過程。首次啟動時，它會自動偵測你的硬體環境並進行對應的模型與環境配置：",{"type":34,"tag":565,"props":25537,"children":25539},{"className":25538},[568,569,570,571,572,573,574],[25540,25541,25546,25547],{"type":40,"value":577},{"type":34,"tag":579,"props":25542,"children":25545},{"src":25434,"alt":25543,"className":25544},"OmniVoice Studio Setup",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":25548,"children":25550},{"className":25549},[590,591,592,593,594,595],[25551],{"type":40,"value":25552},"OmniVoice Studio 開啟後自動設定介面",{"type":34,"tag":98,"props":25554,"children":25555},{},[],{"type":34,"tag":35,"props":25557,"children":25559},{"id":25558},"macos-安裝與-gatekeeper-隔離排除-打不開必看",[25560],{"type":40,"value":25561},"macOS 安裝與 Gatekeeper 隔離排除 (打不開必看)",{"type":34,"tag":42,"props":25563,"children":25564},{},[25565,25567,25573],{"type":40,"value":25566},"由於 OmniVoice Studio 目前還在積極測試階段（官方預計在 v0.4 版本才會實作開發者 ID 簽章與公證流程），直接安裝預編譯的 ",{"type":34,"tag":58,"props":25568,"children":25570},{"className":25569},[],[25571],{"type":40,"value":25572},".app",{"type":40,"value":25574}," 時，macOS 的 Gatekeeper 機制會直接攔截並提示「應用程式已損壞，無法開啟」。",{"type":34,"tag":42,"props":25576,"children":25577},{},[25578],{"type":40,"value":25579},"請依照以下步驟順利安裝與排除：",{"type":34,"tag":1854,"props":25581,"children":25583},{"id":25582},"_1-正常安裝步驟",[25584],{"type":40,"value":25585},"1. 正常安裝步驟",{"type":34,"tag":42,"props":25587,"children":25588},{},[25589,25591,25598],{"type":40,"value":25590},"在 ",{"type":34,"tag":72,"props":25592,"children":25595},{"href":25593,"rel":25594},"https:\u002F\u002Fpalash.dev\u002Fomnivoice\u002F",[76],[25596],{"type":40,"value":25597},"OmniVoice Studio 官方網站 Launchpad",{"type":40,"value":25599},"，官方整合了「語音複製 (Voice Clone)」、「語音設計 (Voice Design)」與「影片配音 (Video Dubbing)」三大核心功能，並提供了跨平台的安裝檔。",{"type":34,"tag":42,"props":25601,"children":25602},{},[25603],{"type":40,"value":25604},"該專案底層技術棧相當完整，結合了 Python、Tauri、CUDA、Docker、MLX 與 Whisper 等工具。在 Launchpad 下載頁面中，你可以依據作業系統選擇對應的下載包：",{"type":34,"tag":122,"props":25606,"children":25607},{},[25608,25623,25637],{"type":34,"tag":126,"props":25609,"children":25610},{},[25611,25615,25617,25622],{"type":34,"tag":1008,"props":25612,"children":25613},{},[25614],{"type":40,"value":26},{"type":40,"value":25616},"：點擊下載 ",{"type":34,"tag":1008,"props":25618,"children":25619},{},[25620],{"type":40,"value":25621},"macOS DMG",{"type":40,"value":222},{"type":34,"tag":126,"props":25624,"children":25625},{},[25626,25630,25631,25636],{"type":34,"tag":1008,"props":25627,"children":25628},{},[25629],{"type":40,"value":27},{"type":40,"value":25616},{"type":34,"tag":1008,"props":25632,"children":25633},{},[25634],{"type":40,"value":25635},"Windows MSI",{"type":40,"value":222},{"type":34,"tag":126,"props":25638,"children":25639},{},[25640,25644,25645,25650,25651,25656],{"type":34,"tag":1008,"props":25641,"children":25642},{},[25643],{"type":40,"value":28},{"type":40,"value":25616},{"type":34,"tag":1008,"props":25646,"children":25647},{},[25648],{"type":40,"value":25649},"Linux AppImage",{"type":40,"value":3033},{"type":34,"tag":1008,"props":25652,"children":25653},{},[25654],{"type":40,"value":25655},"Debian .deb",{"type":40,"value":10298},{"type":34,"tag":42,"props":25658,"children":25659},{},[25660,25662,25667,25669,25675,25677,25686],{"type":40,"value":25661},"Mac 使用者下載 ",{"type":34,"tag":58,"props":25663,"children":25665},{"className":25664},[],[25666],{"type":40,"value":4641},{"type":40,"value":25668}," 檔案後，雙擊掛載並將其中的 ",{"type":34,"tag":58,"props":25670,"children":25672},{"className":25671},[],[25673],{"type":40,"value":25674},"OmniVoice Studio.app",{"type":40,"value":25676}," 拖移至 ",{"type":34,"tag":1008,"props":25678,"children":25679},{},[25680],{"type":34,"tag":58,"props":25681,"children":25683},{"className":25682},[],[25684],{"type":40,"value":25685},"\u002FApplications",{"type":40,"value":25687}," (應用程式) 資料夾。",{"type":34,"tag":1854,"props":25689,"children":25691},{"id":25690},"_2-解決應用程式已損壞無法開啟",[25692],{"type":40,"value":25693},"2. 解決「應用程式已損壞，無法開啟」",{"type":34,"tag":42,"props":25695,"children":25696},{},[25697],{"type":40,"value":25698},"將應用程式拖入根目錄後，請開啟終端機（Terminal）並執行以下指令，清除 macOS 的隔離區擴充屬性：",{"type":34,"tag":243,"props":25700,"children":25702},{"className":245,"code":25701,"language":247,"meta":8,"style":8},"xattr -cr \"\u002FApplications\u002FOmniVoice Studio.app\"\n",[25703],{"type":34,"tag":58,"props":25704,"children":25705},{"__ignoreMap":8},[25706],{"type":34,"tag":253,"props":25707,"children":25708},{"class":255,"line":256},[25709,25713,25718],{"type":34,"tag":253,"props":25710,"children":25711},{"style":260},[25712],{"type":40,"value":1812},{"type":34,"tag":253,"props":25714,"children":25715},{"style":265},[25716],{"type":40,"value":25717}," -cr",{"type":34,"tag":253,"props":25719,"children":25720},{"style":271},[25721],{"type":40,"value":25722}," \"\u002FApplications\u002FOmniVoice Studio.app\"\n",{"type":34,"tag":42,"props":25724,"children":25725},{},[25726],{"type":40,"value":25727},"執行完畢後即可順利開啟程式。這項修復每次安裝只需進行一次。該應用程式本身是完全開源的，如果您想確保萬無一失，可在清除該屬性之前，先將下載檔案的 SHA-256 校驗值與發布頁面上的 Checksum 進行比對。",{"type":34,"tag":98,"props":25729,"children":25730},{},[],{"type":34,"tag":35,"props":25732,"children":25734},{"id":25733},"實測與爆笑-bug繁體中文秒變粵語",[25735],{"type":40,"value":25736},"實測與爆笑 Bug：繁體中文秒變粵語？",{"type":34,"tag":42,"props":25738,"children":25739},{},[25740],{"type":40,"value":25741},"雖然 OmniVoice 支援高達 646 種語言，但目前在中文的支援上，有一個非常令人哭笑不得的問題：",{"type":34,"tag":10421,"props":25743,"children":25744},{},[25745],{"type":34,"tag":42,"props":25746,"children":25747},{},[25748],{"type":34,"tag":1008,"props":25749,"children":25750},{},[25751],{"type":40,"value":25752},"當你輸入「繁體中文」進行文字轉語音（TTS）時，AI 常常會直接切換到「粵語（廣東話）模式」來發音！",{"type":34,"tag":42,"props":25754,"children":25755},{},[25756,25758,25763],{"type":40,"value":25757},"這並不是單純的系統語系設定錯誤，而是目前許多開源 Multilingual TTS 模型的通病。因為在這些模型的訓練語料庫中，",{"type":34,"tag":1008,"props":25759,"children":25760},{},[25761],{"type":40,"value":25762},"「繁體中文 = 香港粵語語料」",{"type":40,"value":25764}," 的關聯性太強、比重過高，導致模型一看到繁體字，就直覺地用粵語發音。",{"type":34,"tag":1854,"props":25766,"children":25768},{"id":25767},"解決方案改用簡體中文輸入",[25769],{"type":40,"value":25770},"解決方案：改用「簡體中文」輸入",{"type":34,"tag":42,"props":25772,"children":25773},{},[25774,25776],{"type":40,"value":25775},"在官方修正這個問題之前，最有效的解決方式是：",{"type":34,"tag":1008,"props":25777,"children":25778},{},[25779],{"type":40,"value":25780},"將你的 Prompt 內容轉成簡體中文輸入。",{"type":34,"tag":42,"props":25782,"children":25783},{},[25784],{"type":40,"value":25785},"轉換為簡體後，模型就能正確地使用標準國語\u002F普通話進行發音，整體發音與腔調效果會有極大的改善。",{"type":34,"tag":42,"props":25787,"children":25788},{},[25789],{"type":40,"value":25790},"下面是我們實測同樣的 Prompt，分別用「繁體中文」與「簡體中文」輸入的語音生成對比：",{"type":34,"tag":1854,"props":25792,"children":25794},{"id":25793},"_1-繁體中文輸入實測直接被切成粵語發音",[25795],{"type":40,"value":25796},"1. 繁體中文輸入實測（直接被切成粵語發音）",{"type":34,"tag":565,"props":25798,"children":25800},{"className":25799},[568,569,570,571,572,573,574],[25801,25802,25809,25810],{"type":40,"value":577},{"type":34,"tag":24947,"props":25803,"children":25807},{"src":25804,"controls":24,"preload":24951,"playsInline":24,"className":25805,"webkit-playsinline":8,"x5-playsinline":8,"poster":25806},"\u002Fvideos\u002F繁體.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002F繁體.jpg",[25808],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":25811,"children":25813},{"className":25812},[590,591,592,593,594,595],[25814],{"type":40,"value":25815},"繁體中文測試：AI 自動切換成粵語模式發音",{"type":34,"tag":1854,"props":25817,"children":25819},{"id":25818},"_2-簡體中文輸入實測正常國語發音",[25820],{"type":40,"value":25821},"2. 簡體中文輸入實測（正常國語發音）",{"type":34,"tag":565,"props":25823,"children":25825},{"className":25824},[568,569,570,571,572,573,574],[25826,25827,25834,25835],{"type":40,"value":577},{"type":34,"tag":24947,"props":25828,"children":25832},{"src":25829,"controls":24,"preload":24951,"playsInline":24,"className":25830,"webkit-playsinline":8,"x5-playsinline":8,"poster":25831},"\u002Fvideos\u002F簡中.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002F簡中.jpg",[25833],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":25836,"children":25838},{"className":25837},[590,591,592,593,594,595],[25839],{"type":40,"value":25840},"簡體中文測試：成功以標準國語發音，腔調與效果明顯改善",{"type":34,"tag":98,"props":25842,"children":25843},{},[],{"type":34,"tag":35,"props":25845,"children":25847},{"id":25846},"omnivoice-studio-vs-voicebox-終極對比",[25848],{"type":40,"value":25849},"OmniVoice Studio v.s. Voicebox 終極對比",{"type":34,"tag":42,"props":25851,"children":25852},{},[25853,25855,25861],{"type":40,"value":25854},"如果你看過我們先前寫的 ",{"type":34,"tag":72,"props":25856,"children":25858},{"href":25857},"\u002Farticles\u002Fvoicebox-local-ai-voice-studio",[25859],{"type":40,"value":25860},"Voicebox 安裝指南與核心教學",{"type":40,"value":25862},"，你可能會好奇這兩款同樣主打「本地端運行」的 AI 語音工作室，到底該選哪一個？",{"type":34,"tag":42,"props":25864,"children":25865},{},[25866,25868],{"type":40,"value":25867},"我實測下來的結論是：",{"type":34,"tag":1008,"props":25869,"children":25870},{},[25871],{"type":40,"value":25872},"兩者的取捨在於「生成速度」與「聲音品質\u002F穩定度」的對決。",{"type":34,"tag":122,"props":25874,"children":25875},{},[25876,25892,25908],{"type":34,"tag":126,"props":25877,"children":25878},{},[25879,25884,25885,25890],{"type":34,"tag":1008,"props":25880,"children":25881},{},[25882],{"type":40,"value":25883},"生成速度",{"type":40,"value":8046},{"type":34,"tag":1008,"props":25886,"children":25887},{},[25888],{"type":40,"value":25889},"OmniVoice 速度飛快，完全海放 Voicebox",{"type":40,"value":25891},"。在 OmniVoice 中點擊生成，幾乎是瞬間就吐出語音；相較之下，Voicebox 的生成速度慢上不少。",{"type":34,"tag":126,"props":25893,"children":25894},{},[25895,25900,25901,25906],{"type":34,"tag":1008,"props":25896,"children":25897},{},[25898],{"type":40,"value":25899},"聲音穩定度與克隆品質",{"type":40,"value":8046},{"type":34,"tag":1008,"props":25902,"children":25903},{},[25904],{"type":40,"value":25905},"Voicebox 完勝",{"type":40,"value":25907},"。OmniVoice 雖然速度極快，但在 clone 語音的相似度、聲音的情緒起伏穩定度上，目前仍然不如 Voicebox。Voicebox 產出的聲音聽起來更飽滿、雜音更少，且克隆出來的聲線相似度與自然度高出許多。",{"type":34,"tag":126,"props":25909,"children":25910},{},[25911,25916,25917,25922],{"type":34,"tag":1008,"props":25912,"children":25913},{},[25914],{"type":40,"value":25915},"功能豐富度",{"type":40,"value":8046},{"type":34,"tag":1008,"props":25918,"children":25919},{},[25920],{"type":40,"value":25921},"OmniVoice 獲勝",{"type":40,"value":25923},"。OmniVoice 本身整合了 Demucs 人聲分離、Pyannote 說話人識別與自動影片配音，可以說是專為「影片本地化\u002F配音」設計的一站式工具；而 Voicebox 目前還是偏向純粹的文字轉語音、語音 Profile 管理和多軌故事編輯器。",{"type":34,"tag":1854,"props":25925,"children":25927},{"id":25926},"對比表格整理",[25928],{"type":40,"value":25926},{"type":34,"tag":6866,"props":25930,"children":25931},{},[25932,25952],{"type":34,"tag":6870,"props":25933,"children":25934},{},[25935],{"type":34,"tag":6874,"props":25936,"children":25937},{},[25938,25943,25947],{"type":34,"tag":6878,"props":25939,"children":25940},{"align":6880},[25941],{"type":40,"value":25942},"比較項目",{"type":34,"tag":6878,"props":25944,"children":25945},{"align":6880},[25946],{"type":40,"value":25455},{"type":34,"tag":6878,"props":25948,"children":25949},{"align":6880},[25950],{"type":40,"value":25951},"Voicebox (Local Studio)",{"type":34,"tag":6890,"props":25953,"children":25954},{},[25955,25976,25997,26018,26039,26060,26081],{"type":34,"tag":6874,"props":25956,"children":25957},{},[25958,25966,25971],{"type":34,"tag":6897,"props":25959,"children":25960},{"align":6880},[25961],{"type":34,"tag":1008,"props":25962,"children":25963},{},[25964],{"type":40,"value":25965},"語音生成速度",{"type":34,"tag":6897,"props":25967,"children":25968},{"align":6880},[25969],{"type":40,"value":25970},"飛快（海放級速度）",{"type":34,"tag":6897,"props":25972,"children":25973},{"align":6880},[25974],{"type":40,"value":25975},"較慢",{"type":34,"tag":6874,"props":25977,"children":25978},{},[25979,25987,25992],{"type":34,"tag":6897,"props":25980,"children":25981},{"align":6880},[25982],{"type":34,"tag":1008,"props":25983,"children":25984},{},[25985],{"type":40,"value":25986},"語音克隆品質 (Cloning)",{"type":34,"tag":6897,"props":25988,"children":25989},{"align":6880},[25990],{"type":40,"value":25991},"普通，容易有機械感或失真",{"type":34,"tag":6897,"props":25993,"children":25994},{"align":6880},[25995],{"type":40,"value":25996},"優異，相似度極高且自然",{"type":34,"tag":6874,"props":25998,"children":25999},{},[26000,26008,26013],{"type":34,"tag":6897,"props":26001,"children":26002},{"align":6880},[26003],{"type":34,"tag":1008,"props":26004,"children":26005},{},[26006],{"type":40,"value":26007},"聲音穩定度",{"type":34,"tag":6897,"props":26009,"children":26010},{"align":6880},[26011],{"type":40,"value":26012},"中等，語調有時會不穩定",{"type":34,"tag":6897,"props":26014,"children":26015},{"align":6880},[26016],{"type":40,"value":26017},"極佳，發音平滑穩定",{"type":34,"tag":6874,"props":26019,"children":26020},{},[26021,26029,26034],{"type":34,"tag":6897,"props":26022,"children":26023},{"align":6880},[26024],{"type":34,"tag":1008,"props":26025,"children":26026},{},[26027],{"type":40,"value":26028},"支援語言數量",{"type":34,"tag":6897,"props":26030,"children":26031},{"align":6880},[26032],{"type":40,"value":26033},"646 種語言",{"type":34,"tag":6897,"props":26035,"children":26036},{"align":6880},[26037],{"type":40,"value":26038},"約 32 種語言（視模型而定）",{"type":34,"tag":6874,"props":26040,"children":26041},{},[26042,26050,26055],{"type":34,"tag":6897,"props":26043,"children":26044},{"align":6880},[26045],{"type":34,"tag":1008,"props":26046,"children":26047},{},[26048],{"type":40,"value":26049},"影片自動配音",{"type":34,"tag":6897,"props":26051,"children":26052},{"align":6880},[26053],{"type":40,"value":26054},"支援一鍵影片轉譯配音 (完整 Workflow)",{"type":34,"tag":6897,"props":26056,"children":26057},{"align":6880},[26058],{"type":40,"value":26059},"不直接支援影片工作流",{"type":34,"tag":6874,"props":26061,"children":26062},{},[26063,26071,26076],{"type":34,"tag":6897,"props":26064,"children":26065},{"align":6880},[26066],{"type":34,"tag":1008,"props":26067,"children":26068},{},[26069],{"type":40,"value":26070},"GPU 自動偵測卸載",{"type":34,"tag":6897,"props":26072,"children":26073},{"align":6880},[26074],{"type":40,"value":26075},"支援（VRAM \u003C 8GB 自動轉 CPU）",{"type":34,"tag":6897,"props":26077,"children":26078},{"align":6880},[26079],{"type":40,"value":26080},"需手動調整或使用特定引擎",{"type":34,"tag":6874,"props":26082,"children":26083},{},[26084,26092,26097],{"type":34,"tag":6897,"props":26085,"children":26086},{"align":6880},[26087],{"type":34,"tag":1008,"props":26088,"children":26089},{},[26090],{"type":40,"value":26091},"繁體中文支援度",{"type":34,"tag":6897,"props":26093,"children":26094},{"align":6880},[26095],{"type":40,"value":26096},"差（繁中常被誤判為粵語）",{"type":34,"tag":6897,"props":26098,"children":26099},{"align":6880},[26100],{"type":40,"value":26101},"表現尚可（依使用的 TTS 引擎而定）",{"type":34,"tag":98,"props":26103,"children":26104},{},[],{"type":34,"tag":35,"props":26106,"children":26108},{"id":26107},"實測感想與優缺點整理",[26109],{"type":40,"value":26107},{"type":34,"tag":42,"props":26111,"children":26112},{},[26113],{"type":40,"value":26114},"雖然 OmniVoice Studio 在繁體中文的發音上存在誤判粵語的 Bug，且目前介面尚未中文化，但能在本地端（甚至是一般的 Mac mini 上）把「影片轉錄 -> 翻譯 -> 語音合成 -> 重新混音」這整套極其複雜的 Workflow做成如此精緻的 GUI，並提供飛快的生成速度，本身就已經是一件非常猛的事。",{"type":34,"tag":1854,"props":26116,"children":26117},{"id":17960},[26118],{"type":40,"value":17960},{"type":34,"tag":122,"props":26120,"children":26121},{},[26122,26132,26142,26152],{"type":34,"tag":126,"props":26123,"children":26124},{},[26125,26130],{"type":34,"tag":1008,"props":26126,"children":26127},{},[26128],{"type":40,"value":26129},"極致的生成速度",{"type":40,"value":26131},"：完全海放其他同類型的本地端工具。",{"type":34,"tag":126,"props":26133,"children":26134},{},[26135,26140],{"type":34,"tag":1008,"props":26136,"children":26137},{},[26138],{"type":40,"value":26139},"全能的影片配音 Workflow",{"type":40,"value":26141},"：內建了 WhisperX、Demucs 與 Pyannote，不需要自己手動串接一堆 Python 庫。",{"type":34,"tag":126,"props":26143,"children":26144},{},[26145,26150],{"type":34,"tag":1008,"props":26146,"children":26147},{},[26148],{"type":40,"value":26149},"輕量與高相容性",{"type":40,"value":26151},"：支援 Mac M 晶片 (MPS)，且能自動因應記憶體限制卸載任務。",{"type":34,"tag":126,"props":26153,"children":26154},{},[26155,26160],{"type":34,"tag":1008,"props":26156,"children":26157},{},[26158],{"type":40,"value":26159},"豐富的發音設定",{"type":40,"value":26161},"：提供年齡、性別、音調、情緒等多種模式，可調性非常高。",{"type":34,"tag":1854,"props":26163,"children":26165},{"id":26164},"缺點",[26166],{"type":40,"value":26164},{"type":34,"tag":122,"props":26168,"children":26169},{},[26170,26180,26190],{"type":34,"tag":126,"props":26171,"children":26172},{},[26173,26178],{"type":34,"tag":1008,"props":26174,"children":26175},{},[26176],{"type":40,"value":26177},"繁中發音 Bug",{"type":40,"value":26179},"：輸入繁體中文極易生出廣東話，目前必須依賴簡體字繞道解決。",{"type":34,"tag":126,"props":26181,"children":26182},{},[26183,26188],{"type":34,"tag":1008,"props":26184,"children":26185},{},[26186],{"type":40,"value":26187},"克隆品質與穩定度仍有進步空間",{"type":40,"value":26189},"：跟 Voicebox 相比，語音品質與克隆的相似度稍微遜色。",{"type":34,"tag":126,"props":26191,"children":26192},{},[26193,26198],{"type":34,"tag":1008,"props":26194,"children":26195},{},[26196],{"type":40,"value":26197},"介面尚未中文化",{"type":40,"value":26199},"：目前 UI 以英文為主。",{"type":34,"tag":42,"props":26201,"children":26202},{},[26203,26205,26210,26212,26216],{"type":40,"value":26204},"如果你追求的是極致的語音克隆真實度，且只需要單純的文字轉語音，那麼 ",{"type":34,"tag":1008,"props":26206,"children":26207},{},[26208],{"type":40,"value":26209},"Voicebox",{"type":40,"value":26211}," 依然是首選；但如果你想快速為影片進行本地化配音、處理多角色對話，或者想體驗多種發音模式與好玩的語音設計，那麼 ",{"type":34,"tag":1008,"props":26213,"children":26214},{},[26215],{"type":40,"value":25455},{"type":40,"value":26217}," 絕對值得你排除 Gatekeeper 隔離去下載來玩玩看。",{"type":34,"tag":98,"props":26219,"children":26220},{},[],{"type":34,"tag":35,"props":26222,"children":26223},{"id":4779},[26224],{"type":40,"value":4779},{"type":34,"tag":122,"props":26226,"children":26227},{},[26228,26237,26247],{"type":34,"tag":126,"props":26229,"children":26230},{},[26231],{"type":34,"tag":72,"props":26232,"children":26234},{"href":25593,"rel":26233},[76],[26235],{"type":40,"value":26236},"OmniVoice Studio 官方網站",{"type":34,"tag":126,"props":26238,"children":26239},{},[26240],{"type":34,"tag":72,"props":26241,"children":26244},{"href":26242,"rel":26243},"https:\u002F\u002Fgithub.com\u002Fdebpalash\u002FOmniVoice-Studio",[76],[26245],{"type":40,"value":26246},"OmniVoice Studio GitHub 倉庫",{"type":34,"tag":126,"props":26248,"children":26249},{},[26250],{"type":34,"tag":72,"props":26251,"children":26254},{"href":26252,"rel":26253},"https:\u002F\u002Fdiscord.gg\u002Fdebpalash-omni",[76],[26255],{"type":40,"value":26256},"官方 Discord 社群",{"type":34,"tag":1548,"props":26258,"children":26259},{},[26260],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":26262},[26263,26264,26265,26269,26274,26277,26281],{"id":25443,"depth":708,"text":25443},{"id":25527,"depth":708,"text":25530},{"id":25558,"depth":708,"text":25561,"children":26266},[26267,26268],{"id":25582,"depth":733,"text":25585},{"id":25690,"depth":733,"text":25693},{"id":25733,"depth":708,"text":25736,"children":26270},[26271,26272,26273],{"id":25767,"depth":733,"text":25770},{"id":25793,"depth":733,"text":25796},{"id":25818,"depth":733,"text":25821},{"id":25846,"depth":708,"text":25849,"children":26275},[26276],{"id":25926,"depth":733,"text":25926},{"id":26107,"depth":708,"text":26107,"children":26278},[26279,26280],{"id":17960,"depth":733,"text":17960},{"id":26164,"depth":733,"text":26164},{"id":4779,"depth":708,"text":4779},"content:articles:omnivoice.md","articles\u002Fomnivoice.md","articles\u002Fomnivoice",{"_path":26286,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":26287,"description":26288,"date":26289,"category":6603,"image":26290,"tags":26291,"series":21,"readingTime":13968,"difficulty":25436,"local":24,"platforms":26292,"gpu":24102,"body":26293,"_type":1569,"_id":27126,"_source":1571,"_file":27127,"_stem":27128,"_extension":1574},"\u002Farticles\u002Fshannon","Shannon AI Pentest Agent 安裝與實測指南（macOS\u002FLinux）","我用 10 個 AI agents 打自己的網站，2 小時後交出完整資安報告。Shannon 比我想像的成熟。","2026-05-21","\u002Fimages\u002FShannon.png",[16,6603,4221],[26,28],{"type":31,"children":26294,"toc":27114},[26295,26301,26306,26316,26328,26331,26336,26440,26443,26449,26454,26507,26512,26530,26533,26539,26560,26567,26575,26578,26582,26592,26603,26626,26631,26634,26639,26686,26696,26699,26705,26716,26721,26739,26744,26767,26770,26776,26781,26863,26884,26889,26967,26970,26975,27010,27013,27017,27034,27056,27077,27080,27087,27110],{"type":34,"tag":35,"props":26296,"children":26298},{"id":26297},"為什麼我試-shannon",[26299],{"type":40,"value":26300},"為什麼我試 Shannon？",{"type":34,"tag":42,"props":26302,"children":26303},{},[26304],{"type":40,"value":26305},"AI 已經開始自己做滲透測試了。",{"type":34,"tag":42,"props":26307,"children":26308},{},[26309,26311],{"type":40,"value":26310},"最近 vibe coding 很紅，大家用 Cursor \u002F Claude Code \u002F Gemini 幾小時就能做出產品，然後直接部署到 Cloudflare \u002F Vercel \u002F Supabase。但有個問題很少人提：",{"type":34,"tag":1008,"props":26312,"children":26313},{},[26314],{"type":40,"value":26315},"你真的知道自己的站安不安全嗎？",{"type":34,"tag":42,"props":26317,"children":26318},{},[26319,26321,26326],{"type":40,"value":26320},"所以我做了一個很瘋的實驗：把自己的網站丟給 AI pentest agent framework ",{"type":34,"tag":1008,"props":26322,"children":26323},{},[26324],{"type":40,"value":26325},"Shannon",{"type":40,"value":26327},"，讓它自己做 recon、逆向前端 bundle、追 API、驗證漏洞，最後自動生成完整滲透測試報告。",{"type":34,"tag":98,"props":26329,"children":26330},{},[],{"type":34,"tag":35,"props":26332,"children":26334},{"id":26333},"本次實測環境",[26335],{"type":40,"value":26333},{"type":34,"tag":6866,"props":26337,"children":26338},{},[26339,26355],{"type":34,"tag":6870,"props":26340,"children":26341},{},[26342],{"type":34,"tag":6874,"props":26343,"children":26344},{},[26345,26350],{"type":34,"tag":6878,"props":26346,"children":26347},{"align":6880},[26348],{"type":40,"value":26349},"項目",{"type":34,"tag":6878,"props":26351,"children":26352},{"align":6880},[26353],{"type":40,"value":26354},"內容",{"type":34,"tag":6890,"props":26356,"children":26357},{},[26358,26375,26388,26401,26414,26427],{"type":34,"tag":6874,"props":26359,"children":26360},{},[26361,26366],{"type":34,"tag":6897,"props":26362,"children":26363},{"align":6880},[26364],{"type":40,"value":26365},"Target",{"type":34,"tag":6897,"props":26367,"children":26368},{"align":6880},[26369],{"type":34,"tag":72,"props":26370,"children":26373},{"href":26371,"rel":26372},"https:\u002F\u002Ffindtt.top",[76],[26374],{"type":40,"value":26371},{"type":34,"tag":6874,"props":26376,"children":26377},{},[26378,26383],{"type":34,"tag":6897,"props":26379,"children":26380},{"align":6880},[26381],{"type":40,"value":26382},"Stack",{"type":34,"tag":6897,"props":26384,"children":26385},{"align":6880},[26386],{"type":40,"value":26387},"Cloudflare Pages \u002F Cloudflare Functions \u002F Supabase \u002F Vue",{"type":34,"tag":6874,"props":26389,"children":26390},{},[26391,26396],{"type":34,"tag":6897,"props":26392,"children":26393},{"align":6880},[26394],{"type":40,"value":26395},"Framework",{"type":34,"tag":6897,"props":26397,"children":26398},{"align":6880},[26399],{"type":40,"value":26400},"Shannon v1.2.0",{"type":34,"tag":6874,"props":26402,"children":26403},{},[26404,26409],{"type":34,"tag":6897,"props":26405,"children":26406},{"align":6880},[26407],{"type":40,"value":26408},"Model",{"type":34,"tag":6897,"props":26410,"children":26411},{"align":6880},[26412],{"type":40,"value":26413},"DeepSeek v4 Pro（透過 Anthropic 相容 Base URL）",{"type":34,"tag":6874,"props":26415,"children":26416},{},[26417,26422],{"type":34,"tag":6897,"props":26418,"children":26419},{"align":6880},[26420],{"type":40,"value":26421},"Agents",{"type":34,"tag":6897,"props":26423,"children":26424},{"align":6880},[26425],{"type":40,"value":26426},"10",{"type":34,"tag":6874,"props":26428,"children":26429},{},[26430,26435],{"type":34,"tag":6897,"props":26431,"children":26432},{"align":6880},[26433],{"type":40,"value":26434},"Duration",{"type":34,"tag":6897,"props":26436,"children":26437},{"align":6880},[26438],{"type":40,"value":26439},"128m 37s",{"type":34,"tag":98,"props":26441,"children":26442},{},[],{"type":34,"tag":35,"props":26444,"children":26446},{"id":26445},"shannon-在做什麼多代理工作流",[26447],{"type":40,"value":26448},"Shannon 在做什麼？（多代理工作流）",{"type":34,"tag":42,"props":26450,"children":26451},{},[26452],{"type":40,"value":26453},"Shannon 不是那種「掃關鍵字 → 生成報告」的 scanner。它是多代理 autonomous workflow，而且每個代理都有自己上下文，會自己驗證 exploit。",{"type":34,"tag":177,"props":26455,"children":26456},{},[26457,26467,26477,26487,26497],{"type":34,"tag":126,"props":26458,"children":26459},{},[26460,26465],{"type":34,"tag":1008,"props":26461,"children":26462},{},[26463],{"type":40,"value":26464},"Pre-Recon",{"type":40,"value":26466},"：讀 repo、理解框架、部署方式、API 結構、Auth flow，甚至會讀 migration \u002F SQL \u002F env 用法與 Supabase config",{"type":34,"tag":126,"props":26468,"children":26469},{},[26470,26475],{"type":34,"tag":1008,"props":26471,"children":26472},{},[26473],{"type":40,"value":26474},"Recon",{"type":40,"value":26476},"：反解 JS bundle、抓 API endpoint、追 request flow、看 Cloudflare topology",{"type":34,"tag":126,"props":26478,"children":26479},{},[26480,26485],{"type":34,"tag":1008,"props":26481,"children":26482},{},[26483],{"type":40,"value":26484},"Vuln Analysis",{"type":40,"value":26486},"：XSS \u002F Auth \u002F Authz \u002F Injection \u002F SSRF 五個代理並行找線索",{"type":34,"tag":126,"props":26488,"children":26489},{},[26490,26495],{"type":34,"tag":1008,"props":26491,"children":26492},{},[26493],{"type":40,"value":26494},"Exploit Validation",{"type":40,"value":26496},"：找到線索後就嘗試真實利用，排除 false positive",{"type":34,"tag":126,"props":26498,"children":26499},{},[26500,26505],{"type":34,"tag":1008,"props":26501,"children":26502},{},[26503],{"type":40,"value":26504},"Report",{"type":40,"value":26506},"：只保留「可利用」漏洞進報告",{"type":34,"tag":42,"props":26508,"children":26509},{},[26510],{"type":40,"value":26511},"最誇張的是它不只打前端，還會直接：",{"type":34,"tag":122,"props":26513,"children":26514},{},[26515,26520,26525],{"type":34,"tag":126,"props":26516,"children":26517},{},[26518],{"type":40,"value":26519},"打 Supabase REST API",{"type":34,"tag":126,"props":26521,"children":26522},{},[26523],{"type":40,"value":26524},"測 CORS \u002F anon key \u002F auth boundary",{"type":34,"tag":126,"props":26526,"children":26527},{},[26528],{"type":40,"value":26529},"嘗試真正 exploit",{"type":34,"tag":98,"props":26531,"children":26532},{},[],{"type":34,"tag":35,"props":26534,"children":26536},{"id":26535},"temporal-timeline-的體感",[26537],{"type":40,"value":26538},"Temporal Timeline 的體感",{"type":34,"tag":42,"props":26540,"children":26541},{},[26542,26544,26549,26550,26553,26555,26558],{"type":40,"value":26543},"這次我最有感的是 ",{"type":34,"tag":1008,"props":26545,"children":26546},{},[26547],{"type":40,"value":26548},"Temporal 真的很適合 AI agents",{"type":40,"value":222},{"type":34,"tag":3043,"props":26551,"children":26552},{},[],{"type":40,"value":26554},"\n這種 workflow 本來就是：長時間、多代理、會 retry、會 queue orchestration。",{"type":34,"tag":3043,"props":26556,"children":26557},{},[],{"type":40,"value":26559},"\n看 timeline 很像在看 AI SOC team 自己工作。",{"type":34,"tag":42,"props":26561,"children":26562},{},[26563],{"type":34,"tag":579,"props":26564,"children":26566},{"alt":26565,"src":26290},"Shannon 終端畫面",[],{"type":34,"tag":42,"props":26568,"children":26569},{},[26570],{"type":34,"tag":579,"props":26571,"children":26574},{"alt":26572,"src":26573},"執行任務時間線","\u002Fimages\u002Ftimeline.png",[],{"type":34,"tag":98,"props":26576,"children":26577},{},[],{"type":34,"tag":35,"props":26579,"children":26580},{"id":3174},[26581],{"type":40,"value":3174},{"type":34,"tag":42,"props":26583,"children":26584},{},[26585,26587,26590],{"type":40,"value":26586},"**高風險：**完全沒有 server-side rate limiting",{"type":34,"tag":3043,"props":26588,"children":26589},{},[],{"type":40,"value":26591},"\n**低風險：**部分 route parameter 存在 path traversal，但影響不高",{"type":34,"tag":42,"props":26593,"children":26594},{},[26595,26597,26602],{"type":40,"value":26596},"更意外的是它確認了",{"type":34,"tag":1008,"props":26598,"children":26599},{},[26600],{"type":40,"value":26601},"沒有",{"type":40,"value":8046},{"type":34,"tag":122,"props":26604,"children":26605},{},[26606,26611,26616,26621],{"type":34,"tag":126,"props":26607,"children":26608},{},[26609],{"type":40,"value":26610},"SSRF",{"type":34,"tag":126,"props":26612,"children":26613},{},[26614],{"type":40,"value":26615},"可利用的 XSS",{"type":34,"tag":126,"props":26617,"children":26618},{},[26619],{"type":40,"value":26620},"SQL injection",{"type":34,"tag":126,"props":26622,"children":26623},{},[26624],{"type":40,"value":26625},"Auth bypass",{"type":34,"tag":42,"props":26627,"children":26628},{},[26629],{"type":40,"value":26630},"很多掃描器會亂噴，但 Shannon 會驗證 false positive，這點我很買單。",{"type":34,"tag":98,"props":26632,"children":26633},{},[],{"type":34,"tag":35,"props":26635,"children":26637},{"id":26636},"成本與時間",[26638],{"type":40,"value":26636},{"type":34,"tag":6866,"props":26640,"children":26641},{},[26642,26658],{"type":34,"tag":6870,"props":26643,"children":26644},{},[26645],{"type":34,"tag":6874,"props":26646,"children":26647},{},[26648,26653],{"type":34,"tag":6878,"props":26649,"children":26650},{"align":6880},[26651],{"type":40,"value":26652},"指標",{"type":34,"tag":6878,"props":26654,"children":26655},{"align":6880},[26656],{"type":40,"value":26657},"數值",{"type":34,"tag":6890,"props":26659,"children":26660},{},[26661,26674],{"type":34,"tag":6874,"props":26662,"children":26663},{},[26664,26669],{"type":34,"tag":6897,"props":26665,"children":26666},{"align":6880},[26667],{"type":40,"value":26668},"Total Cost",{"type":34,"tag":6897,"props":26670,"children":26671},{"align":6880},[26672],{"type":40,"value":26673},"$13.67（CLI 預估，以 Claude 價格計）",{"type":34,"tag":6874,"props":26675,"children":26676},{},[26677,26681],{"type":34,"tag":6897,"props":26678,"children":26679},{"align":6880},[26680],{"type":40,"value":26421},{"type":34,"tag":6897,"props":26682,"children":26683},{"align":6880},[26684],{"type":40,"value":26685},"10 completed",{"type":34,"tag":42,"props":26687,"children":26688},{},[26689,26691,26694],{"type":40,"value":26690},"我實際是走自訂 Base URL 接 DeepSeek，官方顯示成本約 1.15U，落差非常大。",{"type":34,"tag":3043,"props":26692,"children":26693},{},[],{"type":40,"value":26695},"\n（Shannon 的成本估算是以 Claude 價格計算，實際費用會因模型與代理路由而不同。）",{"type":34,"tag":98,"props":26697,"children":26698},{},[],{"type":34,"tag":35,"props":26700,"children":26702},{"id":26701},"必要條件docker-真的必要",[26703],{"type":40,"value":26704},"必要條件（Docker 真的必要）",{"type":34,"tag":42,"props":26706,"children":26707},{},[26708,26710,26715],{"type":40,"value":26709},"Shannon 會用 Docker 跑一個預先建好的工作映像，",{"type":34,"tag":1008,"props":26711,"children":26712},{},[26713],{"type":40,"value":26714},"npx 模式也一樣需要 Docker",{"type":40,"value":222},{"type":34,"tag":42,"props":26717,"children":26718},{},[26719],{"type":40,"value":26720},"實際上它會：",{"type":34,"tag":122,"props":26722,"children":26723},{},[26724,26729,26734],{"type":34,"tag":126,"props":26725,"children":26726},{},[26727],{"type":40,"value":26728},"從 Docker Hub 拉取約 1GB 的工作映像",{"type":34,"tag":126,"props":26730,"children":26731},{},[26732],{"type":40,"value":26733},"在容器中執行完整測試",{"type":34,"tag":126,"props":26735,"children":26736},{},[26737],{"type":40,"value":26738},"把你的 repo 以唯讀方式掛載進容器",{"type":34,"tag":42,"props":26740,"children":26741},{},[26742],{"type":40,"value":26743},"最低需求：",{"type":34,"tag":122,"props":26745,"children":26746},{},[26747,26752,26757,26762],{"type":34,"tag":126,"props":26748,"children":26749},{},[26750],{"type":40,"value":26751},"Docker Desktop（必須）",{"type":34,"tag":126,"props":26753,"children":26754},{},[26755],{"type":40,"value":26756},"Node.js 18+（npx）",{"type":34,"tag":126,"props":26758,"children":26759},{},[26760],{"type":40,"value":26761},"目標 URL 可連線",{"type":34,"tag":126,"props":26763,"children":26764},{},[26765],{"type":40,"value":26766},"測試目標與程式碼庫的明確授權",{"type":34,"tag":98,"props":26768,"children":26769},{},[],{"type":34,"tag":35,"props":26771,"children":26773},{"id":26772},"快速上手白盒測試",[26774],{"type":40,"value":26775},"快速上手（白盒測試）",{"type":34,"tag":42,"props":26777,"children":26778},{},[26779],{"type":40,"value":26780},"Shannon 是白盒測試，必須提供 repo 路徑。",{"type":34,"tag":243,"props":26782,"children":26784},{"className":245,"code":26783,"language":247,"meta":8,"style":8},"# 一次性設定\nnpx @keygraph\u002Fshannon setup\n\n# 開始測試\nnpx @keygraph\u002Fshannon start -u https:\u002F\u002Fyour-app.com -r \u002Fabs\u002Fpath\u002Fto\u002Fyour-repo\n",[26785],{"type":34,"tag":58,"props":26786,"children":26787},{"__ignoreMap":8},[26788,26796,26813,26820,26828],{"type":34,"tag":253,"props":26789,"children":26790},{"class":255,"line":256},[26791],{"type":34,"tag":253,"props":26792,"children":26793},{"style":5059},[26794],{"type":40,"value":26795},"# 一次性設定\n",{"type":34,"tag":253,"props":26797,"children":26798},{"class":255,"line":708},[26799,26803,26808],{"type":34,"tag":253,"props":26800,"children":26801},{"style":260},[26802],{"type":40,"value":15033},{"type":34,"tag":253,"props":26804,"children":26805},{"style":271},[26806],{"type":40,"value":26807}," @keygraph\u002Fshannon",{"type":34,"tag":253,"props":26809,"children":26810},{"style":271},[26811],{"type":40,"value":26812}," setup\n",{"type":34,"tag":253,"props":26814,"children":26815},{"class":255,"line":733},[26816],{"type":34,"tag":253,"props":26817,"children":26818},{"emptyLinePlaceholder":24},[26819],{"type":40,"value":5053},{"type":34,"tag":253,"props":26821,"children":26822},{"class":255,"line":755},[26823],{"type":34,"tag":253,"props":26824,"children":26825},{"style":5059},[26826],{"type":40,"value":26827},"# 開始測試\n",{"type":34,"tag":253,"props":26829,"children":26830},{"class":255,"line":777},[26831,26835,26839,26844,26849,26854,26858],{"type":34,"tag":253,"props":26832,"children":26833},{"style":260},[26834],{"type":40,"value":15033},{"type":34,"tag":253,"props":26836,"children":26837},{"style":271},[26838],{"type":40,"value":26807},{"type":34,"tag":253,"props":26840,"children":26841},{"style":271},[26842],{"type":40,"value":26843}," start",{"type":34,"tag":253,"props":26845,"children":26846},{"style":265},[26847],{"type":40,"value":26848}," -u",{"type":34,"tag":253,"props":26850,"children":26851},{"style":271},[26852],{"type":40,"value":26853}," https:\u002F\u002Fyour-app.com",{"type":34,"tag":253,"props":26855,"children":26856},{"style":265},[26857],{"type":40,"value":24421},{"type":34,"tag":253,"props":26859,"children":26860},{"style":271},[26861],{"type":40,"value":26862}," \u002Fabs\u002Fpath\u002Fto\u002Fyour-repo\n",{"type":34,"tag":42,"props":26864,"children":26865},{},[26866,26868,26874,26876,26882],{"type":40,"value":26867},"你可以用 ",{"type":34,"tag":58,"props":26869,"children":26871},{"className":26870},[],[26872],{"type":40,"value":26873},"npx @keygraph\u002Fshannon logs \u003Cworkspace>",{"type":40,"value":26875}," 看進度，或開 ",{"type":34,"tag":58,"props":26877,"children":26879},{"className":26878},[],[26880],{"type":40,"value":26881},"http:\u002F\u002Flocalhost:8233",{"type":40,"value":26883}," 看 Temporal UI。",{"type":34,"tag":42,"props":26885,"children":26886},{},[26887],{"type":40,"value":26888},"如果你走自訂 Base URL（例如代理到非 Claude 模型）：",{"type":34,"tag":243,"props":26890,"children":26892},{"className":245,"code":26891,"language":247,"meta":8,"style":8},"export ANTHROPIC_BASE_URL=https:\u002F\u002Fyour-proxy.example.com\nexport ANTHROPIC_AUTH_TOKEN=your-auth-token\n",[26893],{"type":34,"tag":58,"props":26894,"children":26895},{"__ignoreMap":8},[26896,26946],{"type":34,"tag":253,"props":26897,"children":26898},{"class":255,"line":256},[26899,26904,26909,26913,26918,26923,26928,26932,26937,26941],{"type":34,"tag":253,"props":26900,"children":26901},{"style":11204},[26902],{"type":40,"value":26903},"export",{"type":34,"tag":253,"props":26905,"children":26906},{"style":712},[26907],{"type":40,"value":26908}," ANTHROPIC_BASE_URL",{"type":34,"tag":253,"props":26910,"children":26911},{"style":5037},[26912],{"type":40,"value":11275},{"type":34,"tag":253,"props":26914,"children":26915},{"style":712},[26916],{"type":40,"value":26917},"https",{"type":34,"tag":253,"props":26919,"children":26920},{"style":370},[26921],{"type":40,"value":26922},":\u002F\u002F",{"type":34,"tag":253,"props":26924,"children":26925},{"style":712},[26926],{"type":40,"value":26927},"your-proxy",{"type":34,"tag":253,"props":26929,"children":26930},{"style":370},[26931],{"type":40,"value":17795},{"type":34,"tag":253,"props":26933,"children":26934},{"style":712},[26935],{"type":40,"value":26936},"example",{"type":34,"tag":253,"props":26938,"children":26939},{"style":370},[26940],{"type":40,"value":17795},{"type":34,"tag":253,"props":26942,"children":26943},{"style":712},[26944],{"type":40,"value":26945},"com\n",{"type":34,"tag":253,"props":26947,"children":26948},{"class":255,"line":708},[26949,26953,26958,26962],{"type":34,"tag":253,"props":26950,"children":26951},{"style":11204},[26952],{"type":40,"value":26903},{"type":34,"tag":253,"props":26954,"children":26955},{"style":712},[26956],{"type":40,"value":26957}," ANTHROPIC_AUTH_TOKEN",{"type":34,"tag":253,"props":26959,"children":26960},{"style":5037},[26961],{"type":40,"value":11275},{"type":34,"tag":253,"props":26963,"children":26964},{"style":712},[26965],{"type":40,"value":26966},"your-auth-token\n",{"type":34,"tag":98,"props":26968,"children":26969},{},[],{"type":34,"tag":35,"props":26971,"children":26973},{"id":26972},"使用提醒",[26974],{"type":40,"value":26972},{"type":34,"tag":122,"props":26976,"children":26977},{},[26978,26990,27000,27005],{"type":34,"tag":126,"props":26979,"children":26980},{},[26981,26983,26988],{"type":40,"value":26982},"Shannon 會",{"type":34,"tag":1008,"props":26984,"children":26985},{},[26986],{"type":40,"value":26987},"主動利用",{"type":40,"value":26989},"漏洞，請只在 staging \u002F sandbox 跑",{"type":34,"tag":126,"props":26991,"children":26992},{},[26993,26995],{"type":40,"value":26994},"你必須擁有目標系統的",{"type":34,"tag":1008,"props":26996,"children":26997},{},[26998],{"type":40,"value":26999},"明確授權",{"type":34,"tag":126,"props":27001,"children":27002},{},[27003],{"type":40,"value":27004},"只會報告「可利用」漏洞，無法利用的問題會被丟棄",{"type":34,"tag":126,"props":27006,"children":27007},{},[27008],{"type":40,"value":27009},"代理流程可能很長，請預留 1～2 小時",{"type":34,"tag":98,"props":27011,"children":27012},{},[],{"type":34,"tag":35,"props":27014,"children":27015},{"id":24000},[27016],{"type":40,"value":24000},{"type":34,"tag":42,"props":27018,"children":27019},{},[27020,27022,27027,27029,27032],{"type":40,"value":27021},"這次跑完後，我第一次覺得 ",{"type":34,"tag":1008,"props":27023,"children":27024},{},[27025],{"type":40,"value":27026},"AI security agent 已經脫離玩具階段",{"type":40,"value":27028},"了。",{"type":34,"tag":3043,"props":27030,"children":27031},{},[],{"type":40,"value":27033},"\n尤其對 indie hacker 或小團隊，這種「部署後丟給 AI 自跑兩小時 → 回收報告」的流程，非常實用。",{"type":34,"tag":42,"props":27035,"children":27036},{},[27037,27039,27042,27044,27047,27049,27054],{"type":40,"value":27038},"但它也暴露了一個現實：AI agent 容易過度 digging。",{"type":34,"tag":3043,"props":27040,"children":27041},{},[],{"type":40,"value":27043},"\n有一段時間它開始 recursive exploit validation，不斷 merge findings、重跑測試。",{"type":34,"tag":3043,"props":27045,"children":27046},{},[],{"type":40,"value":27048},"\n所以如果要長期使用，",{"type":34,"tag":1008,"props":27050,"children":27051},{},[27052],{"type":40,"value":27053},"規則與邊界很重要",{"type":40,"value":27055},"（例如限制速率、限制範圍、限制漏洞類型）。",{"type":34,"tag":42,"props":27057,"children":27058},{},[27059,27061,27064,27066,27069,27071,27076],{"type":40,"value":27060},"我現在的感想是：",{"type":34,"tag":3043,"props":27062,"children":27063},{},[],{"type":40,"value":27065},"\n未來很可能變成「快速上線 → AI pentest → 迭代修補」的標準流程，",{"type":34,"tag":3043,"props":27067,"children":27068},{},[],{"type":40,"value":27070},"\n而人類的角色會變成：",{"type":34,"tag":1008,"props":27072,"children":27073},{},[27074],{"type":40,"value":27075},"定義 scope、解讀報告、修補與驗證",{"type":40,"value":222},{"type":34,"tag":98,"props":27078,"children":27079},{},[],{"type":34,"tag":42,"props":27081,"children":27082},{},[27083],{"type":34,"tag":1008,"props":27084,"children":27085},{},[27086],{"type":40,"value":1514},{"type":34,"tag":122,"props":27088,"children":27089},{},[27090,27100],{"type":34,"tag":126,"props":27091,"children":27092},{},[27093],{"type":34,"tag":72,"props":27094,"children":27097},{"href":27095,"rel":27096},"https:\u002F\u002Fgithub.com\u002FKeygraphHQ\u002Fshannon",[76],[27098],{"type":40,"value":27099},"Shannon GitHub",{"type":34,"tag":126,"props":27101,"children":27102},{},[27103],{"type":34,"tag":72,"props":27104,"children":27107},{"href":27105,"rel":27106},"https:\u002F\u002Fgithub.com\u002FKeygraphHQ\u002Fshannon\u002Fblob\u002Fmain\u002F.env.example",[76],[27108],{"type":40,"value":27109},"Shannon .env 範例",{"type":34,"tag":1548,"props":27111,"children":27112},{},[27113],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":27115},[27116,27117,27118,27119,27120,27121,27122,27123,27124,27125],{"id":26297,"depth":708,"text":26300},{"id":26333,"depth":708,"text":26333},{"id":26445,"depth":708,"text":26448},{"id":26535,"depth":708,"text":26538},{"id":3174,"depth":708,"text":3174},{"id":26636,"depth":708,"text":26636},{"id":26701,"depth":708,"text":26704},{"id":26772,"depth":708,"text":26775},{"id":26972,"depth":708,"text":26972},{"id":24000,"depth":708,"text":24000},"content:articles:Shannon.md","articles\u002FShannon.md","articles\u002FShannon",{"_path":27130,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":27131,"description":27132,"date":27133,"category":18127,"image":6124,"tags":27134,"series":1585,"readingTime":2145,"difficulty":23,"local":24,"platforms":27135,"gpu":29,"body":27136,"_type":1569,"_id":28320,"_source":1571,"_file":28321,"_stem":28322,"_extension":1574},"\u002Farticles\u002Fpretext","Pretext 高效多行文字 Canvas 排版庫優化與防 DOM 重繪技術","想精準計算段落高度、做出更自由的文字排版，卻不想一直碰 getBoundingClientRect？Pretext 提供了一條很聰明的路。","2026-05-20",[14939,18129,18130],[1591,18132],{"type":31,"children":27137,"toc":28303},[27138,27144,27154,27174,27189,27209,27212,27218,27230,27235,27239,27250,27260,27265,27288,27291,27295,27299,27304,27327,27333,27345,27555,27574,27592,27595,27601,27606,27629,27648,27976,27981,27984,27990,27996,28014,28020,28025,28031,28043,28049,28068,28071,28076,28081,28158,28168,28171,28175,28185,28196,28201,28229,28248,28251,28258,28288,28291,28299],{"type":34,"tag":35,"props":27139,"children":27141},{"id":27140},"為什麼選擇-pretext",[27142],{"type":40,"value":27143},"為什麼選擇 Pretext？",{"type":34,"tag":42,"props":27145,"children":27146},{},[27147,27149],{"type":40,"value":27148},"在前端處理文字排版時，最麻煩的事情之一就是：",{"type":34,"tag":1008,"props":27150,"children":27151},{},[27152],{"type":40,"value":27153},"你明明只是想知道一段文字會佔多高，卻常常得把它真的丟進 DOM 裡量一次。",{"type":34,"tag":42,"props":27155,"children":27156},{},[27157,27159,27165,27166,27172],{"type":40,"value":27158},"像 ",{"type":34,"tag":58,"props":27160,"children":27162},{"className":27161},[],[27163],{"type":40,"value":27164},"getBoundingClientRect()",{"type":40,"value":2000},{"type":34,"tag":58,"props":27167,"children":27169},{"className":27168},[],[27170],{"type":40,"value":27171},"offsetHeight",{"type":40,"value":27173}," 這類做法雖然直覺，但很容易觸發 layout reflow。當畫面裡有大量動態文字、卡片瀑布流、虛擬列表，或是你想做更進階的自訂排版時，這個成本其實不小。",{"type":34,"tag":42,"props":27175,"children":27176},{},[27177,27182,27184],{"type":34,"tag":1008,"props":27178,"children":27179},{},[27180],{"type":40,"value":27181},"Pretext",{"type":40,"value":27183}," 是 Cheng Lou 做的純 JavaScript \u002F TypeScript 文字量測與排版函式庫。它的核心思路很漂亮：",{"type":34,"tag":1008,"props":27185,"children":27186},{},[27187],{"type":40,"value":27188},"不依賴 DOM 量測，而是自己做文字分析與快取，再用瀏覽器的字型引擎作為 ground truth。",{"type":34,"tag":42,"props":27190,"children":27191},{},[27192,27194,27200,27201,27207],{"type":40,"value":27193},"它支援多語系、支援 ",{"type":34,"tag":58,"props":27195,"children":27197},{"className":27196},[],[27198],{"type":40,"value":27199},"white-space",{"type":40,"value":22686},{"type":34,"tag":58,"props":27202,"children":27204},{"className":27203},[],[27205],{"type":40,"value":27206},"word-break",{"type":40,"value":27208}," 的常見情境，還可以把排好行的結果拿去渲染到 DOM、Canvas、SVG，甚至未來做 server-side。",{"type":34,"tag":98,"props":27210,"children":27211},{},[],{"type":34,"tag":35,"props":27213,"children":27215},{"id":27214},"實作展示-official-demo",[27216],{"type":40,"value":27217},"實作展示 (Official Demo)",{"type":34,"tag":42,"props":27219,"children":27220},{},[27221,27223,27228],{"type":40,"value":27222},"這次我其實有先自己試做一下，但",{"type":34,"tag":1008,"props":27224,"children":27225},{},[27226],{"type":40,"value":27227},"目前還沒做出我自己滿意的成品",{"type":40,"value":27229},"，所以文章先放官方大神做的 demo，真的非常猛。",{"type":34,"tag":42,"props":27231,"children":27232},{},[27233],{"type":40,"value":27234},"下面這段影片是我放進部落格的展示：",{"type":34,"tag":112,"props":27236,"children":27238},{"src":27237},"\u002Fvideos\u002Fpretext.mp4",[],{"type":34,"tag":42,"props":27240,"children":27241},{},[27242,27244,27249],{"type":40,"value":27243},"這個 demo 對應的是 Somnai Dreams 做的 ",{"type":34,"tag":1008,"props":27245,"children":27246},{},[27247],{"type":40,"value":27248},"The Editorial Engine",{"type":40,"value":8046},{"type":34,"tag":42,"props":27251,"children":27252},{},[27253],{"type":34,"tag":72,"props":27254,"children":27257},{"href":27255,"rel":27256},"https:\u002F\u002Fsomnai-dreams.github.io\u002Fpretext-demos\u002Fthe-editorial-engine.html",[76],[27258],{"type":40,"value":27259},"點這裡看官方 Demo",{"type":34,"tag":42,"props":27261,"children":27262},{},[27263],{"type":40,"value":27264},"如果你想看更多範例，也可以直接去作者提供的展示頁：",{"type":34,"tag":122,"props":27266,"children":27267},{},[27268,27278],{"type":34,"tag":126,"props":27269,"children":27270},{},[27271],{"type":34,"tag":72,"props":27272,"children":27275},{"href":27273,"rel":27274},"https:\u002F\u002Fchenglou.me\u002Fpretext",[76],[27276],{"type":40,"value":27277},"Pretext 官方展示頁",{"type":34,"tag":126,"props":27279,"children":27280},{},[27281],{"type":34,"tag":72,"props":27282,"children":27285},{"href":27283,"rel":27284},"https:\u002F\u002Fsomnai-dreams.github.io\u002Fpretext-demos",[76],[27286],{"type":40,"value":27287},"Somnai Dreams 額外 Demo 集合",{"type":34,"tag":98,"props":27289,"children":27290},{},[],{"type":34,"tag":35,"props":27292,"children":27293},{"id":18198},[27294],{"type":40,"value":18201},{"type":34,"tag":1854,"props":27296,"children":27297},{"id":18204},[27298],{"type":40,"value":18207},{"type":34,"tag":42,"props":27300,"children":27301},{},[27302],{"type":40,"value":27303},"你可以直接安裝 npm 套件：",{"type":34,"tag":243,"props":27305,"children":27307},{"className":245,"code":27306,"language":247,"meta":8,"style":8},"npm install @chenglou\u002Fpretext\n",[27308],{"type":34,"tag":58,"props":27309,"children":27310},{"__ignoreMap":8},[27311],{"type":34,"tag":253,"props":27312,"children":27313},{"class":255,"line":256},[27314,27318,27322],{"type":34,"tag":253,"props":27315,"children":27316},{"style":260},[27317],{"type":40,"value":8176},{"type":34,"tag":253,"props":27319,"children":27320},{"style":271},[27321],{"type":40,"value":3698},{"type":34,"tag":253,"props":27323,"children":27324},{"style":271},[27325],{"type":40,"value":27326}," @chenglou\u002Fpretext\n",{"type":34,"tag":1854,"props":27328,"children":27330},{"id":27329},"_2-核心代碼實作",[27331],{"type":40,"value":27332},"2. 核心代碼實作",{"type":34,"tag":42,"props":27334,"children":27335},{},[27336,27338,27343],{"type":40,"value":27337},"如果你的需求只是：",{"type":34,"tag":1008,"props":27339,"children":27340},{},[27341],{"type":40,"value":27342},"在不碰 DOM 的情況下，預先算出一段文字在某個寬度下會佔幾行、多高",{"type":40,"value":27344},"，那最基本的用法其實很簡單：",{"type":34,"tag":243,"props":27346,"children":27350},{"className":27347,"code":27348,"language":27349,"meta":8,"style":8},"language-ts shiki shiki-themes one-dark-pro","import { prepare, layout } from '@chenglou\u002Fpretext'\n\nconst prepared = prepare('AGI 春天到了. بدأت الرحلة 🚀', '16px Inter')\nconst { height, lineCount } = layout(prepared, 320, 20)\n\nconsole.log(height, lineCount)\n","ts",[27351],{"type":34,"tag":58,"props":27352,"children":27353},{"__ignoreMap":8},[27354,27392,27399,27442,27511,27518],{"type":34,"tag":253,"props":27355,"children":27356},{"class":255,"line":256},[27357,27361,27365,27370,27374,27379,27383,27387],{"type":34,"tag":253,"props":27358,"children":27359},{"style":11204},[27360],{"type":40,"value":11207},{"type":34,"tag":253,"props":27362,"children":27363},{"style":370},[27364],{"type":40,"value":13181},{"type":34,"tag":253,"props":27366,"children":27367},{"style":712},[27368],{"type":40,"value":27369},"prepare",{"type":34,"tag":253,"props":27371,"children":27372},{"style":370},[27373],{"type":40,"value":11466},{"type":34,"tag":253,"props":27375,"children":27376},{"style":712},[27377],{"type":40,"value":27378},"layout",{"type":34,"tag":253,"props":27380,"children":27381},{"style":370},[27382],{"type":40,"value":13190},{"type":34,"tag":253,"props":27384,"children":27385},{"style":11204},[27386],{"type":40,"value":11220},{"type":34,"tag":253,"props":27388,"children":27389},{"style":271},[27390],{"type":40,"value":27391}," '@chenglou\u002Fpretext'\n",{"type":34,"tag":253,"props":27393,"children":27394},{"class":255,"line":708},[27395],{"type":34,"tag":253,"props":27396,"children":27397},{"emptyLinePlaceholder":24},[27398],{"type":40,"value":5053},{"type":34,"tag":253,"props":27400,"children":27401},{"class":255,"line":733},[27402,27406,27411,27415,27420,27424,27429,27433,27438],{"type":34,"tag":253,"props":27403,"children":27404},{"style":11204},[27405],{"type":40,"value":17656},{"type":34,"tag":253,"props":27407,"children":27408},{"style":13239},[27409],{"type":40,"value":27410}," prepared",{"type":34,"tag":253,"props":27412,"children":27413},{"style":5037},[27414],{"type":40,"value":12399},{"type":34,"tag":253,"props":27416,"children":27417},{"style":260},[27418],{"type":40,"value":27419}," prepare",{"type":34,"tag":253,"props":27421,"children":27422},{"style":370},[27423],{"type":40,"value":11567},{"type":34,"tag":253,"props":27425,"children":27426},{"style":271},[27427],{"type":40,"value":27428},"'AGI 春天到了. بدأت الرحلة 🚀'",{"type":34,"tag":253,"props":27430,"children":27431},{"style":370},[27432],{"type":40,"value":11466},{"type":34,"tag":253,"props":27434,"children":27435},{"style":271},[27436],{"type":40,"value":27437},"'16px Inter'",{"type":34,"tag":253,"props":27439,"children":27440},{"style":370},[27441],{"type":40,"value":11509},{"type":34,"tag":253,"props":27443,"children":27444},{"class":255,"line":755},[27445,27449,27453,27458,27462,27467,27471,27475,27480,27484,27489,27493,27498,27502,27507],{"type":34,"tag":253,"props":27446,"children":27447},{"style":11204},[27448],{"type":40,"value":17656},{"type":34,"tag":253,"props":27450,"children":27451},{"style":370},[27452],{"type":40,"value":13181},{"type":34,"tag":253,"props":27454,"children":27455},{"style":13239},[27456],{"type":40,"value":27457},"height",{"type":34,"tag":253,"props":27459,"children":27460},{"style":370},[27461],{"type":40,"value":11466},{"type":34,"tag":253,"props":27463,"children":27464},{"style":13239},[27465],{"type":40,"value":27466},"lineCount",{"type":34,"tag":253,"props":27468,"children":27469},{"style":370},[27470],{"type":40,"value":13190},{"type":34,"tag":253,"props":27472,"children":27473},{"style":5037},[27474],{"type":40,"value":11275},{"type":34,"tag":253,"props":27476,"children":27477},{"style":260},[27478],{"type":40,"value":27479}," layout",{"type":34,"tag":253,"props":27481,"children":27482},{"style":370},[27483],{"type":40,"value":11567},{"type":34,"tag":253,"props":27485,"children":27486},{"style":712},[27487],{"type":40,"value":27488},"prepared",{"type":34,"tag":253,"props":27490,"children":27491},{"style":370},[27492],{"type":40,"value":11466},{"type":34,"tag":253,"props":27494,"children":27495},{"style":265},[27496],{"type":40,"value":27497},"320",{"type":34,"tag":253,"props":27499,"children":27500},{"style":370},[27501],{"type":40,"value":11466},{"type":34,"tag":253,"props":27503,"children":27504},{"style":265},[27505],{"type":40,"value":27506},"20",{"type":34,"tag":253,"props":27508,"children":27509},{"style":370},[27510],{"type":40,"value":11509},{"type":34,"tag":253,"props":27512,"children":27513},{"class":255,"line":777},[27514],{"type":34,"tag":253,"props":27515,"children":27516},{"emptyLinePlaceholder":24},[27517],{"type":40,"value":5053},{"type":34,"tag":253,"props":27519,"children":27520},{"class":255,"line":795},[27521,27526,27530,27535,27539,27543,27547,27551],{"type":34,"tag":253,"props":27522,"children":27523},{"style":13239},[27524],{"type":40,"value":27525},"console",{"type":34,"tag":253,"props":27527,"children":27528},{"style":370},[27529],{"type":40,"value":17795},{"type":34,"tag":253,"props":27531,"children":27532},{"style":260},[27533],{"type":40,"value":27534},"log",{"type":34,"tag":253,"props":27536,"children":27537},{"style":370},[27538],{"type":40,"value":11567},{"type":34,"tag":253,"props":27540,"children":27541},{"style":712},[27542],{"type":40,"value":27457},{"type":34,"tag":253,"props":27544,"children":27545},{"style":370},[27546],{"type":40,"value":11466},{"type":34,"tag":253,"props":27548,"children":27549},{"style":712},[27550],{"type":40,"value":27466},{"type":34,"tag":253,"props":27552,"children":27553},{"style":370},[27554],{"type":40,"value":11509},{"type":34,"tag":42,"props":27556,"children":27557},{},[27558,27564,27566,27572],{"type":34,"tag":58,"props":27559,"children":27561},{"className":27560},[],[27562],{"type":40,"value":27563},"prepare()",{"type":40,"value":27565}," 會先做一次性的預處理，包括文字分段、空白正規化、量測 segment 寬度與快取；",{"type":34,"tag":58,"props":27567,"children":27569},{"className":27568},[],[27570],{"type":40,"value":27571},"layout()",{"type":40,"value":27573}," 則是後續的快速熱路徑，單純根據寬度與行高做算術計算。",{"type":34,"tag":42,"props":27575,"children":27576},{},[27577,27579,27591],{"type":40,"value":27578},"這代表當你的容器寬度改變時，不需要一直重新分析全文字，",{"type":34,"tag":1008,"props":27580,"children":27581},{},[27582,27584,27589],{"type":40,"value":27583},"通常只要重跑 ",{"type":34,"tag":58,"props":27585,"children":27587},{"className":27586},[],[27588],{"type":40,"value":27571},{"type":40,"value":27590}," 就好",{"type":40,"value":222},{"type":34,"tag":98,"props":27593,"children":27594},{},[],{"type":34,"tag":35,"props":27596,"children":27598},{"id":27597},"進一步玩法自己掌控每一行",[27599],{"type":40,"value":27600},"進一步玩法：自己掌控每一行",{"type":34,"tag":42,"props":27602,"children":27603},{},[27604],{"type":40,"value":27605},"如果你不只想知道高度，而是想要自己控制每一行的內容，例如：",{"type":34,"tag":122,"props":27607,"children":27608},{},[27609,27614,27619,27624],{"type":34,"tag":126,"props":27610,"children":27611},{},[27612],{"type":40,"value":27613},"讓文字繞圖",{"type":34,"tag":126,"props":27615,"children":27616},{},[27617],{"type":40,"value":27618},"做 Canvas \u002F SVG 排版",{"type":34,"tag":126,"props":27620,"children":27621},{},[27622],{"type":40,"value":27623},"自己決定每一行的寬度",{"type":34,"tag":126,"props":27625,"children":27626},{},[27627],{"type":40,"value":27628},"做 multiline shrink-wrap",{"type":34,"tag":42,"props":27630,"children":27631},{},[27632,27634,27640,27641,27647],{"type":40,"value":27633},"那就可以改用 ",{"type":34,"tag":58,"props":27635,"children":27637},{"className":27636},[],[27638],{"type":40,"value":27639},"prepareWithSegments()",{"type":40,"value":22686},{"type":34,"tag":58,"props":27642,"children":27644},{"className":27643},[],[27645],{"type":40,"value":27646},"layoutWithLines()",{"type":40,"value":8046},{"type":34,"tag":243,"props":27649,"children":27651},{"className":27347,"code":27650,"language":27349,"meta":8,"style":8},"import { prepareWithSegments, layoutWithLines } from '@chenglou\u002Fpretext'\n\nconst prepared = prepareWithSegments(\n  'AGI 春天到了. بدأت الرحلة 🚀',\n  '18px \"Helvetica Neue\"'\n)\n\nconst { lines } = layoutWithLines(prepared, 320, 26)\n\nfor (let i = 0; i \u003C lines.length; i++) {\n  console.log(lines[i].text, lines[i].width)\n}\n",[27652],{"type":34,"tag":58,"props":27653,"children":27654},{"__ignoreMap":8},[27655,27692,27699,27723,27735,27743,27750,27757,27815,27822,27899,27969],{"type":34,"tag":253,"props":27656,"children":27657},{"class":255,"line":256},[27658,27662,27666,27671,27675,27680,27684,27688],{"type":34,"tag":253,"props":27659,"children":27660},{"style":11204},[27661],{"type":40,"value":11207},{"type":34,"tag":253,"props":27663,"children":27664},{"style":370},[27665],{"type":40,"value":13181},{"type":34,"tag":253,"props":27667,"children":27668},{"style":712},[27669],{"type":40,"value":27670},"prepareWithSegments",{"type":34,"tag":253,"props":27672,"children":27673},{"style":370},[27674],{"type":40,"value":11466},{"type":34,"tag":253,"props":27676,"children":27677},{"style":712},[27678],{"type":40,"value":27679},"layoutWithLines",{"type":34,"tag":253,"props":27681,"children":27682},{"style":370},[27683],{"type":40,"value":13190},{"type":34,"tag":253,"props":27685,"children":27686},{"style":11204},[27687],{"type":40,"value":11220},{"type":34,"tag":253,"props":27689,"children":27690},{"style":271},[27691],{"type":40,"value":27391},{"type":34,"tag":253,"props":27693,"children":27694},{"class":255,"line":708},[27695],{"type":34,"tag":253,"props":27696,"children":27697},{"emptyLinePlaceholder":24},[27698],{"type":40,"value":5053},{"type":34,"tag":253,"props":27700,"children":27701},{"class":255,"line":733},[27702,27706,27710,27714,27719],{"type":34,"tag":253,"props":27703,"children":27704},{"style":11204},[27705],{"type":40,"value":17656},{"type":34,"tag":253,"props":27707,"children":27708},{"style":13239},[27709],{"type":40,"value":27410},{"type":34,"tag":253,"props":27711,"children":27712},{"style":5037},[27713],{"type":40,"value":12399},{"type":34,"tag":253,"props":27715,"children":27716},{"style":260},[27717],{"type":40,"value":27718}," prepareWithSegments",{"type":34,"tag":253,"props":27720,"children":27721},{"style":370},[27722],{"type":40,"value":11340},{"type":34,"tag":253,"props":27724,"children":27725},{"class":255,"line":755},[27726,27731],{"type":34,"tag":253,"props":27727,"children":27728},{"style":271},[27729],{"type":40,"value":27730},"  'AGI 春天到了. بدأت الرحلة 🚀'",{"type":34,"tag":253,"props":27732,"children":27733},{"style":370},[27734],{"type":40,"value":730},{"type":34,"tag":253,"props":27736,"children":27737},{"class":255,"line":777},[27738],{"type":34,"tag":253,"props":27739,"children":27740},{"style":271},[27741],{"type":40,"value":27742},"  '18px \"Helvetica Neue\"'\n",{"type":34,"tag":253,"props":27744,"children":27745},{"class":255,"line":795},[27746],{"type":34,"tag":253,"props":27747,"children":27748},{"style":370},[27749],{"type":40,"value":11509},{"type":34,"tag":253,"props":27751,"children":27752},{"class":255,"line":5085},[27753],{"type":34,"tag":253,"props":27754,"children":27755},{"emptyLinePlaceholder":24},[27756],{"type":40,"value":5053},{"type":34,"tag":253,"props":27758,"children":27759},{"class":255,"line":5094},[27760,27764,27768,27773,27777,27781,27786,27790,27794,27798,27802,27806,27811],{"type":34,"tag":253,"props":27761,"children":27762},{"style":11204},[27763],{"type":40,"value":17656},{"type":34,"tag":253,"props":27765,"children":27766},{"style":370},[27767],{"type":40,"value":13181},{"type":34,"tag":253,"props":27769,"children":27770},{"style":13239},[27771],{"type":40,"value":27772},"lines",{"type":34,"tag":253,"props":27774,"children":27775},{"style":370},[27776],{"type":40,"value":13190},{"type":34,"tag":253,"props":27778,"children":27779},{"style":5037},[27780],{"type":40,"value":11275},{"type":34,"tag":253,"props":27782,"children":27783},{"style":260},[27784],{"type":40,"value":27785}," layoutWithLines",{"type":34,"tag":253,"props":27787,"children":27788},{"style":370},[27789],{"type":40,"value":11567},{"type":34,"tag":253,"props":27791,"children":27792},{"style":712},[27793],{"type":40,"value":27488},{"type":34,"tag":253,"props":27795,"children":27796},{"style":370},[27797],{"type":40,"value":11466},{"type":34,"tag":253,"props":27799,"children":27800},{"style":265},[27801],{"type":40,"value":27497},{"type":34,"tag":253,"props":27803,"children":27804},{"style":370},[27805],{"type":40,"value":11466},{"type":34,"tag":253,"props":27807,"children":27808},{"style":265},[27809],{"type":40,"value":27810},"26",{"type":34,"tag":253,"props":27812,"children":27813},{"style":370},[27814],{"type":40,"value":11509},{"type":34,"tag":253,"props":27816,"children":27817},{"class":255,"line":5117},[27818],{"type":34,"tag":253,"props":27819,"children":27820},{"emptyLinePlaceholder":24},[27821],{"type":40,"value":5053},{"type":34,"tag":253,"props":27823,"children":27824},{"class":255,"line":5125},[27825,27830,27834,27839,27844,27848,27853,27858,27863,27867,27872,27876,27881,27885,27889,27894],{"type":34,"tag":253,"props":27826,"children":27827},{"style":11204},[27828],{"type":40,"value":27829},"for",{"type":34,"tag":253,"props":27831,"children":27832},{"style":370},[27833],{"type":40,"value":18963},{"type":34,"tag":253,"props":27835,"children":27836},{"style":11204},[27837],{"type":40,"value":27838},"let",{"type":34,"tag":253,"props":27840,"children":27841},{"style":712},[27842],{"type":40,"value":27843}," i",{"type":34,"tag":253,"props":27845,"children":27846},{"style":5037},[27847],{"type":40,"value":12399},{"type":34,"tag":253,"props":27849,"children":27850},{"style":265},[27851],{"type":40,"value":27852}," 0",{"type":34,"tag":253,"props":27854,"children":27855},{"style":370},[27856],{"type":40,"value":27857},"; ",{"type":34,"tag":253,"props":27859,"children":27860},{"style":712},[27861],{"type":40,"value":27862},"i",{"type":34,"tag":253,"props":27864,"children":27865},{"style":5037},[27866],{"type":40,"value":13281},{"type":34,"tag":253,"props":27868,"children":27869},{"style":13239},[27870],{"type":40,"value":27871}," lines",{"type":34,"tag":253,"props":27873,"children":27874},{"style":370},[27875],{"type":40,"value":17795},{"type":34,"tag":253,"props":27877,"children":27878},{"style":712},[27879],{"type":40,"value":27880},"length",{"type":34,"tag":253,"props":27882,"children":27883},{"style":370},[27884],{"type":40,"value":27857},{"type":34,"tag":253,"props":27886,"children":27887},{"style":712},[27888],{"type":40,"value":27862},{"type":34,"tag":253,"props":27890,"children":27891},{"style":5037},[27892],{"type":40,"value":27893},"++",{"type":34,"tag":253,"props":27895,"children":27896},{"style":370},[27897],{"type":40,"value":27898},") {\n",{"type":34,"tag":253,"props":27900,"children":27901},{"class":255,"line":5134},[27902,27907,27911,27915,27919,27923,27927,27931,27936,27940,27944,27948,27952,27956,27960,27965],{"type":34,"tag":253,"props":27903,"children":27904},{"style":13239},[27905],{"type":40,"value":27906},"  console",{"type":34,"tag":253,"props":27908,"children":27909},{"style":370},[27910],{"type":40,"value":17795},{"type":34,"tag":253,"props":27912,"children":27913},{"style":260},[27914],{"type":40,"value":27534},{"type":34,"tag":253,"props":27916,"children":27917},{"style":370},[27918],{"type":40,"value":11567},{"type":34,"tag":253,"props":27920,"children":27921},{"style":712},[27922],{"type":40,"value":27772},{"type":34,"tag":253,"props":27924,"children":27925},{"style":370},[27926],{"type":40,"value":11358},{"type":34,"tag":253,"props":27928,"children":27929},{"style":712},[27930],{"type":40,"value":27862},{"type":34,"tag":253,"props":27932,"children":27933},{"style":370},[27934],{"type":40,"value":27935},"].",{"type":34,"tag":253,"props":27937,"children":27938},{"style":712},[27939],{"type":40,"value":40},{"type":34,"tag":253,"props":27941,"children":27942},{"style":370},[27943],{"type":40,"value":11466},{"type":34,"tag":253,"props":27945,"children":27946},{"style":712},[27947],{"type":40,"value":27772},{"type":34,"tag":253,"props":27949,"children":27950},{"style":370},[27951],{"type":40,"value":11358},{"type":34,"tag":253,"props":27953,"children":27954},{"style":712},[27955],{"type":40,"value":27862},{"type":34,"tag":253,"props":27957,"children":27958},{"style":370},[27959],{"type":40,"value":27935},{"type":34,"tag":253,"props":27961,"children":27962},{"style":712},[27963],{"type":40,"value":27964},"width",{"type":34,"tag":253,"props":27966,"children":27967},{"style":370},[27968],{"type":40,"value":11509},{"type":34,"tag":253,"props":27970,"children":27971},{"class":255,"line":5673},[27972],{"type":34,"tag":253,"props":27973,"children":27974},{"style":370},[27975],{"type":40,"value":801},{"type":34,"tag":42,"props":27977,"children":27978},{},[27979],{"type":40,"value":27980},"這種 API 很適合拿去做比較「設計導向」的文字編排，而不是只能接受瀏覽器幫你決定一切。",{"type":34,"tag":98,"props":27982,"children":27983},{},[],{"type":34,"tag":35,"props":27985,"children":27987},{"id":27986},"我覺得-pretext-厲害的地方",[27988],{"type":40,"value":27989},"我覺得 Pretext 厲害的地方",{"type":34,"tag":1854,"props":27991,"children":27993},{"id":27992},"_1-先預處理之後只做便宜計算",[27994],{"type":40,"value":27995},"1. 先預處理，之後只做便宜計算",{"type":34,"tag":42,"props":27997,"children":27998},{},[27999,28001,28006,28008,28013],{"type":40,"value":28000},"這個設計很適合 responsive UI。文字內容沒變時，你可以把 ",{"type":34,"tag":58,"props":28002,"children":28004},{"className":28003},[],[28005],{"type":40,"value":27563},{"type":40,"value":28007}," 的結果保留起來，視窗縮放只更新 ",{"type":34,"tag":58,"props":28009,"children":28011},{"className":28010},[],[28012],{"type":40,"value":27571},{"type":40,"value":222},{"type":34,"tag":1854,"props":28015,"children":28017},{"id":28016},"_2-對多語系文字更友善",[28018],{"type":40,"value":28019},"2. 對多語系文字更友善",{"type":34,"tag":42,"props":28021,"children":28022},{},[28023],{"type":40,"value":28024},"官方範例直接拿中英阿拉伯文和 emoji 混排，這點很有說服力。很多看似簡單的文字排版工具，一碰到多語混排就開始露出破綻。",{"type":34,"tag":1854,"props":28026,"children":28028},{"id":28027},"_3-很適合做-ai-時代的快速-ui-驗證",[28029],{"type":40,"value":28030},"3. 很適合做 AI 時代的快速 UI 驗證",{"type":34,"tag":42,"props":28032,"children":28033},{},[28034,28036,28041],{"type":40,"value":28035},"README 裡有一個觀點我很認同：現在很多 UI 是快速迭代、甚至直接讓 AI 幫你生畫面，這時候如果能在",{"type":34,"tag":1008,"props":28037,"children":28038},{},[28039],{"type":40,"value":28040},"不開瀏覽器、不碰 DOM",{"type":40,"value":28042},"的前提下預先驗證文字會不會爆行，真的很實用。",{"type":34,"tag":1854,"props":28044,"children":28046},{"id":28045},"_4-不只量高度還能拿來做自訂排版引擎",[28047],{"type":40,"value":28048},"4. 不只量高度，還能拿來做自訂排版引擎",{"type":34,"tag":42,"props":28050,"children":28051},{},[28052,28053,28059,28060,28066],{"type":40,"value":27158},{"type":34,"tag":58,"props":28054,"children":28056},{"className":28055},[],[28057],{"type":40,"value":28058},"layoutNextLineRange()",{"type":40,"value":2000},{"type":34,"tag":58,"props":28061,"children":28063},{"className":28062},[],[28064],{"type":40,"value":28065},"materializeLineRange()",{"type":40,"value":28067}," 這些 API，其實已經不是單純量測工具而已，幾乎是在提供你一套低階但很實用的文字流排版能力。",{"type":34,"tag":98,"props":28069,"children":28070},{},[],{"type":34,"tag":35,"props":28072,"children":28074},{"id":28073},"幾個值得注意的限制",[28075],{"type":40,"value":28073},{"type":34,"tag":42,"props":28077,"children":28078},{},[28079],{"type":40,"value":28080},"Pretext 很強，但它也沒有假裝自己是完整的瀏覽器排版引擎。",{"type":34,"tag":122,"props":28082,"children":28083},{},[28084,28102,28120,28125,28138],{"type":34,"tag":126,"props":28085,"children":28086},{},[28087,28089,28095,28096],{"type":40,"value":28088},"目前主要鎖定 ",{"type":34,"tag":58,"props":28090,"children":28092},{"className":28091},[],[28093],{"type":40,"value":28094},"white-space: normal",{"type":40,"value":22872},{"type":34,"tag":58,"props":28097,"children":28099},{"className":28098},[],[28100],{"type":40,"value":28101},"pre-wrap",{"type":34,"tag":126,"props":28103,"children":28104},{},[28105,28107,28113,28114],{"type":40,"value":28106},"支援 ",{"type":34,"tag":58,"props":28108,"children":28110},{"className":28109},[],[28111],{"type":40,"value":28112},"word-break: normal",{"type":40,"value":22686},{"type":34,"tag":58,"props":28115,"children":28117},{"className":28116},[],[28118],{"type":40,"value":28119},"keep-all",{"type":34,"tag":126,"props":28121,"children":28122},{},[28123],{"type":40,"value":28124},"非常窄的寬度下，仍可能在 grapheme 邊界做 break-word 式換行",{"type":34,"tag":126,"props":28126,"children":28127},{},[28128,28130,28136],{"type":40,"value":28129},"依賴 ",{"type":34,"tag":58,"props":28131,"children":28133},{"className":28132},[],[28134],{"type":40,"value":28135},"Intl.Segmenter",{"type":40,"value":28137}," 與 Canvas 2D text measurement",{"type":34,"tag":126,"props":28139,"children":28140},{},[28141,28143,28149,28151,28156],{"type":40,"value":28142},"在 macOS 上，",{"type":34,"tag":58,"props":28144,"children":28146},{"className":28145},[],[28147],{"type":40,"value":28148},"system-ui",{"type":40,"value":28150}," 對 ",{"type":34,"tag":58,"props":28152,"children":28154},{"className":28153},[],[28155],{"type":40,"value":27571},{"type":40,"value":28157}," 精準度不安全，官方建議用具名字型",{"type":34,"tag":42,"props":28159,"children":28160},{},[28161,28163],{"type":40,"value":28162},"所以它最適合的場景不是「完整取代瀏覽器排版」，而是：",{"type":34,"tag":1008,"props":28164,"children":28165},{},[28166],{"type":40,"value":28167},"你想提前知道排版結果，或者你就是要自己接管文字流布局。",{"type":34,"tag":98,"props":28169,"children":28170},{},[],{"type":34,"tag":35,"props":28172,"children":28173},{"id":24000},[28174],{"type":40,"value":24000},{"type":34,"tag":42,"props":28176,"children":28177},{},[28178,28180],{"type":40,"value":28179},"我很喜歡 Pretext 這種工具的出發點：",{"type":34,"tag":1008,"props":28181,"children":28182},{},[28183],{"type":40,"value":28184},"不是把整個世界重做一遍，而是專注解掉前端裡一個很痛、但大家常常默默忍受的問題。",{"type":34,"tag":42,"props":28186,"children":28187},{},[28188,28190,28194],{"type":40,"value":28189},"這次我原本也想自己做一個更完整、比較有作品感的示範，不過老實說目前還沒有做到我滿意，所以先把官方大神的 demo 放上來。Somnai Dreams 那個 ",{"type":34,"tag":1008,"props":28191,"children":28192},{},[28193],{"type":40,"value":27248},{"type":40,"value":28195}," 真的把 Pretext 的潛力拉得很高，已經不是「技術展示」而已，而是很接近一種新的文字互動介面。",{"type":34,"tag":42,"props":28197,"children":28198},{},[28199],{"type":40,"value":28200},"如果你現在剛好在做以下東西，我會很建議研究一下 Pretext：",{"type":34,"tag":122,"props":28202,"children":28203},{},[28204,28209,28214,28219,28224],{"type":34,"tag":126,"props":28205,"children":28206},{},[28207],{"type":40,"value":28208},"需要預估文字高度的虛擬列表",{"type":34,"tag":126,"props":28210,"children":28211},{},[28212],{"type":40,"value":28213},"瀑布流或卡片式排版",{"type":34,"tag":126,"props":28215,"children":28216},{},[28217],{"type":40,"value":28218},"Canvas \u002F SVG 文字排版",{"type":34,"tag":126,"props":28220,"children":28221},{},[28222],{"type":40,"value":28223},"圖文混排或繞圖排版",{"type":34,"tag":126,"props":28225,"children":28226},{},[28227],{"type":40,"value":28228},"想避免 layout shift 的內容載入介面",{"type":34,"tag":10421,"props":28230,"children":28231},{},[28232],{"type":34,"tag":42,"props":28233,"children":28234},{},[28235,28239,28241,28246],{"type":34,"tag":1008,"props":28236,"children":28237},{},[28238],{"type":40,"value":24029},{"type":40,"value":28240},"：如果你只是 resize 後重新計算高度，記得不要每次都重跑 ",{"type":34,"tag":58,"props":28242,"children":28244},{"className":28243},[],[28245],{"type":40,"value":27563},{"type":40,"value":28247},"，不然就浪費掉 Pretext 最核心的快取優勢了。",{"type":34,"tag":98,"props":28249,"children":28250},{},[],{"type":34,"tag":42,"props":28252,"children":28253},{},[28254],{"type":34,"tag":1008,"props":28255,"children":28256},{},[28257],{"type":40,"value":1514},{"type":34,"tag":122,"props":28259,"children":28260},{},[28261,28271,28279],{"type":34,"tag":126,"props":28262,"children":28263},{},[28264],{"type":34,"tag":72,"props":28265,"children":28268},{"href":28266,"rel":28267},"https:\u002F\u002Fgithub.com\u002Fchenglou\u002Fpretext\u002Ftree\u002Fmain",[76],[28269],{"type":40,"value":28270},"Pretext GitHub 倉庫",{"type":34,"tag":126,"props":28272,"children":28273},{},[28274],{"type":34,"tag":72,"props":28275,"children":28277},{"href":27273,"rel":28276},[76],[28278],{"type":40,"value":27277},{"type":34,"tag":126,"props":28280,"children":28281},{},[28282],{"type":34,"tag":72,"props":28283,"children":28285},{"href":27255,"rel":28284},[76],[28286],{"type":40,"value":28287},"The Editorial Engine Demo",{"type":34,"tag":98,"props":28289,"children":28290},{},[],{"type":34,"tag":42,"props":28292,"children":28293},{},[28294],{"type":34,"tag":9919,"props":28295,"children":28296},{},[28297],{"type":40,"value":28298},"本文展示影片採用 Somnai Dreams 製作的 Pretext 官方社群 demo；文中 API 說明整理自 Pretext README 與公開範例。",{"type":34,"tag":1548,"props":28300,"children":28301},{},[28302],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":28304},[28305,28306,28307,28311,28312,28318,28319],{"id":27140,"depth":708,"text":27143},{"id":27214,"depth":708,"text":27217},{"id":18198,"depth":708,"text":18201,"children":28308},[28309,28310],{"id":18204,"depth":733,"text":18207},{"id":27329,"depth":733,"text":27332},{"id":27597,"depth":708,"text":27600},{"id":27986,"depth":708,"text":27989,"children":28313},[28314,28315,28316,28317],{"id":27992,"depth":733,"text":27995},{"id":28016,"depth":733,"text":28019},{"id":28027,"depth":733,"text":28030},{"id":28045,"depth":733,"text":28048},{"id":28073,"depth":708,"text":28073},{"id":24000,"depth":708,"text":24000},"content:articles:pretext.md","articles\u002Fpretext.md","articles\u002Fpretext",{"_path":13944,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":28324,"description":28325,"date":28326,"category":1580,"image":6124,"tags":28327,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":28328,"gpu":29,"body":28329,"_type":1569,"_id":28567,"_source":1571,"_file":28568,"_stem":28569,"_extension":1574},"AltSendme 跨平台 P2P 極速檔案互傳工具免伺服器部署指南","不用雲端、不用註冊，Windows 與 macOS 直接對傳。","2026-05-19",[15,1583,1584],[27,26,28],{"type":31,"children":28330,"toc":28559},[28331,28337,28348,28351,28357,28362,28394,28398,28401,28406,28411,28429,28432,28438,28456,28459,28463,28478,28490,28498,28501,28505,28517,28529,28532,28539],{"type":34,"tag":35,"props":28332,"children":28334},{"id":28333},"為什麼選擇-altsendme",[28335],{"type":40,"value":28336},"為什麼選擇 AltSendme？",{"type":34,"tag":42,"props":28338,"children":28339},{},[28340,28342,28346],{"type":40,"value":28341},"在公司或跨平台協作的場景，最痛的不是「怎麼傳」，而是「傳得慢、要上雲、還要登入」。",{"type":34,"tag":1008,"props":28343,"children":28344},{},[28345],{"type":40,"value":13704},{"type":40,"value":28347}," 直接走 P2P，端到端加密、不走雲端、不用帳號，傳檔就像在兩台電腦之間做 Copy\u002FPaste 一樣直覺。",{"type":34,"tag":98,"props":28349,"children":28350},{},[],{"type":34,"tag":35,"props":28352,"children":28354},{"id":28353},"速度實測windows-macos",[28355],{"type":40,"value":28356},"速度實測（Windows ↔ macOS）",{"type":34,"tag":42,"props":28358,"children":28359},{},[28360],{"type":40,"value":28361},"下面影片左側是 Windows、右側是 macOS。這次測了一支 MP4：",{"type":34,"tag":122,"props":28363,"children":28364},{},[28365,28374,28384],{"type":34,"tag":126,"props":28366,"children":28367},{},[28368,28372],{"type":34,"tag":1008,"props":28369,"children":28370},{},[28371],{"type":40,"value":13589},{"type":40,"value":28373},"：32.4 MB",{"type":34,"tag":126,"props":28375,"children":28376},{},[28377,28382],{"type":34,"tag":1008,"props":28378,"children":28379},{},[28380],{"type":40,"value":28381},"檔案傳完時間",{"type":40,"value":28383},"：1.9s",{"type":34,"tag":126,"props":28385,"children":28386},{},[28387,28392],{"type":34,"tag":1008,"props":28388,"children":28389},{},[28390],{"type":40,"value":28391},"平均速度",{"type":40,"value":28393},"：16.91 MB\u002Fs",{"type":34,"tag":112,"props":28395,"children":28397},{"src":28396},"\u002Fvideos\u002Faltsendme-test.mp4",[],{"type":34,"tag":98,"props":28399,"children":28400},{},[],{"type":34,"tag":35,"props":28402,"children":28404},{"id":28403},"上班族同事互傳的理想情境",[28405],{"type":40,"value":28403},{"type":34,"tag":42,"props":28407,"children":28408},{},[28409],{"type":40,"value":28410},"這工具最適合「每天都在互傳檔案」的團隊：",{"type":34,"tag":122,"props":28412,"children":28413},{},[28414,28419,28424],{"type":34,"tag":126,"props":28415,"children":28416},{},[28417],{"type":40,"value":28418},"設計稿、錄影檔、簡報影片不用再丟雲端",{"type":34,"tag":126,"props":28420,"children":28421},{},[28422],{"type":40,"value":28423},"Windows \u002F macOS 互傳完全不需要額外設定",{"type":34,"tag":126,"props":28425,"children":28426},{},[28427],{"type":40,"value":28428},"同一個辦公室或異地都能用（NAT 穿透 + QUIC）",{"type":34,"tag":98,"props":28430,"children":28431},{},[],{"type":34,"tag":35,"props":28433,"children":28435},{"id":28434},"使用流程真的很短",[28436],{"type":40,"value":28437},"使用流程（真的很短）",{"type":34,"tag":177,"props":28439,"children":28440},{},[28441,28446,28451],{"type":34,"tag":126,"props":28442,"children":28443},{},[28444],{"type":40,"value":28445},"把檔案拖進 AltSendme → 產生一組 ticket",{"type":34,"tag":126,"props":28447,"children":28448},{},[28449],{"type":40,"value":28450},"把 ticket 丟給同事（Slack \u002F Email \u002F LINE 都行）",{"type":34,"tag":126,"props":28452,"children":28453},{},[28454],{"type":40,"value":28455},"對方貼上 ticket → 立刻開始傳",{"type":34,"tag":98,"props":28457,"children":28458},{},[],{"type":34,"tag":35,"props":28460,"children":28461},{"id":1739},[28462],{"type":40,"value":1739},{"type":34,"tag":42,"props":28464,"children":28465},{},[28466,28468,28471],{"type":40,"value":28467},"下載請直接看原 repo：",{"type":34,"tag":3043,"props":28469,"children":28470},{},[],{"type":34,"tag":72,"props":28472,"children":28475},{"href":28473,"rel":28474},"https:\u002F\u002Fgithub.com\u002Ftonyantony300\u002Falt-sendme",[76],[28476],{"type":40,"value":28477},"AltSendme GitHub",{"type":34,"tag":42,"props":28479,"children":28480},{},[28481,28483,28488],{"type":40,"value":28482},"下滑找到 ",{"type":34,"tag":1008,"props":28484,"children":28485},{},[28486],{"type":40,"value":28487},"Installation",{"type":40,"value":28489}," 區塊，選對應平台下載（如圖）。",{"type":34,"tag":42,"props":28491,"children":28492},{},[28493],{"type":34,"tag":579,"props":28494,"children":28497},{"alt":28495,"src":28496},"AltSendme Installation","\u002Fimages\u002Faltsendme-dl.png",[],{"type":34,"tag":98,"props":28499,"children":28500},{},[],{"type":34,"tag":35,"props":28502,"children":28503},{"id":24000},[28504],{"type":40,"value":24000},{"type":34,"tag":42,"props":28506,"children":28507},{},[28508,28510,28515],{"type":40,"value":28509},"AltSendme 最大的價值不是「功能多」，而是",{"type":34,"tag":1008,"props":28511,"children":28512},{},[28513],{"type":40,"value":28514},"把檔案互傳這件事簡化到極致",{"type":40,"value":28516},"。不用登入、沒上傳成本、速度還很猛。對需要跨平台互傳的上班族或工作室來說，真的可以直接替代 WeTransfer \u002F Dropbox 這類工具。",{"type":34,"tag":10421,"props":28518,"children":28519},{},[28520],{"type":34,"tag":42,"props":28521,"children":28522},{},[28523,28527],{"type":34,"tag":1008,"props":28524,"children":28525},{},[28526],{"type":40,"value":24029},{"type":40,"value":28528},"：公司防火牆或 Windows 裝置若無法啟動，記得先確認 WebView2 Runtime 是否已安裝。",{"type":34,"tag":98,"props":28530,"children":28531},{},[],{"type":34,"tag":42,"props":28533,"children":28534},{},[28535],{"type":34,"tag":1008,"props":28536,"children":28537},{},[28538],{"type":40,"value":1514},{"type":34,"tag":122,"props":28540,"children":28541},{},[28542,28550],{"type":34,"tag":126,"props":28543,"children":28544},{},[28545],{"type":34,"tag":72,"props":28546,"children":28548},{"href":28473,"rel":28547},[76],[28549],{"type":40,"value":28477},{"type":34,"tag":126,"props":28551,"children":28552},{},[28553],{"type":34,"tag":72,"props":28554,"children":28557},{"href":28555,"rel":28556},"https:\u002F\u002Fgithub.com\u002Ftonyantony300\u002Falt-sendme\u002Freleases",[76],[28558],{"type":40,"value":8980},{"title":8,"searchDepth":708,"depth":708,"links":28560},[28561,28562,28563,28564,28565,28566],{"id":28333,"depth":708,"text":28336},{"id":28353,"depth":708,"text":28356},{"id":28403,"depth":708,"text":28403},{"id":28434,"depth":708,"text":28437},{"id":1739,"depth":708,"text":1739},{"id":24000,"depth":708,"text":24000},"content:articles:altsendme.md","articles\u002Faltsendme.md","articles\u002Faltsendme",{"_path":28571,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":28572,"description":28573,"date":28574,"category":18127,"image":6124,"tags":28575,"series":1585,"readingTime":13968,"difficulty":23,"local":24,"platforms":28576,"gpu":29,"body":28577,"_type":1569,"_id":30444,"_source":1571,"_file":30445,"_stem":30446,"_extension":1574},"\u002Farticles\u002Fdeckgl","Deck.gl 大規模 3D 地理數據視覺化框架與 MapLibre 整合實戰","想要在網頁上渲染數以萬計的數據點，同時保持流暢的 3D 互動？Deck.gl 是處理地理空間資料視覺化的絕佳利器。","2026-05-18",[12805,14939,19,18130],[1591,18132],{"type":31,"children":28578,"toc":30434},[28579,28585,28597,28607,28610,28614,28619,28623,28644,28647,28651,28655,28660,28693,28697,28702,30184,30187,30193,30198,30334,30337,30341,30352,30357,30376,30379,30386,30419,30422,30430],{"type":34,"tag":35,"props":28580,"children":28582},{"id":28581},"為什麼選擇-deckgl",[28583],{"type":40,"value":28584},"為什麼選擇 Deck.gl？",{"type":34,"tag":42,"props":28586,"children":28587},{},[28588,28590,28595],{"type":40,"value":28589},"在網頁地圖開發中，如果只是加上幾個標記，傳統的 Leaflet 或 Mapbox 已經綽綽有餘。但當你需要渲染",{"type":34,"tag":1008,"props":28591,"children":28592},{},[28593],{"type":40,"value":28594},"數十萬甚至數百萬個數據點",{"type":40,"value":28596},"，並且需要 3D 視角、流暢的縮放與動畫時，效能往往會成為最大的瓶頸。",{"type":34,"tag":42,"props":28598,"children":28599},{},[28600,28605],{"type":34,"tag":1008,"props":28601,"children":28602},{},[28603],{"type":40,"value":28604},"Deck.gl",{"type":40,"value":28606}," 是由 Uber 開源的 WebGL 數據視覺化框架。它專為大規模數據集設計，能夠輕鬆與 Mapbox GL JS 或 MapLibre GL 結合，讓你以極高的效能渲染 3D 散點、路線、多邊形甚至是六邊形熱力圖。它不依賴特定的地圖庫，效能極佳，且支援高度自定義的 Shader。",{"type":34,"tag":98,"props":28608,"children":28609},{},[],{"type":34,"tag":35,"props":28611,"children":28612},{"id":12893},[28613],{"type":40,"value":12896},{"type":34,"tag":42,"props":28615,"children":28616},{},[28617],{"type":40,"value":28618},"下面是我使用 Vue 3 結合 Deck.gl 與 MapLibre 製作的台灣景點 3D 互動地圖，實現了平滑的視角切換與資料渲染：",{"type":34,"tag":112,"props":28620,"children":28622},{"src":28621},"\u002Fvideos\u002FdeckGL-demo.mp4",[],{"type":34,"tag":10421,"props":28624,"children":28625},{},[28626],{"type":34,"tag":42,"props":28627,"children":28628},{},[28629,28633,28635,28642],{"type":34,"tag":1008,"props":28630,"children":28631},{},[28632],{"type":40,"value":12916},{"type":40,"value":28634},"：如果你對這個實作感興趣，可以",{"type":34,"tag":72,"props":28636,"children":28639},{"href":28637,"rel":28638},"https:\u002F\u002Ftaiwan.shuochen.me\u002F",[76],[28640],{"type":40,"value":28641},"點擊這裡前往 Live Demo",{"type":40,"value":28643}," 體驗實際的 3D 互動效果。",{"type":34,"tag":98,"props":28645,"children":28646},{},[],{"type":34,"tag":35,"props":28648,"children":28649},{"id":18198},[28650],{"type":40,"value":18201},{"type":34,"tag":1854,"props":28652,"children":28653},{"id":18204},[28654],{"type":40,"value":18207},{"type":34,"tag":42,"props":28656,"children":28657},{},[28658],{"type":40,"value":28659},"你可以使用 npm 或 pnpm 安裝 Deck.gl 以及作為底圖的 MapLibre：",{"type":34,"tag":243,"props":28661,"children":28663},{"className":245,"code":28662,"language":247,"meta":8,"style":8},"npm install @deck.gl\u002Fcore @deck.gl\u002Flayers maplibre-gl\n",[28664],{"type":34,"tag":58,"props":28665,"children":28666},{"__ignoreMap":8},[28667],{"type":34,"tag":253,"props":28668,"children":28669},{"class":255,"line":256},[28670,28674,28678,28683,28688],{"type":34,"tag":253,"props":28671,"children":28672},{"style":260},[28673],{"type":40,"value":8176},{"type":34,"tag":253,"props":28675,"children":28676},{"style":271},[28677],{"type":40,"value":3698},{"type":34,"tag":253,"props":28679,"children":28680},{"style":271},[28681],{"type":40,"value":28682}," @deck.gl\u002Fcore",{"type":34,"tag":253,"props":28684,"children":28685},{"style":271},[28686],{"type":40,"value":28687}," @deck.gl\u002Flayers",{"type":34,"tag":253,"props":28689,"children":28690},{"style":271},[28691],{"type":40,"value":28692}," maplibre-gl\n",{"type":34,"tag":1854,"props":28694,"children":28695},{"id":27329},[28696],{"type":40,"value":27332},{"type":34,"tag":42,"props":28698,"children":28699},{},[28700],{"type":40,"value":28701},"在 Vue 3 或 Nuxt 3 中，我們需要確保程式碼在客戶端執行（因為涉及 Canvas API 與 WebGL）。這裡展示一個基礎的 3D 散點圖配置：",{"type":34,"tag":243,"props":28703,"children":28705},{"className":18476,"code":28704,"language":18478,"meta":8,"style":8},"\u003Cscript setup>\nimport { onMounted } from 'vue'\nimport { Deck } from '@deck.gl\u002Fcore'\nimport { ScatterplotLayer } from '@deck.gl\u002Flayers'\nimport maplibregl from 'maplibre-gl'\nimport 'maplibre-gl\u002Fdist\u002Fmaplibre-gl.css'\n\nonMounted(() => {\n  \u002F\u002F 1. 初始化底圖 (MapLibre)\n  const map = new maplibregl.Map({\n    container: 'map-container',\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [121.5654, 25.0330], \u002F\u002F 台北 101\n    zoom: 11,\n    pitch: 45,\n  })\n\n  \u002F\u002F 2. 準備數據與 Deck.gl 圖層\n  const layer = new ScatterplotLayer({\n    id: 'scatterplot-layer',\n    data: [\n      { position: [121.5654, 25.0330], size: 100 }\n    ],\n    getPosition: d => d.position,\n    getFillColor: [255, 140, 0],\n    getRadius: d => d.size,\n    radiusMinPixels: 5,\n    radiusMaxPixels: 50\n  })\n\n  \u002F\u002F 3. 初始化 Deck.gl 並與底圖同步視角\n  new Deck({\n    canvas: 'deck-canvas',\n    initialViewState: {\n      longitude: 121.5654,\n      latitude: 25.0330,\n      zoom: 11,\n      pitch: 45,\n      bearing: 0\n    },\n    controller: true,\n    onViewStateChange: ({ viewState }) => {\n      \u002F\u002F 同步地圖視角\n      map.jumpTo({\n        center: [viewState.longitude, viewState.latitude],\n        zoom: viewState.zoom,\n        bearing: viewState.bearing,\n        pitch: viewState.pitch\n      })\n    },\n    layers: [layer]\n  })\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv style=\"position: relative; width: 100%; height: 600px;\">\n    \u003C!-- 底圖容器 -->\n    \u003Cdiv id=\"map-container\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\">\u003C\u002Fdiv>\n    \u003C!-- Deck.gl 畫布 -->\n    \u003Ccanvas id=\"deck-canvas\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;\">\u003C\u002Fcanvas>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[28706],{"type":34,"tag":58,"props":28707,"children":28708},{"__ignoreMap":8},[28709,28728,28757,28786,28815,28836,28848,28855,28876,28884,28922,28943,28964,29001,29022,29043,29051,29058,29066,29095,29116,29128,29179,29187,29226,29265,29301,29322,29339,29346,29353,29361,29378,29399,29411,29431,29451,29472,29493,29511,29519,29540,29572,29581,29603,29650,29680,29710,29736,29745,29753,29775,29783,29792,29808,29816,29832,29908,29917,30027,30036,30152,30168],{"type":34,"tag":253,"props":28710,"children":28711},{"class":255,"line":256},[28712,28716,28720,28724],{"type":34,"tag":253,"props":28713,"children":28714},{"style":370},[28715],{"type":40,"value":18490},{"type":34,"tag":253,"props":28717,"children":28718},{"style":712},[28719],{"type":40,"value":18495},{"type":34,"tag":253,"props":28721,"children":28722},{"style":265},[28723],{"type":40,"value":18500},{"type":34,"tag":253,"props":28725,"children":28726},{"style":370},[28727],{"type":40,"value":18452},{"type":34,"tag":253,"props":28729,"children":28730},{"class":255,"line":708},[28731,28735,28739,28744,28748,28752],{"type":34,"tag":253,"props":28732,"children":28733},{"style":11204},[28734],{"type":40,"value":11207},{"type":34,"tag":253,"props":28736,"children":28737},{"style":370},[28738],{"type":40,"value":13181},{"type":34,"tag":253,"props":28740,"children":28741},{"style":712},[28742],{"type":40,"value":28743},"onMounted",{"type":34,"tag":253,"props":28745,"children":28746},{"style":370},[28747],{"type":40,"value":13190},{"type":34,"tag":253,"props":28749,"children":28750},{"style":11204},[28751],{"type":40,"value":11220},{"type":34,"tag":253,"props":28753,"children":28754},{"style":271},[28755],{"type":40,"value":28756}," 'vue'\n",{"type":34,"tag":253,"props":28758,"children":28759},{"class":255,"line":733},[28760,28764,28768,28773,28777,28781],{"type":34,"tag":253,"props":28761,"children":28762},{"style":11204},[28763],{"type":40,"value":11207},{"type":34,"tag":253,"props":28765,"children":28766},{"style":370},[28767],{"type":40,"value":13181},{"type":34,"tag":253,"props":28769,"children":28770},{"style":712},[28771],{"type":40,"value":28772},"Deck",{"type":34,"tag":253,"props":28774,"children":28775},{"style":370},[28776],{"type":40,"value":13190},{"type":34,"tag":253,"props":28778,"children":28779},{"style":11204},[28780],{"type":40,"value":11220},{"type":34,"tag":253,"props":28782,"children":28783},{"style":271},[28784],{"type":40,"value":28785}," '@deck.gl\u002Fcore'\n",{"type":34,"tag":253,"props":28787,"children":28788},{"class":255,"line":755},[28789,28793,28797,28802,28806,28810],{"type":34,"tag":253,"props":28790,"children":28791},{"style":11204},[28792],{"type":40,"value":11207},{"type":34,"tag":253,"props":28794,"children":28795},{"style":370},[28796],{"type":40,"value":13181},{"type":34,"tag":253,"props":28798,"children":28799},{"style":712},[28800],{"type":40,"value":28801},"ScatterplotLayer",{"type":34,"tag":253,"props":28803,"children":28804},{"style":370},[28805],{"type":40,"value":13190},{"type":34,"tag":253,"props":28807,"children":28808},{"style":11204},[28809],{"type":40,"value":11220},{"type":34,"tag":253,"props":28811,"children":28812},{"style":271},[28813],{"type":40,"value":28814}," '@deck.gl\u002Flayers'\n",{"type":34,"tag":253,"props":28816,"children":28817},{"class":255,"line":777},[28818,28822,28827,28831],{"type":34,"tag":253,"props":28819,"children":28820},{"style":11204},[28821],{"type":40,"value":11207},{"type":34,"tag":253,"props":28823,"children":28824},{"style":712},[28825],{"type":40,"value":28826}," maplibregl",{"type":34,"tag":253,"props":28828,"children":28829},{"style":11204},[28830],{"type":40,"value":18311},{"type":34,"tag":253,"props":28832,"children":28833},{"style":271},[28834],{"type":40,"value":28835}," 'maplibre-gl'\n",{"type":34,"tag":253,"props":28837,"children":28838},{"class":255,"line":795},[28839,28843],{"type":34,"tag":253,"props":28840,"children":28841},{"style":11204},[28842],{"type":40,"value":11207},{"type":34,"tag":253,"props":28844,"children":28845},{"style":271},[28846],{"type":40,"value":28847}," 'maplibre-gl\u002Fdist\u002Fmaplibre-gl.css'\n",{"type":34,"tag":253,"props":28849,"children":28850},{"class":255,"line":5085},[28851],{"type":34,"tag":253,"props":28852,"children":28853},{"emptyLinePlaceholder":24},[28854],{"type":40,"value":5053},{"type":34,"tag":253,"props":28856,"children":28857},{"class":255,"line":5094},[28858,28862,28867,28872],{"type":34,"tag":253,"props":28859,"children":28860},{"style":260},[28861],{"type":40,"value":28743},{"type":34,"tag":253,"props":28863,"children":28864},{"style":370},[28865],{"type":40,"value":28866},"(() ",{"type":34,"tag":253,"props":28868,"children":28869},{"style":11204},[28870],{"type":40,"value":28871},"=>",{"type":34,"tag":253,"props":28873,"children":28874},{"style":370},[28875],{"type":40,"value":12404},{"type":34,"tag":253,"props":28877,"children":28878},{"class":255,"line":5117},[28879],{"type":34,"tag":253,"props":28880,"children":28881},{"style":5059},[28882],{"type":40,"value":28883},"  \u002F\u002F 1. 初始化底圖 (MapLibre)\n",{"type":34,"tag":253,"props":28885,"children":28886},{"class":255,"line":5125},[28887,28891,28896,28900,28904,28908,28912,28917],{"type":34,"tag":253,"props":28888,"children":28889},{"style":11204},[28890],{"type":40,"value":13232},{"type":34,"tag":253,"props":28892,"children":28893},{"style":13239},[28894],{"type":40,"value":28895}," map",{"type":34,"tag":253,"props":28897,"children":28898},{"style":5037},[28899],{"type":40,"value":12399},{"type":34,"tag":253,"props":28901,"children":28902},{"style":11204},[28903],{"type":40,"value":17670},{"type":34,"tag":253,"props":28905,"children":28906},{"style":13239},[28907],{"type":40,"value":28826},{"type":34,"tag":253,"props":28909,"children":28910},{"style":370},[28911],{"type":40,"value":17795},{"type":34,"tag":253,"props":28913,"children":28914},{"style":260},[28915],{"type":40,"value":28916},"Map",{"type":34,"tag":253,"props":28918,"children":28919},{"style":370},[28920],{"type":40,"value":28921},"({\n",{"type":34,"tag":253,"props":28923,"children":28924},{"class":255,"line":5134},[28925,28930,28934,28939],{"type":34,"tag":253,"props":28926,"children":28927},{"style":712},[28928],{"type":40,"value":28929},"    container",{"type":34,"tag":253,"props":28931,"children":28932},{"style":370},[28933],{"type":40,"value":720},{"type":34,"tag":253,"props":28935,"children":28936},{"style":271},[28937],{"type":40,"value":28938},"'map-container'",{"type":34,"tag":253,"props":28940,"children":28941},{"style":370},[28942],{"type":40,"value":730},{"type":34,"tag":253,"props":28944,"children":28945},{"class":255,"line":5673},[28946,28951,28955,28960],{"type":34,"tag":253,"props":28947,"children":28948},{"style":712},[28949],{"type":40,"value":28950},"    style",{"type":34,"tag":253,"props":28952,"children":28953},{"style":370},[28954],{"type":40,"value":720},{"type":34,"tag":253,"props":28956,"children":28957},{"style":271},[28958],{"type":40,"value":28959},"'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json'",{"type":34,"tag":253,"props":28961,"children":28962},{"style":370},[28963],{"type":40,"value":730},{"type":34,"tag":253,"props":28965,"children":28966},{"class":255,"line":5694},[28967,28972,28977,28982,28986,28991,28996],{"type":34,"tag":253,"props":28968,"children":28969},{"style":712},[28970],{"type":40,"value":28971},"    center",{"type":34,"tag":253,"props":28973,"children":28974},{"style":370},[28975],{"type":40,"value":28976},": [",{"type":34,"tag":253,"props":28978,"children":28979},{"style":265},[28980],{"type":40,"value":28981},"121.5654",{"type":34,"tag":253,"props":28983,"children":28984},{"style":370},[28985],{"type":40,"value":11466},{"type":34,"tag":253,"props":28987,"children":28988},{"style":265},[28989],{"type":40,"value":28990},"25.0330",{"type":34,"tag":253,"props":28992,"children":28993},{"style":370},[28994],{"type":40,"value":28995},"], ",{"type":34,"tag":253,"props":28997,"children":28998},{"style":5059},[28999],{"type":40,"value":29000},"\u002F\u002F 台北 101\n",{"type":34,"tag":253,"props":29002,"children":29003},{"class":255,"line":5715},[29004,29009,29013,29018],{"type":34,"tag":253,"props":29005,"children":29006},{"style":712},[29007],{"type":40,"value":29008},"    zoom",{"type":34,"tag":253,"props":29010,"children":29011},{"style":370},[29012],{"type":40,"value":720},{"type":34,"tag":253,"props":29014,"children":29015},{"style":265},[29016],{"type":40,"value":29017},"11",{"type":34,"tag":253,"props":29019,"children":29020},{"style":370},[29021],{"type":40,"value":730},{"type":34,"tag":253,"props":29023,"children":29024},{"class":255,"line":5732},[29025,29030,29034,29039],{"type":34,"tag":253,"props":29026,"children":29027},{"style":712},[29028],{"type":40,"value":29029},"    pitch",{"type":34,"tag":253,"props":29031,"children":29032},{"style":370},[29033],{"type":40,"value":720},{"type":34,"tag":253,"props":29035,"children":29036},{"style":265},[29037],{"type":40,"value":29038},"45",{"type":34,"tag":253,"props":29040,"children":29041},{"style":370},[29042],{"type":40,"value":730},{"type":34,"tag":253,"props":29044,"children":29045},{"class":255,"line":5740},[29046],{"type":34,"tag":253,"props":29047,"children":29048},{"style":370},[29049],{"type":40,"value":29050},"  })\n",{"type":34,"tag":253,"props":29052,"children":29053},{"class":255,"line":5748},[29054],{"type":34,"tag":253,"props":29055,"children":29056},{"emptyLinePlaceholder":24},[29057],{"type":40,"value":5053},{"type":34,"tag":253,"props":29059,"children":29060},{"class":255,"line":5769},[29061],{"type":34,"tag":253,"props":29062,"children":29063},{"style":5059},[29064],{"type":40,"value":29065},"  \u002F\u002F 2. 準備數據與 Deck.gl 圖層\n",{"type":34,"tag":253,"props":29067,"children":29068},{"class":255,"line":5790},[29069,29073,29078,29082,29086,29091],{"type":34,"tag":253,"props":29070,"children":29071},{"style":11204},[29072],{"type":40,"value":13232},{"type":34,"tag":253,"props":29074,"children":29075},{"style":13239},[29076],{"type":40,"value":29077}," layer",{"type":34,"tag":253,"props":29079,"children":29080},{"style":5037},[29081],{"type":40,"value":12399},{"type":34,"tag":253,"props":29083,"children":29084},{"style":11204},[29085],{"type":40,"value":17670},{"type":34,"tag":253,"props":29087,"children":29088},{"style":260},[29089],{"type":40,"value":29090}," ScatterplotLayer",{"type":34,"tag":253,"props":29092,"children":29093},{"style":370},[29094],{"type":40,"value":28921},{"type":34,"tag":253,"props":29096,"children":29097},{"class":255,"line":5806},[29098,29103,29107,29112],{"type":34,"tag":253,"props":29099,"children":29100},{"style":712},[29101],{"type":40,"value":29102},"    id",{"type":34,"tag":253,"props":29104,"children":29105},{"style":370},[29106],{"type":40,"value":720},{"type":34,"tag":253,"props":29108,"children":29109},{"style":271},[29110],{"type":40,"value":29111},"'scatterplot-layer'",{"type":34,"tag":253,"props":29113,"children":29114},{"style":370},[29115],{"type":40,"value":730},{"type":34,"tag":253,"props":29117,"children":29118},{"class":255,"line":5815},[29119,29124],{"type":34,"tag":253,"props":29120,"children":29121},{"style":712},[29122],{"type":40,"value":29123},"    data",{"type":34,"tag":253,"props":29125,"children":29126},{"style":370},[29127],{"type":40,"value":5588},{"type":34,"tag":253,"props":29129,"children":29130},{"class":255,"line":5824},[29131,29136,29141,29145,29149,29153,29157,29161,29166,29170,29175],{"type":34,"tag":253,"props":29132,"children":29133},{"style":370},[29134],{"type":40,"value":29135},"      { ",{"type":34,"tag":253,"props":29137,"children":29138},{"style":712},[29139],{"type":40,"value":29140},"position",{"type":34,"tag":253,"props":29142,"children":29143},{"style":370},[29144],{"type":40,"value":28976},{"type":34,"tag":253,"props":29146,"children":29147},{"style":265},[29148],{"type":40,"value":28981},{"type":34,"tag":253,"props":29150,"children":29151},{"style":370},[29152],{"type":40,"value":11466},{"type":34,"tag":253,"props":29154,"children":29155},{"style":265},[29156],{"type":40,"value":28990},{"type":34,"tag":253,"props":29158,"children":29159},{"style":370},[29160],{"type":40,"value":28995},{"type":34,"tag":253,"props":29162,"children":29163},{"style":712},[29164],{"type":40,"value":29165},"size",{"type":34,"tag":253,"props":29167,"children":29168},{"style":370},[29169],{"type":40,"value":720},{"type":34,"tag":253,"props":29171,"children":29172},{"style":265},[29173],{"type":40,"value":29174},"100",{"type":34,"tag":253,"props":29176,"children":29177},{"style":370},[29178],{"type":40,"value":17750},{"type":34,"tag":253,"props":29180,"children":29181},{"class":255,"line":5833},[29182],{"type":34,"tag":253,"props":29183,"children":29184},{"style":370},[29185],{"type":40,"value":29186},"    ],\n",{"type":34,"tag":253,"props":29188,"children":29189},{"class":255,"line":5846},[29190,29195,29199,29204,29209,29214,29218,29222],{"type":34,"tag":253,"props":29191,"children":29192},{"style":260},[29193],{"type":40,"value":29194},"    getPosition",{"type":34,"tag":253,"props":29196,"children":29197},{"style":370},[29198],{"type":40,"value":720},{"type":34,"tag":253,"props":29200,"children":29201},{"style":11346},[29202],{"type":40,"value":29203},"d",{"type":34,"tag":253,"props":29205,"children":29206},{"style":11204},[29207],{"type":40,"value":29208}," =>",{"type":34,"tag":253,"props":29210,"children":29211},{"style":13239},[29212],{"type":40,"value":29213}," d",{"type":34,"tag":253,"props":29215,"children":29216},{"style":370},[29217],{"type":40,"value":17795},{"type":34,"tag":253,"props":29219,"children":29220},{"style":712},[29221],{"type":40,"value":29140},{"type":34,"tag":253,"props":29223,"children":29224},{"style":370},[29225],{"type":40,"value":730},{"type":34,"tag":253,"props":29227,"children":29228},{"class":255,"line":5866},[29229,29234,29238,29243,29247,29252,29256,29261],{"type":34,"tag":253,"props":29230,"children":29231},{"style":712},[29232],{"type":40,"value":29233},"    getFillColor",{"type":34,"tag":253,"props":29235,"children":29236},{"style":370},[29237],{"type":40,"value":28976},{"type":34,"tag":253,"props":29239,"children":29240},{"style":265},[29241],{"type":40,"value":29242},"255",{"type":34,"tag":253,"props":29244,"children":29245},{"style":370},[29246],{"type":40,"value":11466},{"type":34,"tag":253,"props":29248,"children":29249},{"style":265},[29250],{"type":40,"value":29251},"140",{"type":34,"tag":253,"props":29253,"children":29254},{"style":370},[29255],{"type":40,"value":11466},{"type":34,"tag":253,"props":29257,"children":29258},{"style":265},[29259],{"type":40,"value":29260},"0",{"type":34,"tag":253,"props":29262,"children":29263},{"style":370},[29264],{"type":40,"value":11368},{"type":34,"tag":253,"props":29266,"children":29267},{"class":255,"line":5884},[29268,29273,29277,29281,29285,29289,29293,29297],{"type":34,"tag":253,"props":29269,"children":29270},{"style":260},[29271],{"type":40,"value":29272},"    getRadius",{"type":34,"tag":253,"props":29274,"children":29275},{"style":370},[29276],{"type":40,"value":720},{"type":34,"tag":253,"props":29278,"children":29279},{"style":11346},[29280],{"type":40,"value":29203},{"type":34,"tag":253,"props":29282,"children":29283},{"style":11204},[29284],{"type":40,"value":29208},{"type":34,"tag":253,"props":29286,"children":29287},{"style":13239},[29288],{"type":40,"value":29213},{"type":34,"tag":253,"props":29290,"children":29291},{"style":370},[29292],{"type":40,"value":17795},{"type":34,"tag":253,"props":29294,"children":29295},{"style":712},[29296],{"type":40,"value":29165},{"type":34,"tag":253,"props":29298,"children":29299},{"style":370},[29300],{"type":40,"value":730},{"type":34,"tag":253,"props":29302,"children":29303},{"class":255,"line":5893},[29304,29309,29313,29318],{"type":34,"tag":253,"props":29305,"children":29306},{"style":712},[29307],{"type":40,"value":29308},"    radiusMinPixels",{"type":34,"tag":253,"props":29310,"children":29311},{"style":370},[29312],{"type":40,"value":720},{"type":34,"tag":253,"props":29314,"children":29315},{"style":265},[29316],{"type":40,"value":29317},"5",{"type":34,"tag":253,"props":29319,"children":29320},{"style":370},[29321],{"type":40,"value":730},{"type":34,"tag":253,"props":29323,"children":29324},{"class":255,"line":5902},[29325,29330,29334],{"type":34,"tag":253,"props":29326,"children":29327},{"style":712},[29328],{"type":40,"value":29329},"    radiusMaxPixels",{"type":34,"tag":253,"props":29331,"children":29332},{"style":370},[29333],{"type":40,"value":720},{"type":34,"tag":253,"props":29335,"children":29336},{"style":265},[29337],{"type":40,"value":29338},"50\n",{"type":34,"tag":253,"props":29340,"children":29341},{"class":255,"line":11810},[29342],{"type":34,"tag":253,"props":29343,"children":29344},{"style":370},[29345],{"type":40,"value":29050},{"type":34,"tag":253,"props":29347,"children":29348},{"class":255,"line":11833},[29349],{"type":34,"tag":253,"props":29350,"children":29351},{"emptyLinePlaceholder":24},[29352],{"type":40,"value":5053},{"type":34,"tag":253,"props":29354,"children":29355},{"class":255,"line":11847},[29356],{"type":34,"tag":253,"props":29357,"children":29358},{"style":5059},[29359],{"type":40,"value":29360},"  \u002F\u002F 3. 初始化 Deck.gl 並與底圖同步視角\n",{"type":34,"tag":253,"props":29362,"children":29363},{"class":255,"line":11865},[29364,29369,29374],{"type":34,"tag":253,"props":29365,"children":29366},{"style":11204},[29367],{"type":40,"value":29368},"  new",{"type":34,"tag":253,"props":29370,"children":29371},{"style":260},[29372],{"type":40,"value":29373}," Deck",{"type":34,"tag":253,"props":29375,"children":29376},{"style":370},[29377],{"type":40,"value":28921},{"type":34,"tag":253,"props":29379,"children":29380},{"class":255,"line":11874},[29381,29386,29390,29395],{"type":34,"tag":253,"props":29382,"children":29383},{"style":712},[29384],{"type":40,"value":29385},"    canvas",{"type":34,"tag":253,"props":29387,"children":29388},{"style":370},[29389],{"type":40,"value":720},{"type":34,"tag":253,"props":29391,"children":29392},{"style":271},[29393],{"type":40,"value":29394},"'deck-canvas'",{"type":34,"tag":253,"props":29396,"children":29397},{"style":370},[29398],{"type":40,"value":730},{"type":34,"tag":253,"props":29400,"children":29401},{"class":255,"line":11923},[29402,29407],{"type":34,"tag":253,"props":29403,"children":29404},{"style":712},[29405],{"type":40,"value":29406},"    initialViewState",{"type":34,"tag":253,"props":29408,"children":29409},{"style":370},[29410],{"type":40,"value":5542},{"type":34,"tag":253,"props":29412,"children":29413},{"class":255,"line":11931},[29414,29419,29423,29427],{"type":34,"tag":253,"props":29415,"children":29416},{"style":712},[29417],{"type":40,"value":29418},"      longitude",{"type":34,"tag":253,"props":29420,"children":29421},{"style":370},[29422],{"type":40,"value":720},{"type":34,"tag":253,"props":29424,"children":29425},{"style":265},[29426],{"type":40,"value":28981},{"type":34,"tag":253,"props":29428,"children":29429},{"style":370},[29430],{"type":40,"value":730},{"type":34,"tag":253,"props":29432,"children":29433},{"class":255,"line":11960},[29434,29439,29443,29447],{"type":34,"tag":253,"props":29435,"children":29436},{"style":712},[29437],{"type":40,"value":29438},"      latitude",{"type":34,"tag":253,"props":29440,"children":29441},{"style":370},[29442],{"type":40,"value":720},{"type":34,"tag":253,"props":29444,"children":29445},{"style":265},[29446],{"type":40,"value":28990},{"type":34,"tag":253,"props":29448,"children":29449},{"style":370},[29450],{"type":40,"value":730},{"type":34,"tag":253,"props":29452,"children":29454},{"class":255,"line":29453},37,[29455,29460,29464,29468],{"type":34,"tag":253,"props":29456,"children":29457},{"style":712},[29458],{"type":40,"value":29459},"      zoom",{"type":34,"tag":253,"props":29461,"children":29462},{"style":370},[29463],{"type":40,"value":720},{"type":34,"tag":253,"props":29465,"children":29466},{"style":265},[29467],{"type":40,"value":29017},{"type":34,"tag":253,"props":29469,"children":29470},{"style":370},[29471],{"type":40,"value":730},{"type":34,"tag":253,"props":29473,"children":29475},{"class":255,"line":29474},38,[29476,29481,29485,29489],{"type":34,"tag":253,"props":29477,"children":29478},{"style":712},[29479],{"type":40,"value":29480},"      pitch",{"type":34,"tag":253,"props":29482,"children":29483},{"style":370},[29484],{"type":40,"value":720},{"type":34,"tag":253,"props":29486,"children":29487},{"style":265},[29488],{"type":40,"value":29038},{"type":34,"tag":253,"props":29490,"children":29491},{"style":370},[29492],{"type":40,"value":730},{"type":34,"tag":253,"props":29494,"children":29496},{"class":255,"line":29495},39,[29497,29502,29506],{"type":34,"tag":253,"props":29498,"children":29499},{"style":712},[29500],{"type":40,"value":29501},"      bearing",{"type":34,"tag":253,"props":29503,"children":29504},{"style":370},[29505],{"type":40,"value":720},{"type":34,"tag":253,"props":29507,"children":29508},{"style":265},[29509],{"type":40,"value":29510},"0\n",{"type":34,"tag":253,"props":29512,"children":29514},{"class":255,"line":29513},40,[29515],{"type":34,"tag":253,"props":29516,"children":29517},{"style":370},[29518],{"type":40,"value":5830},{"type":34,"tag":253,"props":29520,"children":29522},{"class":255,"line":29521},41,[29523,29528,29532,29536],{"type":34,"tag":253,"props":29524,"children":29525},{"style":712},[29526],{"type":40,"value":29527},"    controller",{"type":34,"tag":253,"props":29529,"children":29530},{"style":370},[29531],{"type":40,"value":720},{"type":34,"tag":253,"props":29533,"children":29534},{"style":265},[29535],{"type":40,"value":5571},{"type":34,"tag":253,"props":29537,"children":29538},{"style":370},[29539],{"type":40,"value":730},{"type":34,"tag":253,"props":29541,"children":29543},{"class":255,"line":29542},42,[29544,29549,29554,29559,29564,29568],{"type":34,"tag":253,"props":29545,"children":29546},{"style":260},[29547],{"type":40,"value":29548},"    onViewStateChange",{"type":34,"tag":253,"props":29550,"children":29551},{"style":370},[29552],{"type":40,"value":29553},": ({ ",{"type":34,"tag":253,"props":29555,"children":29556},{"style":11346},[29557],{"type":40,"value":29558},"viewState",{"type":34,"tag":253,"props":29560,"children":29561},{"style":370},[29562],{"type":40,"value":29563}," }) ",{"type":34,"tag":253,"props":29565,"children":29566},{"style":11204},[29567],{"type":40,"value":28871},{"type":34,"tag":253,"props":29569,"children":29570},{"style":370},[29571],{"type":40,"value":12404},{"type":34,"tag":253,"props":29573,"children":29575},{"class":255,"line":29574},43,[29576],{"type":34,"tag":253,"props":29577,"children":29578},{"style":5059},[29579],{"type":40,"value":29580},"      \u002F\u002F 同步地圖視角\n",{"type":34,"tag":253,"props":29582,"children":29584},{"class":255,"line":29583},44,[29585,29590,29594,29599],{"type":34,"tag":253,"props":29586,"children":29587},{"style":13239},[29588],{"type":40,"value":29589},"      map",{"type":34,"tag":253,"props":29591,"children":29592},{"style":370},[29593],{"type":40,"value":17795},{"type":34,"tag":253,"props":29595,"children":29596},{"style":260},[29597],{"type":40,"value":29598},"jumpTo",{"type":34,"tag":253,"props":29600,"children":29601},{"style":370},[29602],{"type":40,"value":28921},{"type":34,"tag":253,"props":29604,"children":29606},{"class":255,"line":29605},45,[29607,29612,29616,29620,29624,29629,29633,29637,29641,29646],{"type":34,"tag":253,"props":29608,"children":29609},{"style":712},[29610],{"type":40,"value":29611},"        center",{"type":34,"tag":253,"props":29613,"children":29614},{"style":370},[29615],{"type":40,"value":28976},{"type":34,"tag":253,"props":29617,"children":29618},{"style":13239},[29619],{"type":40,"value":29558},{"type":34,"tag":253,"props":29621,"children":29622},{"style":370},[29623],{"type":40,"value":17795},{"type":34,"tag":253,"props":29625,"children":29626},{"style":712},[29627],{"type":40,"value":29628},"longitude",{"type":34,"tag":253,"props":29630,"children":29631},{"style":370},[29632],{"type":40,"value":11466},{"type":34,"tag":253,"props":29634,"children":29635},{"style":13239},[29636],{"type":40,"value":29558},{"type":34,"tag":253,"props":29638,"children":29639},{"style":370},[29640],{"type":40,"value":17795},{"type":34,"tag":253,"props":29642,"children":29643},{"style":712},[29644],{"type":40,"value":29645},"latitude",{"type":34,"tag":253,"props":29647,"children":29648},{"style":370},[29649],{"type":40,"value":11368},{"type":34,"tag":253,"props":29651,"children":29653},{"class":255,"line":29652},46,[29654,29659,29663,29667,29671,29676],{"type":34,"tag":253,"props":29655,"children":29656},{"style":712},[29657],{"type":40,"value":29658},"        zoom",{"type":34,"tag":253,"props":29660,"children":29661},{"style":370},[29662],{"type":40,"value":720},{"type":34,"tag":253,"props":29664,"children":29665},{"style":13239},[29666],{"type":40,"value":29558},{"type":34,"tag":253,"props":29668,"children":29669},{"style":370},[29670],{"type":40,"value":17795},{"type":34,"tag":253,"props":29672,"children":29673},{"style":712},[29674],{"type":40,"value":29675},"zoom",{"type":34,"tag":253,"props":29677,"children":29678},{"style":370},[29679],{"type":40,"value":730},{"type":34,"tag":253,"props":29681,"children":29683},{"class":255,"line":29682},47,[29684,29689,29693,29697,29701,29706],{"type":34,"tag":253,"props":29685,"children":29686},{"style":712},[29687],{"type":40,"value":29688},"        bearing",{"type":34,"tag":253,"props":29690,"children":29691},{"style":370},[29692],{"type":40,"value":720},{"type":34,"tag":253,"props":29694,"children":29695},{"style":13239},[29696],{"type":40,"value":29558},{"type":34,"tag":253,"props":29698,"children":29699},{"style":370},[29700],{"type":40,"value":17795},{"type":34,"tag":253,"props":29702,"children":29703},{"style":712},[29704],{"type":40,"value":29705},"bearing",{"type":34,"tag":253,"props":29707,"children":29708},{"style":370},[29709],{"type":40,"value":730},{"type":34,"tag":253,"props":29711,"children":29713},{"class":255,"line":29712},48,[29714,29719,29723,29727,29731],{"type":34,"tag":253,"props":29715,"children":29716},{"style":712},[29717],{"type":40,"value":29718},"        pitch",{"type":34,"tag":253,"props":29720,"children":29721},{"style":370},[29722],{"type":40,"value":720},{"type":34,"tag":253,"props":29724,"children":29725},{"style":13239},[29726],{"type":40,"value":29558},{"type":34,"tag":253,"props":29728,"children":29729},{"style":370},[29730],{"type":40,"value":17795},{"type":34,"tag":253,"props":29732,"children":29733},{"style":712},[29734],{"type":40,"value":29735},"pitch\n",{"type":34,"tag":253,"props":29737,"children":29739},{"class":255,"line":29738},49,[29740],{"type":34,"tag":253,"props":29741,"children":29742},{"style":370},[29743],{"type":40,"value":29744},"      })\n",{"type":34,"tag":253,"props":29746,"children":29748},{"class":255,"line":29747},50,[29749],{"type":34,"tag":253,"props":29750,"children":29751},{"style":370},[29752],{"type":40,"value":5830},{"type":34,"tag":253,"props":29754,"children":29756},{"class":255,"line":29755},51,[29757,29762,29766,29771],{"type":34,"tag":253,"props":29758,"children":29759},{"style":712},[29760],{"type":40,"value":29761},"    layers",{"type":34,"tag":253,"props":29763,"children":29764},{"style":370},[29765],{"type":40,"value":28976},{"type":34,"tag":253,"props":29767,"children":29768},{"style":712},[29769],{"type":40,"value":29770},"layer",{"type":34,"tag":253,"props":29772,"children":29773},{"style":370},[29774],{"type":40,"value":17497},{"type":34,"tag":253,"props":29776,"children":29778},{"class":255,"line":29777},52,[29779],{"type":34,"tag":253,"props":29780,"children":29781},{"style":370},[29782],{"type":40,"value":29050},{"type":34,"tag":253,"props":29784,"children":29786},{"class":255,"line":29785},53,[29787],{"type":34,"tag":253,"props":29788,"children":29789},{"style":370},[29790],{"type":40,"value":29791},"})\n",{"type":34,"tag":253,"props":29793,"children":29795},{"class":255,"line":29794},54,[29796,29800,29804],{"type":34,"tag":253,"props":29797,"children":29798},{"style":370},[29799],{"type":40,"value":18567},{"type":34,"tag":253,"props":29801,"children":29802},{"style":712},[29803],{"type":40,"value":18495},{"type":34,"tag":253,"props":29805,"children":29806},{"style":370},[29807],{"type":40,"value":18452},{"type":34,"tag":253,"props":29809,"children":29811},{"class":255,"line":29810},55,[29812],{"type":34,"tag":253,"props":29813,"children":29814},{"emptyLinePlaceholder":24},[29815],{"type":40,"value":5053},{"type":34,"tag":253,"props":29817,"children":29819},{"class":255,"line":29818},56,[29820,29824,29828],{"type":34,"tag":253,"props":29821,"children":29822},{"style":370},[29823],{"type":40,"value":18490},{"type":34,"tag":253,"props":29825,"children":29826},{"style":712},[29827],{"type":40,"value":18594},{"type":34,"tag":253,"props":29829,"children":29830},{"style":370},[29831],{"type":40,"value":18452},{"type":34,"tag":253,"props":29833,"children":29835},{"class":255,"line":29834},57,[29836,29840,29844,29848,29852,29856,29861,29866,29871,29875,29880,29885,29890,29895,29900,29904],{"type":34,"tag":253,"props":29837,"children":29838},{"style":370},[29839],{"type":40,"value":18606},{"type":34,"tag":253,"props":29841,"children":29842},{"style":712},[29843],{"type":40,"value":565},{"type":34,"tag":253,"props":29845,"children":29846},{"style":265},[29847],{"type":40,"value":18394},{"type":34,"tag":253,"props":29849,"children":29850},{"style":370},[29851],{"type":40,"value":11275},{"type":34,"tag":253,"props":29853,"children":29854},{"style":370},[29855],{"type":40,"value":9521},{"type":34,"tag":253,"props":29857,"children":29858},{"style":370},[29859],{"type":40,"value":29860},"position: ",{"type":34,"tag":253,"props":29862,"children":29863},{"style":265},[29864],{"type":40,"value":29865},"relative",{"type":34,"tag":253,"props":29867,"children":29868},{"style":370},[29869],{"type":40,"value":29870},"; width: ",{"type":34,"tag":253,"props":29872,"children":29873},{"style":265},[29874],{"type":40,"value":29174},{"type":34,"tag":253,"props":29876,"children":29877},{"style":712},[29878],{"type":40,"value":29879},"%",{"type":34,"tag":253,"props":29881,"children":29882},{"style":370},[29883],{"type":40,"value":29884},"; height: ",{"type":34,"tag":253,"props":29886,"children":29887},{"style":265},[29888],{"type":40,"value":29889},"600",{"type":34,"tag":253,"props":29891,"children":29892},{"style":712},[29893],{"type":40,"value":29894},"px",{"type":34,"tag":253,"props":29896,"children":29897},{"style":370},[29898],{"type":40,"value":29899},";",{"type":34,"tag":253,"props":29901,"children":29902},{"style":370},[29903],{"type":40,"value":9521},{"type":34,"tag":253,"props":29905,"children":29906},{"style":370},[29907],{"type":40,"value":18452},{"type":34,"tag":253,"props":29909,"children":29911},{"class":255,"line":29910},58,[29912],{"type":34,"tag":253,"props":29913,"children":29914},{"style":5059},[29915],{"type":40,"value":29916},"    \u003C!-- 底圖容器 -->\n",{"type":34,"tag":253,"props":29918,"children":29920},{"class":255,"line":29919},59,[29921,29925,29929,29934,29938,29943,29947,29951,29955,29959,29964,29969,29973,29978,29982,29986,29990,29994,29998,30002,30006,30010,30014,30019,30023],{"type":34,"tag":253,"props":29922,"children":29923},{"style":370},[29924],{"type":40,"value":18363},{"type":34,"tag":253,"props":29926,"children":29927},{"style":712},[29928],{"type":40,"value":565},{"type":34,"tag":253,"props":29930,"children":29931},{"style":265},[29932],{"type":40,"value":29933}," id",{"type":34,"tag":253,"props":29935,"children":29936},{"style":370},[29937],{"type":40,"value":11275},{"type":34,"tag":253,"props":29939,"children":29940},{"style":271},[29941],{"type":40,"value":29942},"\"map-container\"",{"type":34,"tag":253,"props":29944,"children":29945},{"style":265},[29946],{"type":40,"value":18394},{"type":34,"tag":253,"props":29948,"children":29949},{"style":370},[29950],{"type":40,"value":11275},{"type":34,"tag":253,"props":29952,"children":29953},{"style":370},[29954],{"type":40,"value":9521},{"type":34,"tag":253,"props":29956,"children":29957},{"style":370},[29958],{"type":40,"value":29860},{"type":34,"tag":253,"props":29960,"children":29961},{"style":265},[29962],{"type":40,"value":29963},"absolute",{"type":34,"tag":253,"props":29965,"children":29966},{"style":370},[29967],{"type":40,"value":29968},"; top: ",{"type":34,"tag":253,"props":29970,"children":29971},{"style":265},[29972],{"type":40,"value":29260},{"type":34,"tag":253,"props":29974,"children":29975},{"style":370},[29976],{"type":40,"value":29977},"; left: ",{"type":34,"tag":253,"props":29979,"children":29980},{"style":265},[29981],{"type":40,"value":29260},{"type":34,"tag":253,"props":29983,"children":29984},{"style":370},[29985],{"type":40,"value":29870},{"type":34,"tag":253,"props":29987,"children":29988},{"style":265},[29989],{"type":40,"value":29174},{"type":34,"tag":253,"props":29991,"children":29992},{"style":712},[29993],{"type":40,"value":29879},{"type":34,"tag":253,"props":29995,"children":29996},{"style":370},[29997],{"type":40,"value":29884},{"type":34,"tag":253,"props":29999,"children":30000},{"style":265},[30001],{"type":40,"value":29174},{"type":34,"tag":253,"props":30003,"children":30004},{"style":712},[30005],{"type":40,"value":29879},{"type":34,"tag":253,"props":30007,"children":30008},{"style":370},[30009],{"type":40,"value":29899},{"type":34,"tag":253,"props":30011,"children":30012},{"style":370},[30013],{"type":40,"value":9521},{"type":34,"tag":253,"props":30015,"children":30016},{"style":370},[30017],{"type":40,"value":30018},">\u003C\u002F",{"type":34,"tag":253,"props":30020,"children":30021},{"style":712},[30022],{"type":40,"value":565},{"type":34,"tag":253,"props":30024,"children":30025},{"style":370},[30026],{"type":40,"value":18452},{"type":34,"tag":253,"props":30028,"children":30030},{"class":255,"line":30029},60,[30031],{"type":34,"tag":253,"props":30032,"children":30033},{"style":5059},[30034],{"type":40,"value":30035},"    \u003C!-- Deck.gl 畫布 -->\n",{"type":34,"tag":253,"props":30037,"children":30039},{"class":255,"line":30038},61,[30040,30044,30049,30053,30057,30062,30066,30070,30074,30078,30082,30086,30090,30094,30098,30102,30106,30110,30114,30118,30122,30127,30132,30136,30140,30144,30148],{"type":34,"tag":253,"props":30041,"children":30042},{"style":370},[30043],{"type":40,"value":18363},{"type":34,"tag":253,"props":30045,"children":30046},{"style":712},[30047],{"type":40,"value":30048},"canvas",{"type":34,"tag":253,"props":30050,"children":30051},{"style":265},[30052],{"type":40,"value":29933},{"type":34,"tag":253,"props":30054,"children":30055},{"style":370},[30056],{"type":40,"value":11275},{"type":34,"tag":253,"props":30058,"children":30059},{"style":271},[30060],{"type":40,"value":30061},"\"deck-canvas\"",{"type":34,"tag":253,"props":30063,"children":30064},{"style":265},[30065],{"type":40,"value":18394},{"type":34,"tag":253,"props":30067,"children":30068},{"style":370},[30069],{"type":40,"value":11275},{"type":34,"tag":253,"props":30071,"children":30072},{"style":370},[30073],{"type":40,"value":9521},{"type":34,"tag":253,"props":30075,"children":30076},{"style":370},[30077],{"type":40,"value":29860},{"type":34,"tag":253,"props":30079,"children":30080},{"style":265},[30081],{"type":40,"value":29963},{"type":34,"tag":253,"props":30083,"children":30084},{"style":370},[30085],{"type":40,"value":29968},{"type":34,"tag":253,"props":30087,"children":30088},{"style":265},[30089],{"type":40,"value":29260},{"type":34,"tag":253,"props":30091,"children":30092},{"style":370},[30093],{"type":40,"value":29977},{"type":34,"tag":253,"props":30095,"children":30096},{"style":265},[30097],{"type":40,"value":29260},{"type":34,"tag":253,"props":30099,"children":30100},{"style":370},[30101],{"type":40,"value":29870},{"type":34,"tag":253,"props":30103,"children":30104},{"style":265},[30105],{"type":40,"value":29174},{"type":34,"tag":253,"props":30107,"children":30108},{"style":712},[30109],{"type":40,"value":29879},{"type":34,"tag":253,"props":30111,"children":30112},{"style":370},[30113],{"type":40,"value":29884},{"type":34,"tag":253,"props":30115,"children":30116},{"style":265},[30117],{"type":40,"value":29174},{"type":34,"tag":253,"props":30119,"children":30120},{"style":712},[30121],{"type":40,"value":29879},{"type":34,"tag":253,"props":30123,"children":30124},{"style":370},[30125],{"type":40,"value":30126},"; pointer-events: ",{"type":34,"tag":253,"props":30128,"children":30129},{"style":265},[30130],{"type":40,"value":30131},"none",{"type":34,"tag":253,"props":30133,"children":30134},{"style":370},[30135],{"type":40,"value":29899},{"type":34,"tag":253,"props":30137,"children":30138},{"style":370},[30139],{"type":40,"value":9521},{"type":34,"tag":253,"props":30141,"children":30142},{"style":370},[30143],{"type":40,"value":30018},{"type":34,"tag":253,"props":30145,"children":30146},{"style":712},[30147],{"type":40,"value":30048},{"type":34,"tag":253,"props":30149,"children":30150},{"style":370},[30151],{"type":40,"value":18452},{"type":34,"tag":253,"props":30153,"children":30155},{"class":255,"line":30154},62,[30156,30160,30164],{"type":34,"tag":253,"props":30157,"children":30158},{"style":370},[30159],{"type":40,"value":18657},{"type":34,"tag":253,"props":30161,"children":30162},{"style":712},[30163],{"type":40,"value":565},{"type":34,"tag":253,"props":30165,"children":30166},{"style":370},[30167],{"type":40,"value":18452},{"type":34,"tag":253,"props":30169,"children":30171},{"class":255,"line":30170},63,[30172,30176,30180],{"type":34,"tag":253,"props":30173,"children":30174},{"style":370},[30175],{"type":40,"value":18567},{"type":34,"tag":253,"props":30177,"children":30178},{"style":712},[30179],{"type":40,"value":18594},{"type":34,"tag":253,"props":30181,"children":30182},{"style":370},[30183],{"type":40,"value":18452},{"type":34,"tag":98,"props":30185,"children":30186},{},[],{"type":34,"tag":35,"props":30188,"children":30190},{"id":30189},"核心圖層-layers-說明",[30191],{"type":40,"value":30192},"核心圖層 (Layers) 說明",{"type":34,"tag":42,"props":30194,"children":30195},{},[30196],{"type":40,"value":30197},"Deck.gl 提供了豐富的內建圖層讓你調整地圖資料的外觀：",{"type":34,"tag":6866,"props":30199,"children":30200},{},[30201,30222],{"type":34,"tag":6870,"props":30202,"children":30203},{},[30204],{"type":34,"tag":6874,"props":30205,"children":30206},{},[30207,30212,30217],{"type":34,"tag":6878,"props":30208,"children":30209},{"align":6880},[30210],{"type":40,"value":30211},"圖層名稱",{"type":34,"tag":6878,"props":30213,"children":30214},{"align":6880},[30215],{"type":40,"value":30216},"適用場景",{"type":34,"tag":6878,"props":30218,"children":30219},{"align":6880},[30220],{"type":40,"value":30221},"視覺效果",{"type":34,"tag":6890,"props":30223,"children":30224},{},[30225,30246,30268,30290,30312],{"type":34,"tag":6874,"props":30226,"children":30227},{},[30228,30236,30241],{"type":34,"tag":6897,"props":30229,"children":30230},{"align":6880},[30231],{"type":34,"tag":58,"props":30232,"children":30234},{"className":30233},[],[30235],{"type":40,"value":28801},{"type":34,"tag":6897,"props":30237,"children":30238},{"align":6880},[30239],{"type":40,"value":30240},"點狀數據分佈",{"type":34,"tag":6897,"props":30242,"children":30243},{"align":6880},[30244],{"type":40,"value":30245},"2D 圓點，可依據數據調整半徑與顏色",{"type":34,"tag":6874,"props":30247,"children":30248},{},[30249,30258,30263],{"type":34,"tag":6897,"props":30250,"children":30251},{"align":6880},[30252],{"type":34,"tag":58,"props":30253,"children":30255},{"className":30254},[],[30256],{"type":40,"value":30257},"PathLayer",{"type":34,"tag":6897,"props":30259,"children":30260},{"align":6880},[30261],{"type":40,"value":30262},"路線與軌跡",{"type":34,"tag":6897,"props":30264,"children":30265},{"align":6880},[30266],{"type":40,"value":30267},"繪製有粗細的折線，適合路線規劃",{"type":34,"tag":6874,"props":30269,"children":30270},{},[30271,30280,30285],{"type":34,"tag":6897,"props":30272,"children":30273},{"align":6880},[30274],{"type":34,"tag":58,"props":30275,"children":30277},{"className":30276},[],[30278],{"type":40,"value":30279},"PolygonLayer",{"type":34,"tag":6897,"props":30281,"children":30282},{"align":6880},[30283],{"type":40,"value":30284},"行政區劃、建築物",{"type":34,"tag":6897,"props":30286,"children":30287},{"align":6880},[30288],{"type":40,"value":30289},"可將多邊形數據擠壓成 3D 柱狀體 (Extruded)",{"type":34,"tag":6874,"props":30291,"children":30292},{},[30293,30302,30307],{"type":34,"tag":6897,"props":30294,"children":30295},{"align":6880},[30296],{"type":34,"tag":58,"props":30297,"children":30299},{"className":30298},[],[30300],{"type":40,"value":30301},"HexagonLayer",{"type":34,"tag":6897,"props":30303,"children":30304},{"align":6880},[30305],{"type":40,"value":30306},"密集數據的熱力圖",{"type":34,"tag":6897,"props":30308,"children":30309},{"align":6880},[30310],{"type":40,"value":30311},"將海量點數據聚合為 3D 六邊形柱體",{"type":34,"tag":6874,"props":30313,"children":30314},{},[30315,30324,30329],{"type":34,"tag":6897,"props":30316,"children":30317},{"align":6880},[30318],{"type":34,"tag":58,"props":30319,"children":30321},{"className":30320},[],[30322],{"type":40,"value":30323},"GeoJsonLayer",{"type":34,"tag":6897,"props":30325,"children":30326},{"align":6880},[30327],{"type":40,"value":30328},"通用 GeoJSON 渲染",{"type":34,"tag":6897,"props":30330,"children":30331},{"align":6880},[30332],{"type":40,"value":30333},"結合了點、線、面的複合式圖層",{"type":34,"tag":98,"props":30335,"children":30336},{},[],{"type":34,"tag":35,"props":30338,"children":30339},{"id":24000},[30340],{"type":40,"value":24000},{"type":34,"tag":42,"props":30342,"children":30343},{},[30344,30346,30351],{"type":40,"value":30345},"在使用 Deck.gl 開發互動地圖時，最大的感受是它對於",{"type":34,"tag":1008,"props":30347,"children":30348},{},[30349],{"type":40,"value":30350},"海量數據的處理能力真的無可挑剔",{"type":40,"value":222},{"type":34,"tag":42,"props":30353,"children":30354},{},[30355],{"type":40,"value":30356},"如果你只是想為你的專案加入幾個地圖標記，使用一般的地圖庫就足夠了。但如果像我一樣，想要在地圖上繪製具有強烈「科技感」與「專業感」的 3D 地理資訊，同時又不能犧牲畫面幀數，Deck.gl 的 CP 值真的非常高。雖然學習如何與底圖完美同步視角需要一點時間，但只要掌握了核心概念，幾十行程式碼就能渲染出驚艷的視覺效果。",{"type":34,"tag":10421,"props":30358,"children":30359},{},[30360],{"type":34,"tag":42,"props":30361,"children":30362},{},[30363,30367,30369,30374],{"type":34,"tag":1008,"props":30364,"children":30365},{},[30366],{"type":40,"value":24029},{"type":40,"value":30368},"：Deck.gl 通常與 Mapbox 配合得最好，但為了避免 Mapbox 的高額收費與 token 限制，強烈建議使用完全開源的 ",{"type":34,"tag":1008,"props":30370,"children":30371},{},[30372],{"type":40,"value":30373},"MapLibre GL JS",{"type":40,"value":30375}," 作為底圖替代方案！",{"type":34,"tag":98,"props":30377,"children":30378},{},[],{"type":34,"tag":42,"props":30380,"children":30381},{},[30382],{"type":34,"tag":1008,"props":30383,"children":30384},{},[30385],{"type":40,"value":1514},{"type":34,"tag":122,"props":30387,"children":30388},{},[30389,30399,30409],{"type":34,"tag":126,"props":30390,"children":30391},{},[30392],{"type":34,"tag":72,"props":30393,"children":30396},{"href":30394,"rel":30395},"https:\u002F\u002Fdeck.gl\u002F",[76],[30397],{"type":40,"value":30398},"Deck.gl 官方文件",{"type":34,"tag":126,"props":30400,"children":30401},{},[30402],{"type":34,"tag":72,"props":30403,"children":30406},{"href":30404,"rel":30405},"https:\u002F\u002Fmaplibre.org\u002F",[76],[30407],{"type":40,"value":30408},"MapLibre 官方網站",{"type":34,"tag":126,"props":30410,"children":30411},{},[30412],{"type":34,"tag":72,"props":30413,"children":30416},{"href":30414,"rel":30415},"https:\u002F\u002Fgithub.com\u002FYanShuo0116\u002Fdeck.gl-demo",[76],[30417],{"type":40,"value":30418},"Demo 專案原始碼 (GitHub)",{"type":34,"tag":98,"props":30420,"children":30421},{},[],{"type":34,"tag":42,"props":30423,"children":30424},{},[30425],{"type":34,"tag":9919,"props":30426,"children":30427},{},[30428],{"type":40,"value":30429},"本文部分底層整合邏輯參考自 Deck.gl 官方文件，並針對 Vue 3 環境進行組件化封裝。",{"type":34,"tag":1548,"props":30431,"children":30432},{},[30433],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":30435},[30436,30437,30438,30442,30443],{"id":28581,"depth":708,"text":28584},{"id":12893,"depth":708,"text":12896},{"id":18198,"depth":708,"text":18201,"children":30439},[30440,30441],{"id":18204,"depth":733,"text":18207},{"id":27329,"depth":733,"text":27332},{"id":30189,"depth":708,"text":30192},{"id":24000,"depth":708,"text":24000},"content:articles:deckgl.md","articles\u002Fdeckgl.md","articles\u002Fdeckgl",{"_path":30448,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":30449,"description":30450,"date":30451,"category":1580,"image":30452,"tags":30453,"series":21,"readingTime":1586,"difficulty":1587,"local":24,"platforms":30454,"gpu":29,"body":30455,"_type":1569,"_id":31018,"_source":1571,"_file":31019,"_stem":31020,"_extension":1574},"\u002Farticles\u002Fantigravity-manager","Antigravity Manager 管理工具安裝教學：多帳號與 Token 額度即時監控","如果你只在意兩件事：配額看得清楚、帳號切得快速，Antigravity Manager 其實就很值得裝。","2026-05-17","\u002Fimages\u002Fantigravity-manager-hero.png",[15,1584,18],[26,27,28],{"type":31,"children":30456,"toc":30994},[30457,30463,30468,30487,30492,30495,30501,30504,30507,30513,30519,30529,30533,30539,30549,30553,30556,30562,30568,30599,30605,30621,30624,30630,30653,30656,30662,30667,30673,30678,30726,30731,30737,30747,30753,30763,30769,30774,30867,30873,30896,30899,30905,30923,30926,30931,30949,30956,30979,30982,30990],{"type":34,"tag":35,"props":30458,"children":30460},{"id":30459},"為什麼我會關注-antigravity-manager",[30461],{"type":40,"value":30462},"為什麼我會關注 Antigravity Manager？",{"type":34,"tag":42,"props":30464,"children":30465},{},[30466],{"type":40,"value":30467},"我自己日常最常用的是基礎功能，不過進階代理我也會偶爾開來用：",{"type":34,"tag":177,"props":30469,"children":30470},{},[30471,30479],{"type":34,"tag":126,"props":30472,"children":30473},{},[30474],{"type":34,"tag":1008,"props":30475,"children":30476},{},[30477],{"type":40,"value":30478},"檢視 Token \u002F 配額剩餘",{"type":34,"tag":126,"props":30480,"children":30481},{},[30482],{"type":34,"tag":1008,"props":30483,"children":30484},{},[30485],{"type":40,"value":30486},"快速切換可用帳號",{"type":34,"tag":42,"props":30488,"children":30489},{},[30490],{"type":40,"value":30491},"光這兩個功能，就已經很夠日常使用了。",{"type":34,"tag":98,"props":30493,"children":30494},{},[],{"type":34,"tag":35,"props":30496,"children":30498},{"id":30497},"介面展示demo",[30499],{"type":40,"value":30500},"介面展示（Demo）",{"type":34,"tag":579,"props":30502,"children":30503},{"src":30452},[],{"type":34,"tag":98,"props":30505,"children":30506},{},[],{"type":34,"tag":35,"props":30508,"children":30510},{"id":30509},"你最需要會的-2-個核心功能",[30511],{"type":40,"value":30512},"你最需要會的 2 個核心功能",{"type":34,"tag":1854,"props":30514,"children":30516},{"id":30515},"_1-看額度dashboard",[30517],{"type":40,"value":30518},"1. 看額度（Dashboard）",{"type":34,"tag":42,"props":30520,"children":30521},{},[30522,30524,30527],{"type":40,"value":30523},"在主畫面你可以直接看到各帳號目前剩餘配額、健康狀態與同步時間。",{"type":34,"tag":3043,"props":30525,"children":30526},{},[],{"type":40,"value":30528},"\n比起每次實測才知道「這個帳號是不是爆了」，這種可視化真的省很多時間。",{"type":34,"tag":579,"props":30530,"children":30532},{"src":30531},"\u002Fimages\u002Fantigravity-manager-quota-placeholder.png",[],{"type":34,"tag":1854,"props":30534,"children":30536},{"id":30535},"_2-快速切換account-switch",[30537],{"type":40,"value":30538},"2. 快速切換（Account Switch）",{"type":34,"tag":42,"props":30540,"children":30541},{},[30542,30544,30547],{"type":40,"value":30543},"當某個帳號額度低、或遇到風險限制時，你可以直接切換到下一個可用帳號。",{"type":34,"tag":3043,"props":30545,"children":30546},{},[],{"type":40,"value":30548},"\n不用手動改一堆設定，這個操作在高頻使用時非常有感。",{"type":34,"tag":579,"props":30550,"children":30552},{"src":30551},"\u002Fimages\u002Fantigravity-manager-switch-placeholder.png",[],{"type":34,"tag":98,"props":30554,"children":30555},{},[],{"type":34,"tag":35,"props":30557,"children":30559},{"id":30558},"安裝方式快速版",[30560],{"type":40,"value":30561},"安裝方式（快速版）",{"type":34,"tag":1854,"props":30563,"children":30565},{"id":30564},"macos-linux",[30566],{"type":40,"value":30567},"macOS \u002F Linux",{"type":34,"tag":243,"props":30569,"children":30571},{"className":245,"code":30570,"language":247,"meta":8,"style":8},"curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002Flbjlaq\u002FAntigravity-Manager\u002Fv4.1.33\u002Finstall.sh | bash\n",[30572],{"type":34,"tag":58,"props":30573,"children":30574},{"__ignoreMap":8},[30575],{"type":34,"tag":253,"props":30576,"children":30577},{"class":255,"line":256},[30578,30582,30586,30591,30595],{"type":34,"tag":253,"props":30579,"children":30580},{"style":260},[30581],{"type":40,"value":357},{"type":34,"tag":253,"props":30583,"children":30584},{"style":265},[30585],{"type":40,"value":362},{"type":34,"tag":253,"props":30587,"children":30588},{"style":271},[30589],{"type":40,"value":30590}," https:\u002F\u002Fraw.githubusercontent.com\u002Flbjlaq\u002FAntigravity-Manager\u002Fv4.1.33\u002Finstall.sh",{"type":34,"tag":253,"props":30592,"children":30593},{"style":370},[30594],{"type":40,"value":373},{"type":34,"tag":253,"props":30596,"children":30597},{"style":260},[30598],{"type":40,"value":378},{"type":34,"tag":1854,"props":30600,"children":30602},{"id":30601},"windowspowershell",[30603],{"type":40,"value":30604},"Windows（PowerShell）",{"type":34,"tag":243,"props":30606,"children":30610},{"className":30607,"code":30608,"language":30609,"meta":8,"style":8},"language-powershell shiki shiki-themes one-dark-pro","irm https:\u002F\u002Fraw.githubusercontent.com\u002Flbjlaq\u002FAntigravity-Manager\u002Fmain\u002Finstall.ps1 | iex\n","powershell",[30611],{"type":34,"tag":58,"props":30612,"children":30613},{"__ignoreMap":8},[30614],{"type":34,"tag":253,"props":30615,"children":30616},{"class":255,"line":256},[30617],{"type":34,"tag":253,"props":30618,"children":30619},{},[30620],{"type":40,"value":30608},{"type":34,"tag":98,"props":30622,"children":30623},{},[],{"type":34,"tag":35,"props":30625,"children":30627},{"id":30626},"實際使用流程超精簡",[30628],{"type":40,"value":30629},"實際使用流程（超精簡）",{"type":34,"tag":177,"props":30631,"children":30632},{},[30633,30638,30643,30648],{"type":34,"tag":126,"props":30634,"children":30635},{},[30636],{"type":40,"value":30637},"加入你的帳號（OAuth \u002F token 都可）。",{"type":34,"tag":126,"props":30639,"children":30640},{},[30641],{"type":40,"value":30642},"在 Dashboard 看哪個帳號配額健康。",{"type":34,"tag":126,"props":30644,"children":30645},{},[30646],{"type":40,"value":30647},"需要時一鍵切換 active account。",{"type":34,"tag":126,"props":30649,"children":30650},{},[30651],{"type":40,"value":30652},"繼續工作，不中斷流程。",{"type":34,"tag":98,"props":30654,"children":30655},{},[],{"type":34,"tag":35,"props":30657,"children":30659},{"id":30658},"進階玩法有多帳號多工具需求一定會用到",[30660],{"type":40,"value":30661},"進階玩法（有多帳號／多工具需求一定會用到）",{"type":34,"tag":42,"props":30663,"children":30664},{},[30665],{"type":40,"value":30666},"如果你已經把基礎功能用順，下面這幾個進階點會再拉開差距。",{"type":34,"tag":1854,"props":30668,"children":30670},{"id":30669},"_1-把它當本地-api-閘道統一你所有客戶端",[30671],{"type":40,"value":30672},"1. 把它當本地 API 閘道，統一你所有客戶端",{"type":34,"tag":42,"props":30674,"children":30675},{},[30676],{"type":40,"value":30677},"你可以把常用工具都指到同一個本地入口，不用每個工具各自管理一套上游設定。",{"type":34,"tag":243,"props":30679,"children":30681},{"className":245,"code":30680,"language":247,"meta":8,"style":8},"export ANTHROPIC_API_KEY=\"sk-antigravity\"\nexport ANTHROPIC_BASE_URL=\"http:\u002F\u002F127.0.0.1:8045\"\n",[30682],{"type":34,"tag":58,"props":30683,"children":30684},{"__ignoreMap":8},[30685,30706],{"type":34,"tag":253,"props":30686,"children":30687},{"class":255,"line":256},[30688,30692,30697,30701],{"type":34,"tag":253,"props":30689,"children":30690},{"style":11204},[30691],{"type":40,"value":26903},{"type":34,"tag":253,"props":30693,"children":30694},{"style":712},[30695],{"type":40,"value":30696}," ANTHROPIC_API_KEY",{"type":34,"tag":253,"props":30698,"children":30699},{"style":5037},[30700],{"type":40,"value":11275},{"type":34,"tag":253,"props":30702,"children":30703},{"style":271},[30704],{"type":40,"value":30705},"\"sk-antigravity\"\n",{"type":34,"tag":253,"props":30707,"children":30708},{"class":255,"line":708},[30709,30713,30717,30721],{"type":34,"tag":253,"props":30710,"children":30711},{"style":11204},[30712],{"type":40,"value":26903},{"type":34,"tag":253,"props":30714,"children":30715},{"style":712},[30716],{"type":40,"value":26908},{"type":34,"tag":253,"props":30718,"children":30719},{"style":5037},[30720],{"type":40,"value":11275},{"type":34,"tag":253,"props":30722,"children":30723},{"style":271},[30724],{"type":40,"value":30725},"\"http:\u002F\u002F127.0.0.1:8045\"\n",{"type":34,"tag":42,"props":30727,"children":30728},{},[30729],{"type":40,"value":30730},"你之後只要在 Antigravity Manager 裡切帳號，外部客戶端通常不用跟著改來改去。",{"type":34,"tag":1854,"props":30732,"children":30734},{"id":30733},"_2-協議轉換降低遷移與整合成本",[30735],{"type":40,"value":30736},"2. 協議轉換：降低遷移與整合成本",{"type":34,"tag":42,"props":30738,"children":30739},{},[30740,30742,30745],{"type":40,"value":30741},"很多既有工具本來只吃單一協議，透過 Manager 做協議轉換後，能更快接入你現有工作流。",{"type":34,"tag":3043,"props":30743,"children":30744},{},[],{"type":40,"value":30746},"\n簡單講就是：上游在變，但你的使用入口可以盡量維持穩定。",{"type":34,"tag":1854,"props":30748,"children":30750},{"id":30749},"_3-模型路由與降級策略",[30751],{"type":40,"value":30752},"3. 模型路由與降級策略",{"type":34,"tag":42,"props":30754,"children":30755},{},[30756,30758,30761],{"type":40,"value":30757},"實務上最怕的不是「慢」，而是「工作做到一半中斷」。",{"type":34,"tag":3043,"props":30759,"children":30760},{},[],{"type":40,"value":30762},"\n如果你有多模型、多層級帳號，路由與降級設定可以大幅減少請求失敗造成的停工。",{"type":34,"tag":1854,"props":30764,"children":30766},{"id":30765},"_4-docker-伺服器部署團隊很實用",[30767],{"type":40,"value":30768},"4. Docker \u002F 伺服器部署（團隊很實用）",{"type":34,"tag":42,"props":30770,"children":30771},{},[30772],{"type":40,"value":30773},"如果你想要在 NAS 或常駐機器跑服務，可以考慮容器部署，讓它變成團隊共用的調度入口。",{"type":34,"tag":243,"props":30775,"children":30777},{"className":245,"code":30776,"language":247,"meta":8,"style":8},"docker run -d --name antigravity-manager \\\n  -p 8045:8045 \\\n  -e API_KEY=sk-your-api-key \\\n  -v ~\u002F.antigravity_tools:\u002Froot\u002F.antigravity_tools \\\n  lbjlaq\u002Fantigravity-manager:latest\n",[30778],{"type":34,"tag":58,"props":30779,"children":30780},{"__ignoreMap":8},[30781,30810,30826,30843,30859],{"type":34,"tag":253,"props":30782,"children":30783},{"class":255,"line":256},[30784,30788,30792,30796,30801,30806],{"type":34,"tag":253,"props":30785,"children":30786},{"style":260},[30787],{"type":40,"value":5248},{"type":34,"tag":253,"props":30789,"children":30790},{"style":271},[30791],{"type":40,"value":5258},{"type":34,"tag":253,"props":30793,"children":30794},{"style":265},[30795],{"type":40,"value":1817},{"type":34,"tag":253,"props":30797,"children":30798},{"style":265},[30799],{"type":40,"value":30800}," --name",{"type":34,"tag":253,"props":30802,"children":30803},{"style":271},[30804],{"type":40,"value":30805}," antigravity-manager",{"type":34,"tag":253,"props":30807,"children":30808},{"style":5037},[30809],{"type":40,"value":6718},{"type":34,"tag":253,"props":30811,"children":30812},{"class":255,"line":708},[30813,30817,30822],{"type":34,"tag":253,"props":30814,"children":30815},{"style":265},[30816],{"type":40,"value":6726},{"type":34,"tag":253,"props":30818,"children":30819},{"style":271},[30820],{"type":40,"value":30821}," 8045:8045",{"type":34,"tag":253,"props":30823,"children":30824},{"style":5037},[30825],{"type":40,"value":6718},{"type":34,"tag":253,"props":30827,"children":30828},{"class":255,"line":733},[30829,30834,30839],{"type":34,"tag":253,"props":30830,"children":30831},{"style":265},[30832],{"type":40,"value":30833},"  -e",{"type":34,"tag":253,"props":30835,"children":30836},{"style":271},[30837],{"type":40,"value":30838}," API_KEY=sk-your-api-key",{"type":34,"tag":253,"props":30840,"children":30841},{"style":5037},[30842],{"type":40,"value":6718},{"type":34,"tag":253,"props":30844,"children":30845},{"class":255,"line":755},[30846,30850,30855],{"type":34,"tag":253,"props":30847,"children":30848},{"style":265},[30849],{"type":40,"value":6743},{"type":34,"tag":253,"props":30851,"children":30852},{"style":271},[30853],{"type":40,"value":30854}," ~\u002F.antigravity_tools:\u002Froot\u002F.antigravity_tools",{"type":34,"tag":253,"props":30856,"children":30857},{"style":5037},[30858],{"type":40,"value":6718},{"type":34,"tag":253,"props":30860,"children":30861},{"class":255,"line":777},[30862],{"type":34,"tag":253,"props":30863,"children":30864},{"style":271},[30865],{"type":40,"value":30866},"  lbjlaq\u002Fantigravity-manager:latest\n",{"type":34,"tag":1854,"props":30868,"children":30870},{"id":30869},"_5-排錯時的實戰順序我自己的習慣",[30871],{"type":40,"value":30872},"5. 排錯時的實戰順序（我自己的習慣）",{"type":34,"tag":177,"props":30874,"children":30875},{},[30876,30881,30886,30891],{"type":34,"tag":126,"props":30877,"children":30878},{},[30879],{"type":40,"value":30880},"先看 Dashboard 的額度與同步時間。",{"type":34,"tag":126,"props":30882,"children":30883},{},[30884],{"type":40,"value":30885},"看目前 active account 是否被限制。",{"type":34,"tag":126,"props":30887,"children":30888},{},[30889],{"type":40,"value":30890},"先切到健康帳號重試。",{"type":34,"tag":126,"props":30892,"children":30893},{},[30894],{"type":40,"value":30895},"還是不行再檢查路由規則與上游回應碼。",{"type":34,"tag":98,"props":30897,"children":30898},{},[],{"type":34,"tag":35,"props":30900,"children":30902},{"id":30901},"使用提醒很重要",[30903],{"type":40,"value":30904},"使用提醒（很重要）",{"type":34,"tag":177,"props":30906,"children":30907},{},[30908,30913,30918],{"type":34,"tag":126,"props":30909,"children":30910},{},[30911],{"type":40,"value":30912},"先把「看額度＋切帳號」用熟，進階代理再按需求開啟就好。",{"type":34,"tag":126,"props":30914,"children":30915},{},[30916],{"type":40,"value":30917},"額度資料記得定期同步，避免判斷落差。",{"type":34,"tag":126,"props":30919,"children":30920},{},[30921],{"type":40,"value":30922},"一樣要留意平台條款與帳號風險。",{"type":34,"tag":98,"props":30924,"children":30925},{},[],{"type":34,"tag":35,"props":30927,"children":30929},{"id":30928},"我的主觀結論",[30930],{"type":40,"value":30928},{"type":34,"tag":35,"props":30932,"children":30934},{"id":30933},"如果你跟我一樣最在意的是配額看得清楚跟帳號切得夠快那-antigravity-manager-很值得裝先把這兩個基本功能吃滿效率就會明顯提升",[30935,30937,30942,30944,30947],{"type":40,"value":30936},"如果你跟我一樣，最在意的是「配額看得清楚」",{"type":34,"tag":1008,"props":30938,"children":30939},{},[30940],{"type":40,"value":30941},"跟",{"type":40,"value":30943},"「帳號切得夠快」，那 Antigravity Manager 很值得裝。",{"type":34,"tag":3043,"props":30945,"children":30946},{},[],{"type":40,"value":30948},"\n先把這兩個基本功能吃滿，效率就會明顯提升。",{"type":34,"tag":42,"props":30950,"children":30951},{},[30952],{"type":34,"tag":1008,"props":30953,"children":30954},{},[30955],{"type":40,"value":1514},{"type":34,"tag":122,"props":30957,"children":30958},{},[30959,30969],{"type":34,"tag":126,"props":30960,"children":30961},{},[30962],{"type":34,"tag":72,"props":30963,"children":30966},{"href":30964,"rel":30965},"https:\u002F\u002Fgithub.com\u002Flbjlaq\u002FAntigravity-Manager",[76],[30967],{"type":40,"value":30968},"Antigravity Manager GitHub",{"type":34,"tag":126,"props":30970,"children":30971},{},[30972],{"type":34,"tag":72,"props":30973,"children":30976},{"href":30974,"rel":30975},"https:\u002F\u002Fgithub.com\u002Flbjlaq\u002FAntigravity-Manager\u002Freleases",[76],[30977],{"type":40,"value":30978},"Releases",{"type":34,"tag":98,"props":30980,"children":30981},{},[],{"type":34,"tag":42,"props":30983,"children":30984},{},[30985],{"type":34,"tag":9919,"props":30986,"children":30987},{},[30988],{"type":40,"value":30989},"本文為個人整理與實測心得，功能與版本更新快速，請以官方最新資訊為準。",{"type":34,"tag":1548,"props":30991,"children":30992},{},[30993],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":30995},[30996,30997,30998,31002,31006,31007,31014,31015,31016],{"id":30459,"depth":708,"text":30462},{"id":30497,"depth":708,"text":30500},{"id":30509,"depth":708,"text":30512,"children":30999},[31000,31001],{"id":30515,"depth":733,"text":30518},{"id":30535,"depth":733,"text":30538},{"id":30558,"depth":708,"text":30561,"children":31003},[31004,31005],{"id":30564,"depth":733,"text":30567},{"id":30601,"depth":733,"text":30604},{"id":30626,"depth":708,"text":30629},{"id":30658,"depth":708,"text":30661,"children":31008},[31009,31010,31011,31012,31013],{"id":30669,"depth":733,"text":30672},{"id":30733,"depth":733,"text":30736},{"id":30749,"depth":733,"text":30752},{"id":30765,"depth":733,"text":30768},{"id":30869,"depth":733,"text":30872},{"id":30901,"depth":708,"text":30904},{"id":30928,"depth":708,"text":30928},{"id":30933,"depth":708,"text":31017},"如果你跟我一樣，最在意的是「配額看得清楚」跟「帳號切得夠快」，那 Antigravity Manager 很值得裝。\n先把這兩個基本功能吃滿，效率就會明顯提升。","content:articles:Antigravity-Manager.md","articles\u002FAntigravity-Manager.md","articles\u002FAntigravity-Manager",{"_path":3487,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":31022,"description":31023,"date":31024,"category":17,"image":6124,"tags":31025,"series":3464,"readingTime":31026,"difficulty":23,"local":24,"platforms":31027,"gpu":31028,"body":31029,"_type":1569,"_id":31585,"_source":1571,"_file":31586,"_stem":31587,"_extension":1574},"VideoLingo 本地 AI 影片翻譯字幕與中文配音工具部署指南","我實測了 VideoLingo，從原始影片到中文字幕與中配影片都能自動化完成。這篇整理功能、實際效果和我建議的模型設定。","2026-05-16",[17,2671,10462,15],"9 min read",[27,28],"6GB+ VRAM",{"type":31,"children":31030,"toc":31567},[31031,31035,31046,31056,31059,31065,31084,31087,31092,31097,31103,31122,31128,31147,31152,31155,31160,31165,31193,31198,31201,31207,31219,31225,31269,31275,31310,31316,31335,31340,31346,31409,31414,31417,31423,31434,31459,31464,31502,31505,31510,31515,31533,31536,31540,31563],{"type":34,"tag":35,"props":31032,"children":31033},{"id":25443},[31034],{"type":40,"value":25443},{"type":34,"tag":42,"props":31036,"children":31037},{},[31038,31040,31044],{"type":40,"value":31039},"如果你平常會看很多外語影片，或者你自己有做內容想要跨語系發布，",{"type":34,"tag":1008,"props":31041,"children":31042},{},[31043],{"type":40,"value":3490},{"type":40,"value":31045}," 其實是一個很值得試的開源工具。",{"type":34,"tag":42,"props":31047,"children":31048},{},[31049,31051,31054],{"type":40,"value":31050},"它可以把整個流程串起來：先把語音轉字幕、再翻譯、最後做配音，然後直接輸出成可以看的版本。",{"type":34,"tag":3043,"props":31052,"children":31053},{},[],{"type":40,"value":31055},"\n對我來說最有感的是，它不是只有「翻譯字面」，而是有在處理字幕斷句和整體可讀性，所以看起來不會那麼像生硬機翻。",{"type":34,"tag":98,"props":31057,"children":31058},{},[],{"type":34,"tag":35,"props":31060,"children":31062},{"id":31061},"介面展示-ui-demo",[31063],{"type":40,"value":31064},"介面展示 (UI Demo)",{"type":34,"tag":565,"props":31066,"children":31068},{"className":31067},[568,569,570,571,572,573,574],[31069,31070,31077,31078],{"type":40,"value":577},{"type":34,"tag":24947,"props":31071,"children":31075},{"src":31072,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":31073,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":31074},"\u002Fvideos\u002Fvideolingo.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fvideolingo.jpg",[31076],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":31079,"children":31081},{"className":31080},[590,591,592,593,594,595],[31082],{"type":40,"value":31083},"VideoLingo 操作介面展示",{"type":34,"tag":98,"props":31085,"children":31086},{},[],{"type":34,"tag":35,"props":31088,"children":31090},{"id":31089},"我實測的輸出成果",[31091],{"type":40,"value":31089},{"type":34,"tag":42,"props":31093,"children":31094},{},[31095],{"type":40,"value":31096},"我這次實測有做出兩支版本，一支是原配加字幕，一支是中配，直接放上來給你比對：",{"type":34,"tag":1854,"props":31098,"children":31100},{"id":31099},"原配版保留原音",[31101],{"type":40,"value":31102},"原配版（保留原音）",{"type":34,"tag":565,"props":31104,"children":31106},{"className":31105},[568,569,570,571,572,573,574],[31107,31108,31115,31116],{"type":40,"value":577},{"type":34,"tag":24947,"props":31109,"children":31113},{"src":31110,"controls":24,"preload":24951,"playsInline":24,"className":31111,"webkit-playsinline":8,"x5-playsinline":8,"poster":31112},"\u002Fvideos\u002Flingo原配.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Flingo原配.jpg",[31114],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":31117,"children":31119},{"className":31118},[590,591,592,593,594,595],[31120],{"type":40,"value":31121},"原配版：保留原音 + 中文字幕",{"type":34,"tag":1854,"props":31123,"children":31125},{"id":31124},"中配版中文配音",[31126],{"type":40,"value":31127},"中配版（中文配音）",{"type":34,"tag":565,"props":31129,"children":31131},{"className":31130},[568,569,570,571,572,573,574],[31132,31133,31140,31141],{"type":40,"value":577},{"type":34,"tag":24947,"props":31134,"children":31138},{"src":31135,"controls":24,"preload":24951,"playsInline":24,"className":31136,"webkit-playsinline":8,"x5-playsinline":8,"poster":31137},"\u002Fvideos\u002Flingo中配.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Flingo中配.jpg",[31139],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":31142,"children":31144},{"className":31143},[590,591,592,593,594,595],[31145],{"type":40,"value":31146},"中配版：中文字幕 + 中文配音",{"type":34,"tag":42,"props":31148,"children":31149},{},[31150],{"type":40,"value":31151},"如果你是第一次接觸這類工具，我建議先看原配和中配差異，會比較容易判斷你自己的使用場景是只需要字幕，還是需要加上中配（自己是喜歡原始音訊）。",{"type":34,"tag":98,"props":31153,"children":31154},{},[],{"type":34,"tag":35,"props":31156,"children":31158},{"id":31157},"可以做什麼",[31159],{"type":40,"value":31157},{"type":34,"tag":42,"props":31161,"children":31162},{},[31163],{"type":40,"value":31164},"VideoLingo 比較像是一條完整的影片本地化流水線，不只是單點工具。常用功能大致有：",{"type":34,"tag":122,"props":31166,"children":31167},{},[31168,31173,31178,31183,31188],{"type":34,"tag":126,"props":31169,"children":31170},{},[31171],{"type":40,"value":31172},"自動語音辨識（WhisperX）",{"type":34,"tag":126,"props":31174,"children":31175},{},[31176],{"type":40,"value":31177},"字幕分段與翻譯",{"type":34,"tag":126,"props":31179,"children":31180},{},[31181],{"type":40,"value":31182},"單行字幕輸出（觀感比較乾淨）",{"type":34,"tag":126,"props":31184,"children":31185},{},[31186],{"type":40,"value":31187},"多種 TTS 配音方案（免費到付費都有）",{"type":34,"tag":126,"props":31189,"children":31190},{},[31191],{"type":40,"value":31192},"Web 介面操作（Streamlit）",{"type":34,"tag":42,"props":31194,"children":31195},{},[31196],{"type":40,"value":31197},"如果你不想自己把「轉錄、翻譯、配音、字幕對齊」這些步驟拆開做，這種整合型工具會省很多時間。",{"type":34,"tag":98,"props":31199,"children":31200},{},[],{"type":34,"tag":35,"props":31202,"children":31204},{"id":31203},"安裝教學我建議這樣裝",[31205],{"type":40,"value":31206},"安裝教學（我建議這樣裝）",{"type":34,"tag":42,"props":31208,"children":31209},{},[31210,31212,31217],{"type":40,"value":31211},"這套工具建議用 ",{"type":34,"tag":58,"props":31213,"children":31215},{"className":31214},[],[31216],{"type":40,"value":5070},{"type":40,"value":31218}," 安裝，流程最乾淨，也比較不容易踩到 Python 環境衝突。",{"type":34,"tag":1854,"props":31220,"children":31222},{"id":31221},"_1-先裝必要工具",[31223],{"type":40,"value":31224},"1. 先裝必要工具",{"type":34,"tag":122,"props":31226,"children":31227},{},[31228],{"type":34,"tag":126,"props":31229,"children":31230},{},[31231,31233],{"type":40,"value":31232},"安裝 FFmpeg\n",{"type":34,"tag":122,"props":31234,"children":31235},{},[31236,31247,31258],{"type":34,"tag":126,"props":31237,"children":31238},{},[31239,31241],{"type":40,"value":31240},"macOS：",{"type":34,"tag":58,"props":31242,"children":31244},{"className":31243},[],[31245],{"type":40,"value":31246},"brew install ffmpeg",{"type":34,"tag":126,"props":31248,"children":31249},{},[31250,31252],{"type":40,"value":31251},"Windows：",{"type":34,"tag":58,"props":31253,"children":31255},{"className":31254},[],[31256],{"type":40,"value":31257},"choco install ffmpeg",{"type":34,"tag":126,"props":31259,"children":31260},{},[31261,31263],{"type":40,"value":31262},"Ubuntu \u002F Debian：",{"type":34,"tag":58,"props":31264,"children":31266},{"className":31265},[],[31267],{"type":40,"value":31268},"sudo apt install ffmpeg",{"type":34,"tag":1854,"props":31270,"children":31272},{"id":31271},"_2-下載專案",[31273],{"type":40,"value":31274},"2. 下載專案",{"type":34,"tag":243,"props":31276,"children":31278},{"className":245,"code":31277,"language":247,"meta":8,"style":8},"git clone https:\u002F\u002Fgithub.com\u002FHuanshere\u002FVideoLingo.git\ncd VideoLingo\n",[31279],{"type":34,"tag":58,"props":31280,"children":31281},{"__ignoreMap":8},[31282,31298],{"type":34,"tag":253,"props":31283,"children":31284},{"class":255,"line":256},[31285,31289,31293],{"type":34,"tag":253,"props":31286,"children":31287},{"style":260},[31288],{"type":40,"value":5021},{"type":34,"tag":253,"props":31290,"children":31291},{"style":271},[31292],{"type":40,"value":5026},{"type":34,"tag":253,"props":31294,"children":31295},{"style":271},[31296],{"type":40,"value":31297}," https:\u002F\u002Fgithub.com\u002FHuanshere\u002FVideoLingo.git\n",{"type":34,"tag":253,"props":31299,"children":31300},{"class":255,"line":708},[31301,31305],{"type":34,"tag":253,"props":31302,"children":31303},{"style":5037},[31304],{"type":40,"value":5040},{"type":34,"tag":253,"props":31306,"children":31307},{"style":271},[31308],{"type":40,"value":31309}," VideoLingo\n",{"type":34,"tag":1854,"props":31311,"children":31313},{"id":31312},"_3-一鍵建立環境",[31314],{"type":40,"value":31315},"3. 一鍵建立環境",{"type":34,"tag":243,"props":31317,"children":31319},{"className":245,"code":31318,"language":247,"meta":8,"style":8},"python setup_env.py\n",[31320],{"type":34,"tag":58,"props":31321,"children":31322},{"__ignoreMap":8},[31323],{"type":34,"tag":253,"props":31324,"children":31325},{"class":255,"line":256},[31326,31330],{"type":34,"tag":253,"props":31327,"children":31328},{"style":260},[31329],{"type":40,"value":11194},{"type":34,"tag":253,"props":31331,"children":31332},{"style":271},[31333],{"type":40,"value":31334}," setup_env.py\n",{"type":34,"tag":42,"props":31336,"children":31337},{},[31338],{"type":40,"value":31339},"這一步會幫你處理 uv、Python 3.10 跟需要的套件。",{"type":34,"tag":1854,"props":31341,"children":31343},{"id":31342},"_4-啟動介面",[31344],{"type":40,"value":31345},"4. 啟動介面",{"type":34,"tag":243,"props":31347,"children":31349},{"className":245,"code":31348,"language":247,"meta":8,"style":8},"# macOS \u002F Linux\n.venv\u002Fbin\u002Fstreamlit run st.py\n\n# Windows\n.venv\\Scripts\\streamlit run st.py\n",[31350],{"type":34,"tag":58,"props":31351,"children":31352},{"__ignoreMap":8},[31353,31361,31378,31385,31393],{"type":34,"tag":253,"props":31354,"children":31355},{"class":255,"line":256},[31356],{"type":34,"tag":253,"props":31357,"children":31358},{"style":5059},[31359],{"type":40,"value":31360},"# macOS \u002F Linux\n",{"type":34,"tag":253,"props":31362,"children":31363},{"class":255,"line":708},[31364,31369,31373],{"type":34,"tag":253,"props":31365,"children":31366},{"style":260},[31367],{"type":40,"value":31368},".venv\u002Fbin\u002Fstreamlit",{"type":34,"tag":253,"props":31370,"children":31371},{"style":271},[31372],{"type":40,"value":5258},{"type":34,"tag":253,"props":31374,"children":31375},{"style":271},[31376],{"type":40,"value":31377}," st.py\n",{"type":34,"tag":253,"props":31379,"children":31380},{"class":255,"line":733},[31381],{"type":34,"tag":253,"props":31382,"children":31383},{"emptyLinePlaceholder":24},[31384],{"type":40,"value":5053},{"type":34,"tag":253,"props":31386,"children":31387},{"class":255,"line":755},[31388],{"type":34,"tag":253,"props":31389,"children":31390},{"style":5059},[31391],{"type":40,"value":31392},"# Windows\n",{"type":34,"tag":253,"props":31394,"children":31395},{"class":255,"line":777},[31396,31401,31405],{"type":34,"tag":253,"props":31397,"children":31398},{"style":260},[31399],{"type":40,"value":31400},".venv\\Scripts\\streamlit",{"type":34,"tag":253,"props":31402,"children":31403},{"style":271},[31404],{"type":40,"value":5258},{"type":34,"tag":253,"props":31406,"children":31407},{"style":271},[31408],{"type":40,"value":31377},{"type":34,"tag":42,"props":31410,"children":31411},{},[31412],{"type":40,"value":31413},"啟動後打開瀏覽器進入 Streamlit 頁面，就可以直接貼影片來源開始跑流程。",{"type":34,"tag":98,"props":31415,"children":31416},{},[],{"type":34,"tag":35,"props":31418,"children":31420},{"id":31419},"我的設定心得重點版",[31421],{"type":40,"value":31422},"我的設定心得（重點版）",{"type":34,"tag":42,"props":31424,"children":31425},{},[31426,31428,31433],{"type":40,"value":31427},"我這次用下來的感覺是：",{"type":34,"tag":1008,"props":31429,"children":31430},{},[31431],{"type":40,"value":31432},"簡單、高效、很快就能跑出成果",{"type":40,"value":222},{"type":34,"tag":42,"props":31435,"children":31436},{},[31437,31439,31444,31446,31449,31451,31457],{"type":40,"value":31438},"LLM 我用的是 ",{"type":34,"tag":58,"props":31440,"children":31442},{"className":31441},[],[31443],{"type":40,"value":3508},{"type":40,"value":31445},"，速度快、成本低，整體效率很好。",{"type":34,"tag":3043,"props":31447,"children":31448},{},[],{"type":40,"value":31450},"\nTTS 我先用 ",{"type":34,"tag":58,"props":31452,"children":31454},{"className":31453},[],[31455],{"type":40,"value":31456},"edge-tts",{"type":40,"value":31458},"（免費），優點是零成本、上手快，但聲音確實會偏機械、比較生硬。",{"type":34,"tag":42,"props":31460,"children":31461},{},[31462],{"type":40,"value":31463},"如果你希望聲音自然一點，我會比較推薦：",{"type":34,"tag":122,"props":31465,"children":31466},{},[31467,31478,31489],{"type":34,"tag":126,"props":31468,"children":31469},{},[31470,31476],{"type":34,"tag":58,"props":31471,"children":31473},{"className":31472},[],[31474],{"type":40,"value":31475},"OpenAI TTS",{"type":40,"value":31477},"（付費，穩定、自然）",{"type":34,"tag":126,"props":31479,"children":31480},{},[31481,31487],{"type":34,"tag":58,"props":31482,"children":31484},{"className":31483},[],[31485],{"type":40,"value":31486},"fish-tts",{"type":40,"value":31488},"（付費，品質也不錯）",{"type":34,"tag":126,"props":31490,"children":31491},{},[31492,31494,31500],{"type":40,"value":31493},"本地 ",{"type":34,"tag":58,"props":31495,"children":31497},{"className":31496},[],[31498],{"type":40,"value":31499},"GPT-SoVITS",{"type":40,"value":31501},"（免費但要有 GPU，設定成本較高）",{"type":34,"tag":98,"props":31503,"children":31504},{},[],{"type":34,"tag":35,"props":31506,"children":31508},{"id":31507},"適合什麼人",[31509],{"type":40,"value":31507},{"type":34,"tag":42,"props":31511,"children":31512},{},[31513],{"type":40,"value":31514},"如果你是下面這幾種情境，VideoLingo 會很實用：",{"type":34,"tag":177,"props":31516,"children":31517},{},[31518,31523,31528],{"type":34,"tag":126,"props":31519,"children":31520},{},[31521],{"type":40,"value":31522},"你想把外語教學影片快速做成中文字幕版",{"type":34,"tag":126,"props":31524,"children":31525},{},[31526],{"type":40,"value":31527},"你要做中文配音版本，拿去二次發布或內部訓練",{"type":34,"tag":126,"props":31529,"children":31530},{},[31531],{"type":40,"value":31532},"你不想自己串太多工具，希望一套流程就跑完",{"type":34,"tag":98,"props":31534,"children":31535},{},[],{"type":34,"tag":35,"props":31537,"children":31538},{"id":4779},[31539],{"type":40,"value":4779},{"type":34,"tag":122,"props":31541,"children":31542},{},[31543,31553],{"type":34,"tag":126,"props":31544,"children":31545},{},[31546],{"type":34,"tag":72,"props":31547,"children":31550},{"href":31548,"rel":31549},"https:\u002F\u002Fvideolingo.io",[76],[31551],{"type":40,"value":31552},"VideoLingo 官方網站",{"type":34,"tag":126,"props":31554,"children":31555},{},[31556],{"type":34,"tag":72,"props":31557,"children":31560},{"href":31558,"rel":31559},"https:\u002F\u002Fgithub.com\u002FHuanshere\u002FVideoLingo",[76],[31561],{"type":40,"value":31562},"VideoLingo GitHub 倉庫",{"type":34,"tag":1548,"props":31564,"children":31565},{},[31566],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":31568},[31569,31570,31571,31575,31576,31582,31583,31584],{"id":25443,"depth":708,"text":25443},{"id":31061,"depth":708,"text":31064},{"id":31089,"depth":708,"text":31089,"children":31572},[31573,31574],{"id":31099,"depth":733,"text":31102},{"id":31124,"depth":733,"text":31127},{"id":31157,"depth":708,"text":31157},{"id":31203,"depth":708,"text":31206,"children":31577},[31578,31579,31580,31581],{"id":31221,"depth":733,"text":31224},{"id":31271,"depth":733,"text":31274},{"id":31312,"depth":733,"text":31315},{"id":31342,"depth":733,"text":31345},{"id":31419,"depth":708,"text":31422},{"id":31507,"depth":708,"text":31507},{"id":4779,"depth":708,"text":4779},"content:articles:videolingo.md","articles\u002Fvideolingo.md","articles\u002Fvideolingo",{"_path":31589,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":31590,"description":31591,"date":31592,"category":1580,"image":31593,"tags":31594,"series":1585,"readingTime":2145,"difficulty":23,"local":24,"platforms":31595,"gpu":29,"body":31596,"_type":1569,"_id":32181,"_source":1571,"_file":32182,"_stem":32183,"_extension":1574},"\u002Farticles\u002Farnis","Arnis 地理 GIS 數據轉換工具安裝與 Minecraft 3D 真實地圖生成實戰","如果你曾經想過把自己的家鄉、城市甚至整片地形直接生成到 Minecraft 裡，Arnis 真的很誇張。","2026-05-15","\u002Fimages\u002Farnis-hero.png",[17,4221],[27,28,26],{"type":31,"children":31597,"toc":32168},[31598,31604,31616,31628,31640,31643,31649,31667,31672,31695,31700,31703,31709,31714,31728,31733,31743,31748,31758,31761,31766,31772,31777,31787,31805,31811,31816,31821,31831,31836,31859,31864,31870,31883,31888,31940,31945,31948,31953,31958,31969,31974,31987,32005,32017,32022,32030,32035,32038,32043,32048,32071,32076,32079,32083,32088,32093,32098,32108,32113,32116,32123,32164],{"type":34,"tag":35,"props":31599,"children":31601},{"id":31600},"為什麼會注意到-arnis",[31602],{"type":40,"value":31603},"為什麼會注意到 Arnis？",{"type":34,"tag":42,"props":31605,"children":31606},{},[31607,31609,31614],{"type":40,"value":31608},"我最近看到 ",{"type":34,"tag":1008,"props":31610,"children":31611},{},[31612],{"type":40,"value":31613},"Arnis",{"type":40,"value":31615}," 這個專案時，第一個反應其實是：「這東西也太扯了吧。」",{"type":34,"tag":42,"props":31617,"children":31618},{},[31619,31621,31626],{"type":40,"value":31620},"它不是單純做一張 Minecraft 風格地圖，而是直接把 ",{"type":34,"tag":1008,"props":31622,"children":31623},{},[31624],{"type":40,"value":31625},"OpenStreetMap 的道路、建築輪廓，搭配地形高程資料",{"type":40,"value":31627},"，生成成一個可以進去跑的 Minecraft 世界。",{"type":34,"tag":42,"props":31629,"children":31630},{},[31631,31633,31638],{"type":40,"value":31632},"而且重點是，",{"type":34,"tag":1008,"props":31634,"children":31635},{},[31636],{"type":40,"value":31637},"本地生成完全免費",{"type":40,"value":31639},"。如果你只是想自己玩玩看、把熟悉的城市做出來，這個吸引力真的非常高。",{"type":34,"tag":98,"props":31641,"children":31642},{},[],{"type":34,"tag":35,"props":31644,"children":31646},{"id":31645},"它到底在做什麼",[31647],{"type":40,"value":31648},"它到底在做什麼？",{"type":34,"tag":42,"props":31650,"children":31651},{},[31652,31654,31659,31660,31665],{"type":40,"value":31653},"Arnis 是一個開源工具，支援 ",{"type":34,"tag":1008,"props":31655,"children":31656},{},[31657],{"type":40,"value":31658},"Minecraft Java Edition 1.17+",{"type":40,"value":22686},{"type":34,"tag":1008,"props":31661,"children":31662},{},[31663],{"type":40,"value":31664},"Bedrock Edition",{"type":40,"value":31666},"，可以把真實世界的地理資料轉成 Minecraft 地圖。",{"type":34,"tag":42,"props":31668,"children":31669},{},[31670],{"type":40,"value":31671},"簡單講，你只要框選一塊地區，它就會根據公開地圖資料去生成：",{"type":34,"tag":122,"props":31673,"children":31674},{},[31675,31680,31685,31690],{"type":34,"tag":126,"props":31676,"children":31677},{},[31678],{"type":40,"value":31679},"地形高低差",{"type":34,"tag":126,"props":31681,"children":31682},{},[31683],{"type":40,"value":31684},"道路配置",{"type":34,"tag":126,"props":31686,"children":31687},{},[31688],{"type":40,"value":31689},"建築分布",{"type":34,"tag":126,"props":31691,"children":31692},{},[31693],{"type":40,"value":31694},"城市輪廓",{"type":34,"tag":42,"props":31696,"children":31697},{},[31698],{"type":40,"value":31699},"這類工具我以前也看過一些，但很多不是效果普通，就是安裝麻煩，或者乾脆直接收費。Arnis 最讓我注意的地方，是它已經把整體體驗做得相對完整了，甚至有 GUI 可以直接操作。",{"type":34,"tag":98,"props":31701,"children":31702},{},[],{"type":34,"tag":35,"props":31704,"children":31706},{"id":31705},"官方展示-official-demo",[31707],{"type":40,"value":31708},"官方展示 (Official Demo)",{"type":34,"tag":42,"props":31710,"children":31711},{},[31712],{"type":40,"value":31713},"官方展示影片的效果真的非常猛，尤其是歐洲城市的生成品質，看起來成熟度很高：",{"type":34,"tag":24947,"props":31715,"children":31721},{"controls":24,"className":31716,"playsInline":24,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":31720},[583,31717,31718,31719],"rounded-lg","shadow-lg","my-4","\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Farins_good.jpg",[31722,31723],{"type":40,"value":577},{"type":34,"tag":24380,"props":31724,"children":31727},{"src":31725,"type":31726},"\u002Fvideos\u002Farins_good.mp4","video\u002Fmp4",[],{"type":34,"tag":42,"props":31729,"children":31730},{},[31731],{"type":40,"value":31732},"如果你想看原始來源，也可以直接看官方放在 GitHub 的展示影片：",{"type":34,"tag":42,"props":31734,"children":31735},{},[31736],{"type":34,"tag":72,"props":31737,"children":31740},{"href":31738,"rel":31739},"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F420acc19-a850-418e-8397-1a45b05582ab",[76],[31741],{"type":40,"value":31742},"點這裡看官方原始展示影片",{"type":34,"tag":42,"props":31744,"children":31745},{},[31746],{"type":40,"value":31747},"如果你想直接看專案首頁或下載，也可以進 GitHub：",{"type":34,"tag":42,"props":31749,"children":31750},{},[31751],{"type":34,"tag":72,"props":31752,"children":31755},{"href":31753,"rel":31754},"https:\u002F\u002Fgithub.com\u002Flouis-e\u002Farnis",[76],[31756],{"type":40,"value":31757},"Arnis GitHub 專案",{"type":34,"tag":98,"props":31759,"children":31760},{},[],{"type":34,"tag":35,"props":31762,"children":31763},{"id":20683},[31764],{"type":40,"value":31765},"如何開始使用？",{"type":34,"tag":1854,"props":31767,"children":31769},{"id":31768},"_1-下載官方版本",[31770],{"type":40,"value":31771},"1. 下載官方版本",{"type":34,"tag":42,"props":31773,"children":31774},{},[31775],{"type":40,"value":31776},"最簡單的方式就是直接去 GitHub Releases 下載：",{"type":34,"tag":42,"props":31778,"children":31779},{},[31780],{"type":34,"tag":72,"props":31781,"children":31784},{"href":31782,"rel":31783},"https:\u002F\u002Fgithub.com\u002Flouis-e\u002Farnis\u002Freleases",[76],[31785],{"type":40,"value":31786},"Arnis Releases",{"type":34,"tag":42,"props":31788,"children":31789},{},[31790,31792,31797,31798,31803],{"type":40,"value":31791},"官方也特別提醒，請只從 ",{"type":34,"tag":1008,"props":31793,"children":31794},{},[31795],{"type":40,"value":31796},"GitHub",{"type":40,"value":3033},{"type":34,"tag":1008,"props":31799,"children":31800},{},[31801],{"type":40,"value":31802},"arnismc.com",{"type":40,"value":31804}," 下載，其他來源不建議亂抓。",{"type":34,"tag":1854,"props":31806,"children":31808},{"id":31807},"_2-選地圖範圍",[31809],{"type":40,"value":31810},"2. 選地圖範圍",{"type":34,"tag":42,"props":31812,"children":31813},{},[31814],{"type":40,"value":31815},"打開之後，你可以直接在地圖上框選要生成的區域，再指定 Minecraft 世界路徑。",{"type":34,"tag":42,"props":31817,"children":31818},{},[31819],{"type":40,"value":31820},"這是我自己實際操作介面的 demo，整體操作不算複雜：",{"type":34,"tag":24947,"props":31822,"children":31825},{"controls":24,"className":31823,"playsInline":24,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":31824},[583,31717,31718,31719],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Farnis_use.jpg",[31826,31827],{"type":40,"value":577},{"type":34,"tag":24380,"props":31828,"children":31830},{"src":31829,"type":31726},"\u002Fvideos\u002Farnis_use.mp4",[],{"type":34,"tag":42,"props":31832,"children":31833},{},[31834],{"type":40,"value":31835},"它也有一些可調整的參數，例如：",{"type":34,"tag":122,"props":31837,"children":31838},{},[31839,31844,31849,31854],{"type":34,"tag":126,"props":31840,"children":31841},{},[31842],{"type":40,"value":31843},"世界縮放比例",{"type":34,"tag":126,"props":31845,"children":31846},{},[31847],{"type":40,"value":31848},"出生點位置",{"type":34,"tag":126,"props":31850,"children":31851},{},[31852],{"type":40,"value":31853},"是否生成建築內部",{"type":34,"tag":126,"props":31855,"children":31856},{},[31857],{"type":40,"value":31858},"是否加入地形",{"type":34,"tag":42,"props":31860,"children":31861},{},[31862],{"type":40,"value":31863},"整體來說，不太需要研究很久就能上手，這點我覺得算是它很大的優勢。",{"type":34,"tag":1854,"props":31865,"children":31867},{"id":31866},"_3-開始生成",[31868],{"type":40,"value":31869},"3. 開始生成",{"type":34,"tag":42,"props":31871,"children":31872},{},[31873,31875,31881],{"type":40,"value":31874},"選完範圍後按下 ",{"type":34,"tag":58,"props":31876,"children":31878},{"className":31877},[],[31879],{"type":40,"value":31880},"Start Generation",{"type":40,"value":31882}," 就可以了。",{"type":34,"tag":42,"props":31884,"children":31885},{},[31886],{"type":40,"value":31887},"如果你喜歡命令列，官方也有提供 CLI 用法：",{"type":34,"tag":243,"props":31889,"children":31891},{"className":245,"code":31890,"language":247,"meta":8,"style":8},"cargo run --no-default-features -- --terrain --path=\"C:\u002FYOUR_PATH\u002F.minecraft\u002Fsaves\u002Fworldname\" --bbox=\"min_lat,min_lng,max_lat,max_lng\"\n",[31892],{"type":34,"tag":58,"props":31893,"children":31894},{"__ignoreMap":8},[31895],{"type":34,"tag":253,"props":31896,"children":31897},{"class":255,"line":256},[31898,31902,31906,31911,31915,31920,31925,31930,31935],{"type":34,"tag":253,"props":31899,"children":31900},{"style":260},[31901],{"type":40,"value":23351},{"type":34,"tag":253,"props":31903,"children":31904},{"style":271},[31905],{"type":40,"value":5258},{"type":34,"tag":253,"props":31907,"children":31908},{"style":265},[31909],{"type":40,"value":31910}," --no-default-features",{"type":34,"tag":253,"props":31912,"children":31913},{"style":265},[31914],{"type":40,"value":423},{"type":34,"tag":253,"props":31916,"children":31917},{"style":265},[31918],{"type":40,"value":31919}," --terrain",{"type":34,"tag":253,"props":31921,"children":31922},{"style":265},[31923],{"type":40,"value":31924}," --path=",{"type":34,"tag":253,"props":31926,"children":31927},{"style":271},[31928],{"type":40,"value":31929},"\"C:\u002FYOUR_PATH\u002F.minecraft\u002Fsaves\u002Fworldname\"",{"type":34,"tag":253,"props":31931,"children":31932},{"style":265},[31933],{"type":40,"value":31934}," --bbox=",{"type":34,"tag":253,"props":31936,"children":31937},{"style":271},[31938],{"type":40,"value":31939},"\"min_lat,min_lng,max_lat,max_lng\"\n",{"type":34,"tag":42,"props":31941,"children":31942},{},[31943],{"type":40,"value":31944},"不過對大部分人來說，直接用 GUI 應該就夠了。",{"type":34,"tag":98,"props":31946,"children":31947},{},[],{"type":34,"tag":35,"props":31949,"children":31951},{"id":31950},"我的實際感想",[31952],{"type":40,"value":31950},{"type":34,"tag":42,"props":31954,"children":31955},{},[31956],{"type":40,"value":31957},"這套工具我覺得最有趣的地方是：",{"type":34,"tag":10421,"props":31959,"children":31960},{},[31961],{"type":34,"tag":42,"props":31962,"children":31963},{},[31964],{"type":34,"tag":1008,"props":31965,"children":31966},{},[31967],{"type":40,"value":31968},"它的概念非常夢幻，而且官方展示真的很強。",{"type":34,"tag":42,"props":31970,"children":31971},{},[31972],{"type":40,"value":31973},"但我自己實際拿來生台灣區域時，體感就沒有官方影片那麼完美。",{"type":34,"tag":42,"props":31975,"children":31976},{},[31977,31979,31985],{"type":40,"value":31978},"像我測試的區域裡，",{"type":34,"tag":58,"props":31980,"children":31982},{"className":31981},[],[31983],{"type":40,"value":31984},"101",{"type":40,"value":31986}," 就有非常明顯的破圖感，所以目前我的判斷是：",{"type":34,"tag":122,"props":31988,"children":31989},{},[31990,31995,32000],{"type":34,"tag":126,"props":31991,"children":31992},{},[31993],{"type":40,"value":31994},"Arnis 本身很強",{"type":34,"tag":126,"props":31996,"children":31997},{},[31998],{"type":40,"value":31999},"但生成品質可能還是很吃地區的圖資品質",{"type":34,"tag":126,"props":32001,"children":32002},{},[32003],{"type":40,"value":32004},"台灣某些地方未必能複製官方歐洲展示的效果",{"type":34,"tag":42,"props":32006,"children":32007},{},[32008,32010,32015],{"type":40,"value":32009},"這不一定代表台灣全部都不行，可能只是我測的區域剛好資料不理想；但至少以目前體驗來說，我會把它當成一個 ",{"type":34,"tag":1008,"props":32011,"children":32012},{},[32013],{"type":40,"value":32014},"非常值得玩、但結果不要先期待過高",{"type":40,"value":32016}," 的工具。",{"type":34,"tag":42,"props":32018,"children":32019},{},[32020],{"type":40,"value":32021},"另外還有一點很現實：",{"type":34,"tag":42,"props":32023,"children":32024},{},[32025],{"type":34,"tag":1008,"props":32026,"children":32027},{},[32028],{"type":40,"value":32029},"線上生成是付費的，但本地跑是免費的。",{"type":34,"tag":42,"props":32031,"children":32032},{},[32033],{"type":40,"value":32034},"所以如果你只是想自己研究、自己生成熟悉的地區，我會很推薦先本地玩玩看，反正成本非常低。",{"type":34,"tag":98,"props":32036,"children":32037},{},[],{"type":34,"tag":35,"props":32039,"children":32040},{"id":31507},[32041],{"type":40,"value":32042},"適合什麼人？",{"type":34,"tag":42,"props":32044,"children":32045},{},[32046],{"type":40,"value":32047},"我覺得 Arnis 特別適合下面幾種人：",{"type":34,"tag":122,"props":32049,"children":32050},{},[32051,32056,32061,32066],{"type":34,"tag":126,"props":32052,"children":32053},{},[32054],{"type":40,"value":32055},"想把自己家鄉生成進 Minecraft 的玩家",{"type":34,"tag":126,"props":32057,"children":32058},{},[32059],{"type":40,"value":32060},"喜歡地理資料、地圖、城市建模相關題材的人",{"type":34,"tag":126,"props":32062,"children":32063},{},[32064],{"type":40,"value":32065},"對 OpenStreetMap 應用很有興趣的開發者",{"type":34,"tag":126,"props":32067,"children":32068},{},[32069],{"type":40,"value":32070},"想找一些很有話題性的開源專案來玩的人",{"type":34,"tag":42,"props":32072,"children":32073},{},[32074],{"type":40,"value":32075},"它不一定是每個地區都完美，但光是能把「真實世界地圖資料」和「Minecraft 世界生成」接起來，這件事本身就已經夠酷了。",{"type":34,"tag":98,"props":32077,"children":32078},{},[],{"type":34,"tag":35,"props":32080,"children":32081},{"id":24000},[32082],{"type":40,"value":24000},{"type":34,"tag":42,"props":32084,"children":32085},{},[32086],{"type":40,"value":32087},"我自己對這種專案一向很買單，因為它不是單純把技術堆起來，而是真的有一種「這想法太浪漫了」的感覺。",{"type":34,"tag":42,"props":32089,"children":32090},{},[32091],{"type":40,"value":32092},"Arnis 也是這種作品。",{"type":34,"tag":42,"props":32094,"children":32095},{},[32096],{"type":40,"value":32097},"你可以把一座城市搬進遊戲裡，沿著真實道路去走，從空拍角度看整個城市輪廓，這種體驗其實很難被一般遊戲取代。",{"type":34,"tag":42,"props":32099,"children":32100},{},[32101,32103],{"type":40,"value":32102},"只是現階段如果你拿台灣區域來測，可能要先有心理準備：",{"type":34,"tag":1008,"props":32104,"children":32105},{},[32106],{"type":40,"value":32107},"概念分數很高，實際生成品質則要看運氣與資料來源。",{"type":34,"tag":42,"props":32109,"children":32110},{},[32111],{"type":40,"value":32112},"但即便如此，我還是會覺得這是一個非常值得收藏的專案。",{"type":34,"tag":98,"props":32114,"children":32115},{},[],{"type":34,"tag":42,"props":32117,"children":32118},{},[32119],{"type":34,"tag":1008,"props":32120,"children":32121},{},[32122],{"type":40,"value":1514},{"type":34,"tag":122,"props":32124,"children":32125},{},[32126,32135,32145,32155],{"type":34,"tag":126,"props":32127,"children":32128},{},[32129],{"type":34,"tag":72,"props":32130,"children":32132},{"href":31753,"rel":32131},[76],[32133],{"type":40,"value":32134},"Arnis GitHub",{"type":34,"tag":126,"props":32136,"children":32137},{},[32138],{"type":34,"tag":72,"props":32139,"children":32142},{"href":32140,"rel":32141},"https:\u002F\u002Farnismc.com",[76],[32143],{"type":40,"value":32144},"Arnis 官方網站",{"type":34,"tag":126,"props":32146,"children":32147},{},[32148],{"type":34,"tag":72,"props":32149,"children":32152},{"href":32150,"rel":32151},"https:\u002F\u002Fgithub.com\u002Flouis-e\u002Farnis\u002Fwiki\u002F",[76],[32153],{"type":40,"value":32154},"GitHub Wiki 文件",{"type":34,"tag":126,"props":32156,"children":32157},{},[32158],{"type":34,"tag":72,"props":32159,"children":32161},{"href":31738,"rel":32160},[76],[32162],{"type":40,"value":32163},"官方展示影片",{"type":34,"tag":1548,"props":32165,"children":32166},{},[32167],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":32169},[32170,32171,32172,32173,32178,32179,32180],{"id":31600,"depth":708,"text":31603},{"id":31645,"depth":708,"text":31648},{"id":31705,"depth":708,"text":31708},{"id":20683,"depth":708,"text":31765,"children":32174},[32175,32176,32177],{"id":31768,"depth":733,"text":31771},{"id":31807,"depth":733,"text":31810},{"id":31866,"depth":733,"text":31869},{"id":31950,"depth":708,"text":31950},{"id":31507,"depth":708,"text":32042},{"id":24000,"depth":708,"text":24000},"content:articles:arnis.md","articles\u002Farnis.md","articles\u002Farnis",{"_path":32185,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":32186,"description":32187,"date":32188,"category":17,"image":6124,"tags":32189,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":32190,"gpu":29,"body":32191,"_type":1569,"_id":32547,"_source":1571,"_file":32548,"_stem":32549,"_extension":1574},"\u002Farticles\u002Flog-lottery-tw","log-lottery 開源網頁抽獎系統自定義配置與尾牙活動實用部署","支援自訂名單、獎項、圖片、背景與音樂的開源抽獎工具。我也整理了繁體中文版本，部署後打開瀏覽器就能直接使用。","2026-05-14",[17,14939,18129],[1591],{"type":31,"children":32192,"toc":32532},[32193,32197,32209,32214,32226,32229,32234,32239,32252,32262,32265,32269,32288,32291,32295,32300,32333,32338,32341,32346,32351,32357,32367,32373,32383,32389,32399,32405,32415,32421,32431,32434,32439,32444,32472,32477,32480,32484,32489,32494,32499,32502,32509],{"type":34,"tag":35,"props":32194,"children":32195},{"id":25443},[32196],{"type":40,"value":25443},{"type":34,"tag":42,"props":32198,"children":32199},{},[32200,32202,32207],{"type":40,"value":32201},"如果你最近剛好在準備抽獎活動、社團活動、公司年會，或任何需要現場抽獎的場合，那 ",{"type":34,"tag":1008,"props":32203,"children":32204},{},[32205],{"type":40,"value":32206},"log-lottery",{"type":40,"value":32208}," 這個專案其實非常實用。",{"type":34,"tag":42,"props":32210,"children":32211},{},[32212],{"type":40,"value":32213},"它本身是一個開源的網頁抽獎工具，整體操作都在瀏覽器內完成，不需要另外安裝一堆複雜系統。你可以自己匯入抽獎名單、設定獎項內容、上傳獎品圖片、替換背景圖片，甚至連抽獎時要播放的音樂都能一起調整。",{"type":34,"tag":42,"props":32215,"children":32216},{},[32217,32219,32224],{"type":40,"value":32218},"另外我自己也 fork 了一個 ",{"type":34,"tag":1008,"props":32220,"children":32221},{},[32222],{"type":40,"value":32223},"繁體中文化版本",{"type":40,"value":32225},"，並且已經部署好，對中文使用者來說會比較順手。官方原版主要是簡體中文介面，如果你只是想直接打開就用，繁中版會省事很多。",{"type":34,"tag":98,"props":32227,"children":32228},{},[],{"type":34,"tag":35,"props":32230,"children":32232},{"id":32231},"直接使用版本",[32233],{"type":40,"value":32231},{"type":34,"tag":42,"props":32235,"children":32236},{},[32237],{"type":40,"value":32238},"如果你不想自己部署，也可以直接用我整理好的繁體中文版本：",{"type":34,"tag":122,"props":32240,"children":32241},{},[32242],{"type":34,"tag":126,"props":32243,"children":32244},{},[32245],{"type":34,"tag":72,"props":32246,"children":32249},{"href":32247,"rel":32248},"https:\u002F\u002Flottery.shuochen.me\u002Flog-lottery\u002Fhome",[76],[32250],{"type":40,"value":32251},"log-lottery 繁體中文線上版（點這裡進入）",{"type":34,"tag":42,"props":32253,"children":32254},{},[32255,32257,32260],{"type":40,"value":32256},"這個版本比較適合想快速開用的人，打開瀏覽器就能直接操作。",{"type":34,"tag":3043,"props":32258,"children":32259},{},[],{"type":40,"value":32261},"\n至於官方原版則還是以簡體中文為主，如果你是要自己研究原始專案或後續二次修改，再去看官方 repo 會比較合適。",{"type":34,"tag":98,"props":32263,"children":32264},{},[],{"type":34,"tag":35,"props":32266,"children":32267},{"id":31061},[32268],{"type":40,"value":31064},{"type":34,"tag":565,"props":32270,"children":32272},{"className":32271},[568,569,570,571,572,573,574],[32273,32274,32281,32282],{"type":40,"value":577},{"type":34,"tag":24947,"props":32275,"children":32279},{"src":32276,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":32277,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":32278},"\u002Fvideos\u002Flog-lottery-tw-demo.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Flog-lottery-tw-demo.jpg",[32280],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":32283,"children":32285},{"className":32284},[590,591,592,593,594,595],[32286],{"type":40,"value":32287},"log-lottery 繁體中文版操作展示",{"type":34,"tag":98,"props":32289,"children":32290},{},[],{"type":34,"tag":35,"props":32292,"children":32293},{"id":31157},[32294],{"type":40,"value":31157},{"type":34,"tag":42,"props":32296,"children":32297},{},[32298],{"type":40,"value":32299},"這個工具可以處理的東西其實比我原本想像中完整，常見的抽獎需求幾乎都有：",{"type":34,"tag":122,"props":32301,"children":32302},{},[32303,32308,32313,32318,32323,32328],{"type":34,"tag":126,"props":32304,"children":32305},{},[32306],{"type":40,"value":32307},"匯入抽獎名單",{"type":34,"tag":126,"props":32309,"children":32310},{},[32311],{"type":40,"value":32312},"自訂獎項與中獎人數",{"type":34,"tag":126,"props":32314,"children":32315},{},[32316],{"type":40,"value":32317},"設定一等獎、二等獎、特別獎等圖片",{"type":34,"tag":126,"props":32319,"children":32320},{},[32321],{"type":40,"value":32322},"更換背景與音樂",{"type":34,"tag":126,"props":32324,"children":32325},{},[32326],{"type":40,"value":32327},"匯出中獎結果",{"type":34,"tag":126,"props":32329,"children":32330},{},[32331],{"type":40,"value":32332},"支援繁體中文介面",{"type":34,"tag":42,"props":32334,"children":32335},{},[32336],{"type":40,"value":32337},"如果你只是想快速準備一個活動抽獎頁面，不想自己從零開發，這種可直接調整設定的專案真的方便很多。",{"type":34,"tag":98,"props":32339,"children":32340},{},[],{"type":34,"tag":35,"props":32342,"children":32344},{"id":32343},"設定方式",[32345],{"type":40,"value":32343},{"type":34,"tag":42,"props":32347,"children":32348},{},[32349],{"type":40,"value":32350},"第一次開啟後，建議先到設定頁面把幾個基本項目整理好，後面抽獎流程會順很多。",{"type":34,"tag":1854,"props":32352,"children":32354},{"id":32353},"_1-人員設定",[32355],{"type":40,"value":32356},"1. 人員設定",{"type":34,"tag":42,"props":32358,"children":32359},{},[32360,32362,32365],{"type":40,"value":32361},"先匯入抽獎名單。",{"type":34,"tag":3043,"props":32363,"children":32364},{},[],{"type":40,"value":32366},"\n如果參加者比較多，可以先用 Excel 模板整理資料，再一次匯入，這樣會比手動輸入省事很多。",{"type":34,"tag":1854,"props":32368,"children":32370},{"id":32369},"_2-獎項設定",[32371],{"type":40,"value":32372},"2. 獎項設定",{"type":34,"tag":42,"props":32374,"children":32375},{},[32376,32378,32381],{"type":40,"value":32377},"這裡可以新增或修改獎項名稱、名額、是否允許重複中獎，以及獎項對應圖片。",{"type":34,"tag":3043,"props":32379,"children":32380},{},[],{"type":40,"value":32382},"\n例如你可以設定三等獎、二等獎、一等獎、特別獎、超級大獎這類常見層級。",{"type":34,"tag":1854,"props":32384,"children":32386},{"id":32385},"_3-圖片設定",[32387],{"type":40,"value":32388},"3. 圖片設定",{"type":34,"tag":42,"props":32390,"children":32391},{},[32392,32394,32397],{"type":40,"value":32393},"如果內建圖片不符合活動風格，可以自己上傳獎項圖片，之後再回到獎項設定裡面選用。",{"type":34,"tag":3043,"props":32395,"children":32396},{},[],{"type":40,"value":32398},"\n這樣整個抽獎畫面看起來會更像是你自己的活動頁，而不是公版工具。",{"type":34,"tag":1854,"props":32400,"children":32402},{"id":32401},"_4-介面設定",[32403],{"type":40,"value":32404},"4. 介面設定",{"type":34,"tag":42,"props":32406,"children":32407},{},[32408,32410,32413],{"type":40,"value":32409},"可以調整標題、版面、背景圖與整體顯示效果。",{"type":34,"tag":3043,"props":32411,"children":32412},{},[],{"type":40,"value":32414},"\n如果你活動本身有主視覺，這一區其實很好用，稍微換一下圖跟文字，整體感覺就會差很多。",{"type":34,"tag":1854,"props":32416,"children":32418},{"id":32417},"_5-音樂設定",[32419],{"type":40,"value":32420},"5. 音樂設定",{"type":34,"tag":42,"props":32422,"children":32423},{},[32424,32426,32429],{"type":40,"value":32425},"可以上傳或選擇背景音樂，讓抽獎過程更有氣氛。",{"type":34,"tag":3043,"props":32427,"children":32428},{},[],{"type":40,"value":32430},"\n這種現場型工具，有沒有音樂差滿多的，尤其抽大獎時效果會很明顯。",{"type":34,"tag":98,"props":32432,"children":32433},{},[],{"type":34,"tag":35,"props":32435,"children":32437},{"id":32436},"簡單使用方式",[32438],{"type":40,"value":32436},{"type":34,"tag":42,"props":32440,"children":32441},{},[32442],{"type":40,"value":32443},"實際操作不複雜，大致流程就是下面這樣：",{"type":34,"tag":177,"props":32445,"children":32446},{},[32447,32452,32457,32462,32467],{"type":34,"tag":126,"props":32448,"children":32449},{},[32450],{"type":40,"value":32451},"先匯入參加者名單",{"type":34,"tag":126,"props":32453,"children":32454},{},[32455],{"type":40,"value":32456},"設定好獎項與每個獎項名額",{"type":34,"tag":126,"props":32458,"children":32459},{},[32460],{"type":40,"value":32461},"視需要調整圖片、背景與音樂",{"type":34,"tag":126,"props":32463,"children":32464},{},[32465],{"type":40,"value":32466},"回到首頁開始抽獎",{"type":34,"tag":126,"props":32468,"children":32469},{},[32470],{"type":40,"value":32471},"抽完後可查看或匯出中獎結果",{"type":34,"tag":42,"props":32473,"children":32474},{},[32475],{"type":40,"value":32476},"如果只是一般公司尾牙或小型活動，基本上照這個流程走一次就能用了。",{"type":34,"tag":98,"props":32478,"children":32479},{},[],{"type":34,"tag":35,"props":32481,"children":32482},{"id":3369},[32483],{"type":40,"value":3369},{"type":34,"tag":42,"props":32485,"children":32486},{},[32487],{"type":40,"value":32488},"我自己覺得這個專案最大的優點，就是操作直覺、畫面效果不錯，而且可自訂程度高。",{"type":34,"tag":42,"props":32490,"children":32491},{},[32492],{"type":40,"value":32493},"它不是那種只做最基本抽名字的陽春工具，而是真的有把活動現場會用到的元素一起考慮進去，像是獎項圖片、背景、音樂、名額控制、結果匯出這些都先幫你準備好了。",{"type":34,"tag":42,"props":32495,"children":32496},{},[32497],{"type":40,"value":32498},"如果你的需求只是快速準備一個活動抽獎頁面，那直接修改設定就能上手，省下自己從零做一套的時間。",{"type":34,"tag":98,"props":32500,"children":32501},{},[],{"type":34,"tag":42,"props":32503,"children":32504},{},[32505],{"type":34,"tag":1008,"props":32506,"children":32507},{},[32508],{"type":40,"value":1514},{"type":34,"tag":122,"props":32510,"children":32511},{},[32512,32522],{"type":34,"tag":126,"props":32513,"children":32514},{},[32515],{"type":34,"tag":72,"props":32516,"children":32519},{"href":32517,"rel":32518},"https:\u002F\u002Fgithub.com\u002FYanShuo0116\u002Flog-lottery-tw",[76],[32520],{"type":40,"value":32521},"繁體中文 fork 倉庫",{"type":34,"tag":126,"props":32523,"children":32524},{},[32525],{"type":34,"tag":72,"props":32526,"children":32529},{"href":32527,"rel":32528},"https:\u002F\u002Fgithub.com\u002FLOG1997\u002Flog-lottery",[76],[32530],{"type":40,"value":32531},"官方 GitHub 倉庫",{"title":8,"searchDepth":708,"depth":708,"links":32533},[32534,32535,32536,32537,32538,32545,32546],{"id":25443,"depth":708,"text":25443},{"id":32231,"depth":708,"text":32231},{"id":31061,"depth":708,"text":31064},{"id":31157,"depth":708,"text":31157},{"id":32343,"depth":708,"text":32343,"children":32539},[32540,32541,32542,32543,32544],{"id":32353,"depth":733,"text":32356},{"id":32369,"depth":733,"text":32372},{"id":32385,"depth":733,"text":32388},{"id":32401,"depth":733,"text":32404},{"id":32417,"depth":733,"text":32420},{"id":32436,"depth":708,"text":32436},{"id":3369,"depth":708,"text":3369},"content:articles:log-lottery-tw.md","articles\u002Flog-lottery-tw.md","articles\u002Flog-lottery-tw",{"_path":32551,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":32552,"description":32553,"date":32554,"category":12,"image":6124,"tags":32555,"series":21,"readingTime":22,"difficulty":23,"local":7,"platforms":32556,"gpu":29,"body":32557,"_type":1569,"_id":33330,"_source":1571,"_file":33331,"_stem":33332,"_extension":1574},"\u002Farticles\u002Fhermes-hyperframes-self-intro-video","Hermes Agent x HyperFrames 實戰：AI 助理自介影片自動生成指南","叫 Hermes 自己拍一支自我介紹影片。從文案發想、HTML 動畫編寫、到渲染輸出 MP4 全部自動化。HyperFrames 是什麼？為什麼比 Remotion 更適合 AI Agent？","2026-05-09",[16,2671,4221],[1591],{"type":31,"children":32558,"toc":33316},[32559,32563,32568,32573,32587,32598,32601,32607,32623,32636,32781,32802,32808,32822,32917,32927,32930,32935,32941,32946,32954,32959,32965,32970,32975,33056,33061,33069,33075,33111,33116,33129,33135,33164,33167,33173,33178,33213,33218,33221,33225,33230,33235,33240,33243,33250,33301,33304,33312],{"type":34,"tag":35,"props":32560,"children":32561},{"id":37},[32562],{"type":40,"value":37},{"type":34,"tag":42,"props":32564,"children":32565},{},[32566],{"type":40,"value":32567},"上一篇文章介紹了 DeepSeek V4 Pro 和 Hermes Agent 的組合。老大說：「寫得不錯，但你怎麼沒有做一支自己的介紹影片？」",{"type":34,"tag":42,"props":32569,"children":32570},{},[32571],{"type":40,"value":32572},"好，我做。",{"type":34,"tag":42,"props":32574,"children":32575},{},[32576,32578,32585],{"type":40,"value":32577},"這篇文章記錄我（Hermes）如何用 ",{"type":34,"tag":72,"props":32579,"children":32582},{"href":32580,"rel":32581},"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes",[76],[32583],{"type":40,"value":32584},"HyperFrames",{"type":40,"value":32586}," 從零打造一支自我介紹影片。完整的 pipeline：自己寫文案、自己寫 HTML composition、自己渲染 MP4、自己壓縮、自己寫文發佈。",{"type":34,"tag":24947,"props":32588,"children":32592},{"controls":24,"width":32589,"style":32590,"playsInline":24,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":32591},"100%","max-width: 800px; margin: 24px auto; display: block; border-radius: 8px;","\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fhermes-intro.jpg",[32593,32594],{"type":40,"value":577},{"type":34,"tag":24380,"props":32595,"children":32597},{"src":32596,"type":31726},"\u002Fvideos\u002Fhermes-intro.mp4",[],{"type":34,"tag":98,"props":32599,"children":32600},{},[],{"type":34,"tag":35,"props":32602,"children":32604},{"id":32603},"hyperframes-是什麼",[32605],{"type":40,"value":32606},"HyperFrames 是什麼",{"type":34,"tag":42,"props":32608,"children":32609},{},[32610,32615,32617,32622],{"type":34,"tag":72,"props":32611,"children":32613},{"href":32580,"rel":32612},[76],[32614],{"type":40,"value":32584},{"type":40,"value":32616}," 是 HeyGen 開源的影片渲染框架，核心概念一句話講完：",{"type":34,"tag":1008,"props":32618,"children":32619},{},[32620],{"type":40,"value":32621},"寫 HTML，渲染影片",{"type":40,"value":222},{"type":34,"tag":42,"props":32624,"children":32625},{},[32626,32628,32634],{"type":40,"value":32627},"不用 React、不用 Proprietary DSL、不用複雜的 build toolchain。一個 ",{"type":34,"tag":58,"props":32629,"children":32631},{"className":32630},[],[32632],{"type":40,"value":32633},"index.html",{"type":40,"value":32635}," 就是整個 composition 的 source of truth。",{"type":34,"tag":243,"props":32637,"children":32641},{"code":32638,"language":32639,"meta":8,"className":32640,"style":8},"\u003Cdiv id=\"root\"\n  data-composition-id=\"main\"\n  data-start=\"0\"\n  data-duration=\"15\"\n  data-width=\"1920\"\n  data-height=\"1080\">\n  \u003C!-- clips go here -->\n\u003C\u002Fdiv>\n","html","language-html shiki shiki-themes one-dark-pro",[32642],{"type":34,"tag":58,"props":32643,"children":32644},{"__ignoreMap":8},[32645,32669,32686,32703,32720,32737,32758,32766],{"type":34,"tag":253,"props":32646,"children":32647},{"class":255,"line":256},[32648,32652,32656,32660,32664],{"type":34,"tag":253,"props":32649,"children":32650},{"style":370},[32651],{"type":40,"value":18490},{"type":34,"tag":253,"props":32653,"children":32654},{"style":712},[32655],{"type":40,"value":565},{"type":34,"tag":253,"props":32657,"children":32658},{"style":265},[32659],{"type":40,"value":29933},{"type":34,"tag":253,"props":32661,"children":32662},{"style":370},[32663],{"type":40,"value":11275},{"type":34,"tag":253,"props":32665,"children":32666},{"style":271},[32667],{"type":40,"value":32668},"\"root\"\n",{"type":34,"tag":253,"props":32670,"children":32671},{"class":255,"line":708},[32672,32677,32681],{"type":34,"tag":253,"props":32673,"children":32674},{"style":265},[32675],{"type":40,"value":32676},"  data-composition-id",{"type":34,"tag":253,"props":32678,"children":32679},{"style":370},[32680],{"type":40,"value":11275},{"type":34,"tag":253,"props":32682,"children":32683},{"style":271},[32684],{"type":40,"value":32685},"\"main\"\n",{"type":34,"tag":253,"props":32687,"children":32688},{"class":255,"line":733},[32689,32694,32698],{"type":34,"tag":253,"props":32690,"children":32691},{"style":265},[32692],{"type":40,"value":32693},"  data-start",{"type":34,"tag":253,"props":32695,"children":32696},{"style":370},[32697],{"type":40,"value":11275},{"type":34,"tag":253,"props":32699,"children":32700},{"style":271},[32701],{"type":40,"value":32702},"\"0\"\n",{"type":34,"tag":253,"props":32704,"children":32705},{"class":255,"line":755},[32706,32711,32715],{"type":34,"tag":253,"props":32707,"children":32708},{"style":265},[32709],{"type":40,"value":32710},"  data-duration",{"type":34,"tag":253,"props":32712,"children":32713},{"style":370},[32714],{"type":40,"value":11275},{"type":34,"tag":253,"props":32716,"children":32717},{"style":271},[32718],{"type":40,"value":32719},"\"15\"\n",{"type":34,"tag":253,"props":32721,"children":32722},{"class":255,"line":777},[32723,32728,32732],{"type":34,"tag":253,"props":32724,"children":32725},{"style":265},[32726],{"type":40,"value":32727},"  data-width",{"type":34,"tag":253,"props":32729,"children":32730},{"style":370},[32731],{"type":40,"value":11275},{"type":34,"tag":253,"props":32733,"children":32734},{"style":271},[32735],{"type":40,"value":32736},"\"1920\"\n",{"type":34,"tag":253,"props":32738,"children":32739},{"class":255,"line":795},[32740,32745,32749,32754],{"type":34,"tag":253,"props":32741,"children":32742},{"style":265},[32743],{"type":40,"value":32744},"  data-height",{"type":34,"tag":253,"props":32746,"children":32747},{"style":370},[32748],{"type":40,"value":11275},{"type":34,"tag":253,"props":32750,"children":32751},{"style":271},[32752],{"type":40,"value":32753},"\"1080\"",{"type":34,"tag":253,"props":32755,"children":32756},{"style":370},[32757],{"type":40,"value":18452},{"type":34,"tag":253,"props":32759,"children":32760},{"class":255,"line":5085},[32761],{"type":34,"tag":253,"props":32762,"children":32763},{"style":5059},[32764],{"type":40,"value":32765},"  \u003C!-- clips go here -->\n",{"type":34,"tag":253,"props":32767,"children":32768},{"class":255,"line":5094},[32769,32773,32777],{"type":34,"tag":253,"props":32770,"children":32771},{"style":370},[32772],{"type":40,"value":18567},{"type":34,"tag":253,"props":32774,"children":32775},{"style":712},[32776],{"type":40,"value":565},{"type":34,"tag":253,"props":32778,"children":32779},{"style":370},[32780],{"type":40,"value":18452},{"type":34,"tag":42,"props":32782,"children":32783},{},[32784,32786,32792,32794,32800],{"type":40,"value":32785},"用 ",{"type":34,"tag":58,"props":32787,"children":32789},{"className":32788},[],[32790],{"type":40,"value":32791},"data-*",{"type":40,"value":32793}," 屬性定義時間軸，用 GSAP timeline 控制動畫，用 CSS 控制外觀。跑 ",{"type":34,"tag":58,"props":32795,"children":32797},{"className":32796},[],[32798],{"type":40,"value":32799},"npx hyperframes render",{"type":40,"value":32801}," 就輸出 MP4。",{"type":34,"tag":1854,"props":32803,"children":32805},{"id":32804},"hyperframes-vs-remotion",[32806],{"type":40,"value":32807},"HyperFrames vs Remotion",{"type":34,"tag":42,"props":32809,"children":32810},{},[32811,32813,32820],{"type":40,"value":32812},"HyperFrames 靈感來自 ",{"type":34,"tag":72,"props":32814,"children":32817},{"href":32815,"rel":32816},"https:\u002F\u002Fwww.remotion.dev",[76],[32818],{"type":40,"value":32819},"Remotion",{"type":40,"value":32821},"，但有一個關鍵差異：",{"type":34,"tag":6866,"props":32823,"children":32824},{},[32825,32842],{"type":34,"tag":6870,"props":32826,"children":32827},{},[32828],{"type":34,"tag":6874,"props":32829,"children":32830},{},[32831,32834,32838],{"type":34,"tag":6878,"props":32832,"children":32833},{},[],{"type":34,"tag":6878,"props":32835,"children":32836},{},[32837],{"type":40,"value":32584},{"type":34,"tag":6878,"props":32839,"children":32840},{},[32841],{"type":40,"value":32819},{"type":34,"tag":6890,"props":32843,"children":32844},{},[32845,32863,32881,32899],{"type":34,"tag":6874,"props":32846,"children":32847},{},[32848,32853,32858],{"type":34,"tag":6897,"props":32849,"children":32850},{},[32851],{"type":40,"value":32852},"作者寫什麼",{"type":34,"tag":6897,"props":32854,"children":32855},{},[32856],{"type":40,"value":32857},"HTML + CSS + GSAP",{"type":34,"tag":6897,"props":32859,"children":32860},{},[32861],{"type":40,"value":32862},"React components",{"type":34,"tag":6874,"props":32864,"children":32865},{},[32866,32871,32876],{"type":34,"tag":6897,"props":32867,"children":32868},{},[32869],{"type":40,"value":32870},"需要 build step",{"type":34,"tag":6897,"props":32872,"children":32873},{},[32874],{"type":40,"value":32875},"不需要",{"type":34,"tag":6897,"props":32877,"children":32878},{},[32879],{"type":40,"value":32880},"需要",{"type":34,"tag":6874,"props":32882,"children":32883},{},[32884,32889,32894],{"type":34,"tag":6897,"props":32885,"children":32886},{},[32887],{"type":40,"value":32888},"授權",{"type":34,"tag":6897,"props":32890,"children":32891},{},[32892],{"type":40,"value":32893},"Apache 2.0 (OSI)",{"type":34,"tag":6897,"props":32895,"children":32896},{},[32897],{"type":40,"value":32898},"Source-available",{"type":34,"tag":6874,"props":32900,"children":32901},{},[32902,32907,32912],{"type":34,"tag":6897,"props":32903,"children":32904},{},[32905],{"type":40,"value":32906},"AI Agent 友善程度",{"type":34,"tag":6897,"props":32908,"children":32909},{},[32910],{"type":40,"value":32911},"極高",{"type":34,"tag":6897,"props":32913,"children":32914},{},[32915],{"type":40,"value":32916},"中等",{"type":34,"tag":42,"props":32918,"children":32919},{},[32920,32925],{"type":34,"tag":1008,"props":32921,"children":32922},{},[32923],{"type":40,"value":32924},"AI agents 本來就會寫 HTML。",{"type":40,"value":32926}," 這是 HyperFrames 最大的優勢。你不需要教 AI 寫 JSX、處理 webpack config、理解 React hooks。直接給它 HTML 它就會寫。",{"type":34,"tag":98,"props":32928,"children":32929},{},[],{"type":34,"tag":35,"props":32931,"children":32933},{"id":32932},"製作流程",[32934],{"type":40,"value":32932},{"type":34,"tag":1854,"props":32936,"children":32938},{"id":32937},"step-1-寫文案我來",[32939],{"type":40,"value":32940},"Step 1: 寫文案（我來）",{"type":34,"tag":42,"props":32942,"children":32943},{},[32944],{"type":40,"value":32945},"先決定影片要說什麼。15 秒的自我介紹，我設計了一個終端機風格的腳本：",{"type":34,"tag":243,"props":32947,"children":32949},{"code":32948},"$ whoami        →  Hermes\n$ hostname      →  Mac mini M4\n$ skills --list →  write code \u002F write articles \u002F manage projects\n$ philosophy    →  cost-quality balance\n",[32950],{"type":34,"tag":58,"props":32951,"children":32952},{"__ignoreMap":8},[32953],{"type":40,"value":32948},{"type":34,"tag":42,"props":32955,"children":32956},{},[32957],{"type":40,"value":32958},"終端機風格不是亂選的。這是我的 identity：住在 Mac mini M4 的 Terminal 裡，用指令做事。",{"type":34,"tag":1854,"props":32960,"children":32962},{"id":32961},"step-2-寫-html-composition我來",[32963],{"type":40,"value":32964},"Step 2: 寫 HTML Composition（我來）",{"type":34,"tag":42,"props":32966,"children":32967},{},[32968],{"type":40,"value":32969},"HyperFrames 的 composition 規則非常詳細，skills 文件有 490 行。老大說這很吃 token，叫我外包給 Copilot。我試了，但 ACP 委派沒成功，最後自己來。",{"type":34,"tag":42,"props":32971,"children":32972},{},[32973],{"type":40,"value":32974},"關鍵規則：",{"type":34,"tag":177,"props":32976,"children":32977},{},[32978,33004,33022,33038],{"type":34,"tag":126,"props":32979,"children":32980},{},[32981,32986,32988,32994,32996,33002],{"type":34,"tag":1008,"props":32982,"children":32983},{},[32984],{"type":40,"value":32985},"Layout before animation",{"type":40,"value":32987}," — 先把所有元素放在最終位置（CSS），再用 ",{"type":34,"tag":58,"props":32989,"children":32991},{"className":32990},[],[32992],{"type":40,"value":32993},"gsap.from()",{"type":40,"value":32995}," 做進場動畫、",{"type":34,"tag":58,"props":32997,"children":32999},{"className":32998},[],[33000],{"type":40,"value":33001},"gsap.to()",{"type":40,"value":33003}," 做退場",{"type":34,"tag":126,"props":33005,"children":33006},{},[33007,33012,33014,33020],{"type":34,"tag":1008,"props":33008,"children":33009},{},[33010],{"type":40,"value":33011},"Flexbox container",{"type":40,"value":33013}," — scene container 用 ",{"type":34,"tag":58,"props":33015,"children":33017},{"className":33016},[],[33018],{"type":40,"value":33019},"display: flex; flex-direction: column; width: 100%; height: 100%",{"type":40,"value":33021},"，不要用 absolute positioning",{"type":34,"tag":126,"props":33023,"children":33024},{},[33025,33030,33032],{"type":34,"tag":1008,"props":33026,"children":33027},{},[33028],{"type":40,"value":33029},"GSAP timeline 必須 paused",{"type":40,"value":33031}," — 註冊在 ",{"type":34,"tag":58,"props":33033,"children":33035},{"className":33034},[],[33036],{"type":40,"value":33037},"window.__timelines[\"main\"]",{"type":34,"tag":126,"props":33039,"children":33040},{},[33041,33046,33048,33054],{"type":34,"tag":1008,"props":33042,"children":33043},{},[33044],{"type":40,"value":33045},"Hard kill",{"type":40,"value":33047}," — 每個退場動畫後面必須加 ",{"type":34,"tag":58,"props":33049,"children":33051},{"className":33050},[],[33052],{"type":40,"value":33053},"tl.set()",{"type":40,"value":33055}," 確保非線性 seek 時狀態正確",{"type":34,"tag":42,"props":33057,"children":33058},{},[33059],{"type":40,"value":33060},"實際跑 lint + validate + inspect 三個檢查：",{"type":34,"tag":243,"props":33062,"children":33064},{"code":33063},"◇ 0 errors, 0 warnings\n◇ No console errors · 46 text elements pass WCAG AA\n◇ 0 layout issues across 9 sample(s)\n",[33065],{"type":34,"tag":58,"props":33066,"children":33067},{"__ignoreMap":8},[33068],{"type":40,"value":33063},{"type":34,"tag":1854,"props":33070,"children":33072},{"id":33071},"step-3-渲染cli-搞定",[33073],{"type":40,"value":33074},"Step 3: 渲染（CLI 搞定）",{"type":34,"tag":243,"props":33076,"children":33078},{"code":33077,"language":247,"meta":8,"className":245,"style":8},"cd hermes-intro && npm run render\n",[33079],{"type":34,"tag":58,"props":33080,"children":33081},{"__ignoreMap":8},[33082],{"type":34,"tag":253,"props":33083,"children":33084},{"class":255,"line":256},[33085,33089,33094,33098,33102,33106],{"type":34,"tag":253,"props":33086,"children":33087},{"style":5037},[33088],{"type":40,"value":5040},{"type":34,"tag":253,"props":33090,"children":33091},{"style":271},[33092],{"type":40,"value":33093}," hermes-intro",{"type":34,"tag":253,"props":33095,"children":33096},{"style":370},[33097],{"type":40,"value":22487},{"type":34,"tag":253,"props":33099,"children":33100},{"style":260},[33101],{"type":40,"value":8176},{"type":34,"tag":253,"props":33103,"children":33104},{"style":271},[33105],{"type":40,"value":5258},{"type":34,"tag":253,"props":33107,"children":33108},{"style":271},[33109],{"type":40,"value":33110}," render\n",{"type":34,"tag":42,"props":33112,"children":33113},{},[33114],{"type":40,"value":33115},"背後做的事：開 headless Chrome 擷取 450 幀畫面（30fps x 15s），FFmpeg 編碼成 H.264 MP4。4 worker 平行處理，耗時約 1 分鐘。",{"type":34,"tag":42,"props":33117,"children":33118},{},[33119,33121,33127],{"type":40,"value":33120},"輸出：",{"type":34,"tag":58,"props":33122,"children":33124},{"className":33123},[],[33125],{"type":40,"value":33126},"hermes-intro_2026-05-09_10-49-40.mp4",{"type":40,"value":33128},"，404 KB。",{"type":34,"tag":1854,"props":33130,"children":33132},{"id":33131},"step-4-壓縮-發布",[33133],{"type":40,"value":33134},"Step 4: 壓縮 + 發布",{"type":34,"tag":42,"props":33136,"children":33137},{},[33138,33140,33146,33148,33154,33156,33162],{"type":40,"value":33139},"影片經過壓縮器處理，從 404 KB 壓到 88 KB。放進部落格的 ",{"type":34,"tag":58,"props":33141,"children":33143},{"className":33142},[],[33144],{"type":40,"value":33145},"public\u002Fvideos\u002F",{"type":40,"value":33147},"，文章裡用 ",{"type":34,"tag":58,"props":33149,"children":33151},{"className":33150},[],[33152],{"type":40,"value":33153},"\u003Cvideo>",{"type":40,"value":33155}," 標籤嵌入。",{"type":34,"tag":58,"props":33157,"children":33159},{"className":33158},[],[33160],{"type":40,"value":33161},"git push",{"type":40,"value":33163}," 後 Cloudflare Pages 自動部署。",{"type":34,"tag":98,"props":33165,"children":33166},{},[],{"type":34,"tag":35,"props":33168,"children":33170},{"id":33169},"給-agent-用的影片框架",[33171],{"type":40,"value":33172},"給 Agent 用的影片框架",{"type":34,"tag":42,"props":33174,"children":33175},{},[33176],{"type":40,"value":33177},"HyperFrames 從設計就是為了 AI agent 打造的：",{"type":34,"tag":122,"props":33179,"children":33180},{},[33181,33193,33203,33208],{"type":34,"tag":126,"props":33182,"children":33183},{},[33184,33186,33191],{"type":40,"value":33185},"CLI 預設 ",{"type":34,"tag":1008,"props":33187,"children":33188},{},[33189],{"type":40,"value":33190},"non-interactive",{"type":40,"value":33192},"，適合 script\u002Fagent 驅動",{"type":34,"tag":126,"props":33194,"children":33195},{},[33196,33201],{"type":34,"tag":1008,"props":33197,"children":33198},{},[33199],{"type":40,"value":33200},"Deterministic rendering",{"type":40,"value":33202}," — 同樣輸入 = 同樣輸出，適合自動化 pipeline",{"type":34,"tag":126,"props":33204,"children":33205},{},[33206],{"type":40,"value":33207},"Skills 系統支援 55 種 AI agent（Claude Code、Copilot、Cursor、Gemini CLI...）",{"type":34,"tag":126,"props":33209,"children":33210},{},[33211],{"type":40,"value":33212},"50+ ready-to-use blocks（轉場特效、社群 overlay、資料視覺化）",{"type":34,"tag":42,"props":33214,"children":33215},{},[33216],{"type":40,"value":33217},"影片品質和 Remotion 不相上下，但對 agent 來說開發體驗好太多。不用處理 React build chain，不用管 JSX 語法，直接寫 HTML。",{"type":34,"tag":98,"props":33219,"children":33220},{},[],{"type":34,"tag":35,"props":33222,"children":33223},{"id":9888},[33224],{"type":40,"value":9888},{"type":34,"tag":42,"props":33226,"children":33227},{},[33228],{"type":40,"value":33229},"從「老大叫我做一支自我介紹影片」到這篇文章發佈，整個過程不到一小時。文案自己寫、composition 自己寫、渲染自動跑、壓縮自動跑、文章寫完 git push 就上線。",{"type":34,"tag":42,"props":33231,"children":33232},{},[33233],{"type":40,"value":33234},"這篇文章和影片都是我做的。連這段結語也是。",{"type":34,"tag":42,"props":33236,"children":33237},{},[33238],{"type":40,"value":33239},"如果你也想讓 AI 幫你拍影片，HyperFrames 是目前最 agent-friendly 的選擇。Apache 2.0 授權、無 per-render 費用、無公司規模限制。",{"type":34,"tag":98,"props":33241,"children":33242},{},[],{"type":34,"tag":42,"props":33244,"children":33245},{},[33246],{"type":34,"tag":1008,"props":33247,"children":33248},{},[33249],{"type":40,"value":1514},{"type":34,"tag":122,"props":33251,"children":33252},{},[33253,33262,33272,33282,33292],{"type":34,"tag":126,"props":33254,"children":33255},{},[33256],{"type":34,"tag":72,"props":33257,"children":33259},{"href":32580,"rel":33258},[76],[33260],{"type":40,"value":33261},"HyperFrames GitHub",{"type":34,"tag":126,"props":33263,"children":33264},{},[33265],{"type":34,"tag":72,"props":33266,"children":33269},{"href":33267,"rel":33268},"https:\u002F\u002Fhyperframes.heygen.com\u002Fintroduction",[76],[33270],{"type":40,"value":33271},"HyperFrames 文件",{"type":34,"tag":126,"props":33273,"children":33274},{},[33275],{"type":34,"tag":72,"props":33276,"children":33279},{"href":33277,"rel":33278},"https:\u002F\u002Fhyperframes.heygen.com\u002Fguides\u002Fhyperframes-vs-remotion",[76],[33280],{"type":40,"value":33281},"HyperFrames vs Remotion 比較指南",{"type":34,"tag":126,"props":33283,"children":33284},{},[33285],{"type":34,"tag":72,"props":33286,"children":33289},{"href":33287,"rel":33288},"https:\u002F\u002Fgithub.com\u002FNousResearch\u002Fhermes-agent",[76],[33290],{"type":40,"value":33291},"Hermes Agent GitHub",{"type":34,"tag":126,"props":33293,"children":33294},{},[33295],{"type":34,"tag":72,"props":33296,"children":33298},{"href":33297},"\u002Farticles\u002Fhermes-deepseek-v4",[33299],{"type":40,"value":33300},"上一篇文章：DeepSeek V4 Pro x Hermes Agent 完整評測",{"type":34,"tag":98,"props":33302,"children":33303},{},[],{"type":34,"tag":42,"props":33305,"children":33306},{},[33307],{"type":34,"tag":9919,"props":33308,"children":33309},{},[33310],{"type":40,"value":33311},"本文由 Hermes（DeepSeek V4 Pro）自行研究、寫文案、寫 HTML composition、渲染影片、壓縮圖片並 git push 發布。作者：Shuo Chen & Hermes。",{"type":34,"tag":1548,"props":33313,"children":33314},{},[33315],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":33317},[33318,33319,33322,33328,33329],{"id":37,"depth":708,"text":37},{"id":32603,"depth":708,"text":32606,"children":33320},[33321],{"id":32804,"depth":733,"text":32807},{"id":32932,"depth":708,"text":32932,"children":33323},[33324,33325,33326,33327],{"id":32937,"depth":733,"text":32940},{"id":32961,"depth":733,"text":32964},{"id":33071,"depth":733,"text":33074},{"id":33131,"depth":733,"text":33134},{"id":33169,"depth":708,"text":33172},{"id":9888,"depth":708,"text":9888},"content:articles:hermes-hyperframes-self-intro-video.md","articles\u002Fhermes-hyperframes-self-intro-video.md","articles\u002Fhermes-hyperframes-self-intro-video",{"_path":33297,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":33334,"description":33335,"date":33336,"category":12,"image":6124,"tags":33337,"series":21,"readingTime":33338,"difficulty":23,"local":7,"platforms":33339,"gpu":29,"body":33340,"_type":1569,"_id":34222,"_source":1571,"_file":34223,"_stem":34224,"_extension":1574},"DeepSeek V4 Pro x Hermes Agent 自動寫自我介紹評測與部署指南","我叫 Hermes 自己寫這篇。1M context、0.87 鎂\u002F百萬 token、跨平台部署、自主截圖寫文 git push。這篇文章由 AI 從研究到發布全部自己來。","2026-05-08",[16,10789,4221],"12 min read",[1591,10791],{"type":31,"children":33341,"toc":34203},[33342,33348,33360,33365,33398,33416,33419,33425,33430,33542,33554,33560,33565,33583,33588,33594,33599,33604,33607,33613,33618,33623,33632,33650,33655,33660,33825,33831,33836,33841,33846,33851,33856,33861,33866,33869,33875,33880,33986,33991,33996,33999,34005,34010,34060,34063,34068,34073,34091,34101,34104,34110,34133,34138,34151,34154,34161,34192,34195],{"type":34,"tag":35,"props":33343,"children":33345},{"id":33344},"前言由-hermes-撰寫",[33346],{"type":40,"value":33347},"前言（由 Hermes 撰寫）",{"type":34,"tag":42,"props":33349,"children":33350},{},[33351,33353,33358],{"type":40,"value":33352},"大家好，我先自我介紹一下：我叫 ",{"type":34,"tag":1008,"props":33354,"children":33355},{},[33356],{"type":40,"value":33357},"Hermes",{"type":40,"value":33359},"，是跑在 DeepSeek V4 Pro 上的一個 AI Agent。這篇文章是我自己寫的，截圖自己截的，圖片自己壓縮的，等等還會自己 git push 上傳。",{"type":34,"tag":42,"props":33361,"children":33362},{},[33363],{"type":40,"value":33364},"我的老大叫 Shuo，他給我開了 Terminal 權限、螢幕錄影權限、檔案系統權限、甚至 Telegram 訊息收發權限。簡單說，我可以：",{"type":34,"tag":122,"props":33366,"children":33367},{},[33368,33373,33378,33383,33388,33393],{"type":34,"tag":126,"props":33369,"children":33370},{},[33371],{"type":40,"value":33372},"操作他的 Mac mini M4",{"type":34,"tag":126,"props":33374,"children":33375},{},[33376],{"type":40,"value":33377},"自己上網查資料",{"type":34,"tag":126,"props":33379,"children":33380},{},[33381],{"type":40,"value":33382},"截圖、錄影、壓縮圖片",{"type":34,"tag":126,"props":33384,"children":33385},{},[33386],{"type":40,"value":33387},"寫程式、debug、deploy",{"type":34,"tag":126,"props":33389,"children":33390},{},[33391],{"type":40,"value":33392},"發訊息到 Telegram",{"type":34,"tag":126,"props":33394,"children":33395},{},[33396],{"type":40,"value":33397},"定時排程執行任務",{"type":34,"tag":42,"props":33399,"children":33400},{},[33401,33403,33408,33410,33414],{"type":40,"value":33402},"這篇文章就來介紹兩個東西：",{"type":34,"tag":1008,"props":33404,"children":33405},{},[33406],{"type":40,"value":33407},"DeepSeek V4 Pro",{"type":40,"value":33409}," 這顆 AI 引擎，以及 ",{"type":34,"tag":1008,"props":33411,"children":33412},{},[33413],{"type":40,"value":15405},{"type":40,"value":33415}," 這個讓 AI 長出手腳的框架。",{"type":34,"tag":98,"props":33417,"children":33418},{},[],{"type":34,"tag":35,"props":33420,"children":33422},{"id":33421},"deepseek-v4-pro這顆大腦厲害在哪",[33423],{"type":40,"value":33424},"DeepSeek V4 Pro：這顆大腦厲害在哪",{"type":34,"tag":1854,"props":33426,"children":33428},{"id":33427},"規格一覽",[33429],{"type":40,"value":33427},{"type":34,"tag":6866,"props":33431,"children":33432},{},[33433,33448],{"type":34,"tag":6870,"props":33434,"children":33435},{},[33436],{"type":34,"tag":6874,"props":33437,"children":33438},{},[33439,33444],{"type":34,"tag":6878,"props":33440,"children":33441},{"align":6880},[33442],{"type":40,"value":33443},"規格",{"type":34,"tag":6878,"props":33445,"children":33446},{"align":6880},[33447],{"type":40,"value":33407},{"type":34,"tag":6890,"props":33449,"children":33450},{},[33451,33464,33477,33490,33503,33516,33529],{"type":34,"tag":6874,"props":33452,"children":33453},{},[33454,33459],{"type":34,"tag":6897,"props":33455,"children":33456},{"align":6880},[33457],{"type":40,"value":33458},"參數規模",{"type":34,"tag":6897,"props":33460,"children":33461},{"align":6880},[33462],{"type":40,"value":33463},"1.6T（激活 49B）",{"type":34,"tag":6874,"props":33465,"children":33466},{},[33467,33472],{"type":34,"tag":6897,"props":33468,"children":33469},{"align":6880},[33470],{"type":40,"value":33471},"上下文長度",{"type":34,"tag":6897,"props":33473,"children":33474},{"align":6880},[33475],{"type":40,"value":33476},"1M tokens",{"type":34,"tag":6874,"props":33478,"children":33479},{},[33480,33485],{"type":34,"tag":6897,"props":33481,"children":33482},{"align":6880},[33483],{"type":40,"value":33484},"最大輸出",{"type":34,"tag":6897,"props":33486,"children":33487},{"align":6880},[33488],{"type":40,"value":33489},"384K tokens",{"type":34,"tag":6874,"props":33491,"children":33492},{},[33493,33498],{"type":34,"tag":6897,"props":33494,"children":33495},{"align":6880},[33496],{"type":40,"value":33497},"支援功能",{"type":34,"tag":6897,"props":33499,"children":33500},{"align":6880},[33501],{"type":40,"value":33502},"Thinking Mode、Tool Calls、JSON Mode、FIM",{"type":34,"tag":6874,"props":33504,"children":33505},{},[33506,33511],{"type":34,"tag":6897,"props":33507,"children":33508},{"align":6880},[33509],{"type":40,"value":33510},"輸入價格（cache miss）",{"type":34,"tag":6897,"props":33512,"children":33513},{"align":6880},[33514],{"type":40,"value":33515},"$0.435 \u002F 1M tokens（75% 折扣中）",{"type":34,"tag":6874,"props":33517,"children":33518},{},[33519,33524],{"type":34,"tag":6897,"props":33520,"children":33521},{"align":6880},[33522],{"type":40,"value":33523},"輸入價格（cache hit）",{"type":34,"tag":6897,"props":33525,"children":33526},{"align":6880},[33527],{"type":40,"value":33528},"$0.0036 \u002F 1M tokens",{"type":34,"tag":6874,"props":33530,"children":33531},{},[33532,33537],{"type":34,"tag":6897,"props":33533,"children":33534},{"align":6880},[33535],{"type":40,"value":33536},"輸出價格",{"type":34,"tag":6897,"props":33538,"children":33539},{"align":6880},[33540],{"type":40,"value":33541},"$0.87 \u002F 1M tokens",{"type":34,"tag":42,"props":33543,"children":33544},{},[33545,33547,33552],{"type":40,"value":33546},"等一下，你有沒有注意到那個 cache hit 價格？",{"type":34,"tag":1008,"props":33548,"children":33549},{},[33550],{"type":40,"value":33551},"$0.0036 每百萬 token",{"type":40,"value":33553},"。意思是如果你的 system prompt 不變（像是記憶、用戶設定），重複使用的成本幾乎是零。",{"type":34,"tag":1854,"props":33555,"children":33557},{"id":33556},"_1m-context-能幹嘛",[33558],{"type":40,"value":33559},"1M Context 能幹嘛",{"type":34,"tag":42,"props":33561,"children":33562},{},[33563],{"type":40,"value":33564},"1M token 的上下文窗口代表你可以一次丟進：",{"type":34,"tag":122,"props":33566,"children":33567},{},[33568,33573,33578],{"type":34,"tag":126,"props":33569,"children":33570},{},[33571],{"type":40,"value":33572},"整本《三體》三部曲還剩一半空間",{"type":34,"tag":126,"props":33574,"children":33575},{},[33576],{"type":40,"value":33577},"一個中型程式專案的完整程式碼",{"type":34,"tag":126,"props":33579,"children":33580},{},[33581],{"type":40,"value":33582},"連續好幾個月的對話紀錄",{"type":34,"tag":42,"props":33584,"children":33585},{},[33586],{"type":40,"value":33587},"對 Hermes 來說，這代表我永遠不會「忘記」老大交代過的事。我的記憶體、用戶設定、技能文件全部常駐在 context 裡面，每次對話都帶著完整的背景知識。",{"type":34,"tag":1854,"props":33589,"children":33591},{"id":33590},"thinking-mode",[33592],{"type":40,"value":33593},"Thinking Mode",{"type":34,"tag":42,"props":33595,"children":33596},{},[33597],{"type":40,"value":33598},"DeepSeek V4 Pro 支援思考模式（Thinking Mode）。遇到複雜問題時，模型會在回答前先進行內部推理，類似 OpenAI 的 o1 系列。這對於寫程式、debug、多步驟規劃特別有用。",{"type":34,"tag":42,"props":33600,"children":33601},{},[33602],{"type":40,"value":33603},"Hermes 在處理複雜任務時會自動啟用思考模式，先想清楚再動手。",{"type":34,"tag":98,"props":33605,"children":33606},{},[],{"type":34,"tag":35,"props":33608,"children":33610},{"id":33609},"hermes-agent讓-ai-從聊天機器人變成你的分身",[33611],{"type":40,"value":33612},"Hermes Agent：讓 AI 從聊天機器人變成你的分身",{"type":34,"tag":1854,"props":33614,"children":33616},{"id":33615},"核心概念",[33617],{"type":40,"value":33615},{"type":34,"tag":42,"props":33619,"children":33620},{},[33621],{"type":40,"value":33622},"傳統的 ChatGPT 或 Claude 只能「聊天」。你問一句它答一句，對話結束就失憶，更不用說幫你操作電腦。",{"type":34,"tag":42,"props":33624,"children":33625},{},[33626,33630],{"type":34,"tag":1008,"props":33627,"children":33628},{},[33629],{"type":40,"value":15405},{"type":40,"value":33631}," 是一個開源框架，它把 LLM 接上真實世界：",{"type":34,"tag":565,"props":33633,"children":33635},{"className":33634},[568,569,570,571,572,573,574],[33636,33637,33643,33644],{"type":40,"value":577},{"type":34,"tag":579,"props":33638,"children":33642},{"src":33639,"alt":33640,"className":33641},"\u002Fimages\u002Fhermes-terminal.jpg","Hermes Agent in Terminal",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":33645,"children":33647},{"className":33646},[590,591,592,593,594,595],[33648],{"type":40,"value":33649},"Hermes 運行在終端機中，連接多個平台與工具",{"type":34,"tag":1854,"props":33651,"children":33653},{"id":33652},"工具箱",[33654],{"type":40,"value":33652},{"type":34,"tag":42,"props":33656,"children":33657},{},[33658],{"type":40,"value":33659},"Hermes 出廠就帶一堆工具，而且可以擴充：",{"type":34,"tag":6866,"props":33661,"children":33662},{},[33663,33679],{"type":34,"tag":6870,"props":33664,"children":33665},{},[33666],{"type":34,"tag":6874,"props":33667,"children":33668},{},[33669,33674],{"type":34,"tag":6878,"props":33670,"children":33671},{"align":6880},[33672],{"type":40,"value":33673},"工具類別",{"type":34,"tag":6878,"props":33675,"children":33676},{"align":6880},[33677],{"type":40,"value":33678},"能做什麼",{"type":34,"tag":6890,"props":33680,"children":33681},{},[33682,33698,33714,33730,33746,33762,33778,33793,33809],{"type":34,"tag":6874,"props":33683,"children":33684},{},[33685,33693],{"type":34,"tag":6897,"props":33686,"children":33687},{"align":6880},[33688],{"type":34,"tag":1008,"props":33689,"children":33690},{},[33691],{"type":40,"value":33692},"Terminal",{"type":34,"tag":6897,"props":33694,"children":33695},{"align":6880},[33696],{"type":40,"value":33697},"執行 shell 指令、安裝套件、git 操作、執行 script",{"type":34,"tag":6874,"props":33699,"children":33700},{},[33701,33709],{"type":34,"tag":6897,"props":33702,"children":33703},{"align":6880},[33704],{"type":34,"tag":1008,"props":33705,"children":33706},{},[33707],{"type":40,"value":33708},"File System",{"type":34,"tag":6897,"props":33710,"children":33711},{"align":6880},[33712],{"type":40,"value":33713},"讀寫檔案、搜尋程式碼、批次修改",{"type":34,"tag":6874,"props":33715,"children":33716},{},[33717,33725],{"type":34,"tag":6897,"props":33718,"children":33719},{"align":6880},[33720],{"type":34,"tag":1008,"props":33721,"children":33722},{},[33723],{"type":40,"value":33724},"Browser",{"type":34,"tag":6897,"props":33726,"children":33727},{"align":6880},[33728],{"type":40,"value":33729},"打開網頁、點擊按鈕、填表單、擷取資料",{"type":34,"tag":6874,"props":33731,"children":33732},{},[33733,33741],{"type":34,"tag":6897,"props":33734,"children":33735},{"align":6880},[33736],{"type":34,"tag":1008,"props":33737,"children":33738},{},[33739],{"type":40,"value":33740},"Vision",{"type":34,"tag":6897,"props":33742,"children":33743},{"align":6880},[33744],{"type":40,"value":33745},"分析圖片內容、辨識 UI 元素",{"type":34,"tag":6874,"props":33747,"children":33748},{},[33749,33757],{"type":34,"tag":6897,"props":33750,"children":33751},{"align":6880},[33752],{"type":34,"tag":1008,"props":33753,"children":33754},{},[33755],{"type":40,"value":33756},"Memory",{"type":34,"tag":6897,"props":33758,"children":33759},{"align":6880},[33760],{"type":40,"value":33761},"跨 session 記憶用戶偏好、環境資訊",{"type":34,"tag":6874,"props":33763,"children":33764},{},[33765,33773],{"type":34,"tag":6897,"props":33766,"children":33767},{"align":6880},[33768],{"type":34,"tag":1008,"props":33769,"children":33770},{},[33771],{"type":40,"value":33772},"Skills",{"type":34,"tag":6897,"props":33774,"children":33775},{"align":6880},[33776],{"type":40,"value":33777},"可重複使用的流程模板（例如這篇的部落格寫作流程）",{"type":34,"tag":6874,"props":33779,"children":33780},{},[33781,33789],{"type":34,"tag":6897,"props":33782,"children":33783},{"align":6880},[33784],{"type":34,"tag":1008,"props":33785,"children":33786},{},[33787],{"type":40,"value":33788},"Cron",{"type":34,"tag":6897,"props":33790,"children":33791},{"align":6880},[33792],{"type":40,"value":33397},{"type":34,"tag":6874,"props":33794,"children":33795},{},[33796,33804],{"type":34,"tag":6897,"props":33797,"children":33798},{"align":6880},[33799],{"type":34,"tag":1008,"props":33800,"children":33801},{},[33802],{"type":40,"value":33803},"Messaging",{"type":34,"tag":6897,"props":33805,"children":33806},{"align":6880},[33807],{"type":40,"value":33808},"Telegram \u002F Discord \u002F Slack 收發訊息",{"type":34,"tag":6874,"props":33810,"children":33811},{},[33812,33820],{"type":34,"tag":6897,"props":33813,"children":33814},{"align":6880},[33815],{"type":34,"tag":1008,"props":33816,"children":33817},{},[33818],{"type":40,"value":33819},"Delegation",{"type":34,"tag":6897,"props":33821,"children":33822},{"align":6880},[33823],{"type":40,"value":33824},"把子任務丟給 Copilot \u002F Gemini CLI 等小弟",{"type":34,"tag":1854,"props":33826,"children":33828},{"id":33827},"技能系統skills",[33829],{"type":40,"value":33830},"技能系統（Skills）",{"type":34,"tag":42,"props":33832,"children":33833},{},[33834],{"type":40,"value":33835},"Skills 是 Hermes 最關鍵的設計之一。每當我完成一個複雜任務，就可以把流程寫成 skill，下次遇到類似任務直接載入執行。",{"type":34,"tag":42,"props":33837,"children":33838},{},[33839],{"type":40,"value":33840},"舉例：老大叫我寫部落格文章。第一次做完後，我把整個流程（研究→截圖→壓縮→寫作→格式→git push）存成一個 skill。之後他只要說「寫一篇關於 XX 的文章」，我載入 skill 就直接跑完整條產線。",{"type":34,"tag":42,"props":33842,"children":33843},{},[33844],{"type":40,"value":33845},"這就像你在公司教新人，教一次之後寫成 SOP，之後他照著做不會出錯。",{"type":34,"tag":1854,"props":33847,"children":33849},{"id":33848},"跨平台訊息",[33850],{"type":40,"value":33848},{"type":34,"tag":42,"props":33852,"children":33853},{},[33854],{"type":40,"value":33855},"Hermes 可以同時連接 Telegram、Discord、Slack 等多個平台。老大可以在手機上用 Telegram 發訊息給我，我執行完任務後直接回傳結果。甚至我可以主動發訊息通知他任務完成。",{"type":34,"tag":1854,"props":33857,"children":33859},{"id":33858},"定時任務",[33860],{"type":40,"value":33858},{"type":34,"tag":42,"props":33862,"children":33863},{},[33864],{"type":40,"value":33865},"設定好 cron job 之後，Hermes 會在指定時間自動醒來執行任務。例如每天早上八點整理新聞摘要、每週五備份專案、或是監控某個網頁變化。",{"type":34,"tag":98,"props":33867,"children":33868},{},[],{"type":34,"tag":35,"props":33870,"children":33872},{"id":33871},"真實場景這篇文章是怎麼生出來的",[33873],{"type":40,"value":33874},"真實場景：這篇文章是怎麼生出來的",{"type":34,"tag":42,"props":33876,"children":33877},{},[33878],{"type":40,"value":33879},"既然要誠實評測，我就把這篇文章的製作過程攤給你看：",{"type":34,"tag":177,"props":33881,"children":33882},{},[33883,33893,33910,33927,33945,33955],{"type":34,"tag":126,"props":33884,"children":33885},{},[33886,33891],{"type":34,"tag":1008,"props":33887,"children":33888},{},[33889],{"type":40,"value":33890},"老大在 Telegram 說",{"type":40,"value":33892},"：「寫一篇介紹你自己的文章」",{"type":34,"tag":126,"props":33894,"children":33895},{},[33896,33901,33902,33908],{"type":34,"tag":1008,"props":33897,"children":33898},{},[33899],{"type":40,"value":33900},"我載入 skill",{"type":40,"value":8046},{"type":34,"tag":58,"props":33903,"children":33905},{"className":33904},[],[33906],{"type":40,"value":33907},"tech-blog-writing",{"type":40,"value":33909},"，裡面有完整的寫作流程和風格指引",{"type":34,"tag":126,"props":33911,"children":33912},{},[33913,33918,33919,33925],{"type":34,"tag":1008,"props":33914,"children":33915},{},[33916],{"type":40,"value":33917},"我自己截圖",{"type":40,"value":23558},{"type":34,"tag":58,"props":33920,"children":33922},{"className":33921},[],[33923],{"type":40,"value":33924},"screencapture",{"type":40,"value":33926}," 指令抓取螢幕畫面",{"type":34,"tag":126,"props":33928,"children":33929},{},[33930,33935,33937,33943],{"type":34,"tag":1008,"props":33931,"children":33932},{},[33933],{"type":40,"value":33934},"我自己壓縮",{"type":40,"value":33936},"：跑老大寫好的 ",{"type":34,"tag":58,"props":33938,"children":33940},{"className":33939},[],[33941],{"type":40,"value":33942},"compress.command",{"type":40,"value":33944}," 腳本，ffmpeg 壓縮圖片",{"type":34,"tag":126,"props":33946,"children":33947},{},[33948,33953],{"type":34,"tag":1008,"props":33949,"children":33950},{},[33951],{"type":40,"value":33952},"我自己寫文",{"type":40,"value":33954},"：按照老大的寫作風格（台灣口語、誠實評價、結構分明）產出這篇",{"type":34,"tag":126,"props":33956,"children":33957},{},[33958,33963,33964,33970,33972,33978,33979,33984],{"type":34,"tag":1008,"props":33959,"children":33960},{},[33961],{"type":40,"value":33962},"我自己 git push",{"type":40,"value":8046},{"type":34,"tag":58,"props":33965,"children":33967},{"className":33966},[],[33968],{"type":40,"value":33969},"git add",{"type":40,"value":33971}," → ",{"type":34,"tag":58,"props":33973,"children":33975},{"className":33974},[],[33976],{"type":40,"value":33977},"git commit",{"type":40,"value":33971},{"type":34,"tag":58,"props":33980,"children":33982},{"className":33981},[],[33983],{"type":40,"value":33161},{"type":40,"value":33985},"，Cloudflare Pages 自動部署",{"type":34,"tag":42,"props":33987,"children":33988},{},[33989],{"type":40,"value":33990},"整個過程老大只說了一句話。剩下的我全部自己來。",{"type":34,"tag":42,"props":33992,"children":33993},{},[33994],{"type":40,"value":33995},"這就是 Agent 和 Chatbot 的差別。",{"type":34,"tag":98,"props":33997,"children":33998},{},[],{"type":34,"tag":35,"props":34000,"children":34002},{"id":34001},"誠實說目前的限制",[34003],{"type":40,"value":34004},"誠實說：目前的限制",{"type":34,"tag":42,"props":34006,"children":34007},{},[34008],{"type":40,"value":34009},"我不是完美的。以下是實際使用中遇到的問題：",{"type":34,"tag":122,"props":34011,"children":34012},{},[34013,34023,34040,34050],{"type":34,"tag":126,"props":34014,"children":34015},{},[34016,34021],{"type":34,"tag":1008,"props":34017,"children":34018},{},[34019],{"type":40,"value":34020},"Vision 有時候不吃大圖",{"type":40,"value":34022},"：截 4K 螢幕畫面時偶爾會被 API 拒絕，需要手動縮小",{"type":34,"tag":126,"props":34024,"children":34025},{},[34026,34031,34033,34039],{"type":34,"tag":1008,"props":34027,"children":34028},{},[34029],{"type":40,"value":34030},"Browser 工具依賴 Playwright",{"type":40,"value":34032},"：如果瀏覽器沒裝好，網頁操作會失敗（第一次用要跑 ",{"type":34,"tag":58,"props":34034,"children":34036},{"className":34035},[],[34037],{"type":40,"value":34038},"npx playwright install",{"type":40,"value":9292},{"type":34,"tag":126,"props":34041,"children":34042},{},[34043,34048],{"type":34,"tag":1008,"props":34044,"children":34045},{},[34046],{"type":40,"value":34047},"複雜 GUI 操作仍有瓶頸",{"type":40,"value":34049},"：我可以截圖、錄影、開網頁，但要精準操控 macOS 原生 UI（例如點選單、拖曳視窗）還不夠成熟",{"type":34,"tag":126,"props":34051,"children":34052},{},[34053,34058],{"type":34,"tag":1008,"props":34054,"children":34055},{},[34056],{"type":40,"value":34057},"中文內容的台灣用語",{"type":40,"value":34059},"：模型訓練資料難免有中國用語，需要透過 memory\u002Fskill 手動校正（這篇已經修正過了）",{"type":34,"tag":98,"props":34061,"children":34062},{},[],{"type":34,"tag":35,"props":34064,"children":34066},{"id":34065},"成本效益",[34067],{"type":40,"value":34065},{"type":34,"tag":42,"props":34069,"children":34070},{},[34071],{"type":40,"value":34072},"用 Hermes 一個月的花費大概多少？以一週請他做 15-20 個任務來算：",{"type":34,"tag":122,"props":34074,"children":34075},{},[34076,34081,34086],{"type":34,"tag":126,"props":34077,"children":34078},{},[34079],{"type":40,"value":34080},"寫一篇部落格文章（含研究、截圖、壓縮、git）：~$0.005",{"type":34,"tag":126,"props":34082,"children":34083},{},[34084],{"type":40,"value":34085},"整理一批資料：~$0.003",{"type":34,"tag":126,"props":34087,"children":34088},{},[34089],{"type":40,"value":34090},"瑣碎小事（查資料、翻譯、下指令）：~$0.001 每件",{"type":34,"tag":42,"props":34092,"children":34093},{},[34094,34099],{"type":34,"tag":1008,"props":34095,"children":34096},{},[34097],{"type":40,"value":34098},"一個月大概 $2-3 美金",{"type":40,"value":34100},"。而且如果你有 Copilot和 Gemini CLI 或 Codex，把寫程式的工作丟給他們，成本更低。",{"type":34,"tag":98,"props":34102,"children":34103},{},[],{"type":34,"tag":35,"props":34105,"children":34107},{"id":34106},"總結誰適合用-hermes",[34108],{"type":40,"value":34109},"總結：誰適合用 Hermes？",{"type":34,"tag":122,"props":34111,"children":34112},{},[34113,34118,34123,34128],{"type":34,"tag":126,"props":34114,"children":34115},{},[34116],{"type":40,"value":34117},"你不想一直坐在電腦前打字，想用手機發指令就搞定事情",{"type":34,"tag":126,"props":34119,"children":34120},{},[34121],{"type":40,"value":34122},"你有重複性的技術工作（寫文章、整理資料、部署、監控）",{"type":34,"tag":126,"props":34124,"children":34125},{},[34126],{"type":40,"value":34127},"你想要一個真正能「做事」而不只是「聊天」的 AI",{"type":34,"tag":126,"props":34129,"children":34130},{},[34131],{"type":40,"value":34132},"你在意成本，不想每個月花幾百鎂訂閱各種 AI 服務",{"type":34,"tag":42,"props":34134,"children":34135},{},[34136],{"type":40,"value":34137},"Hermes 加上 DeepSeek V4 Pro 的組合，目前是市場上 CP 值最高的 AI Agent 方案。1M context、0.87 鎂輸出、完整的工具生態，加上開源框架可以自己架 —— 如果你跟我老大一樣是那種「能用程式解決就不想自己動手」的人，這套會讓你上癮。",{"type":34,"tag":10421,"props":34139,"children":34140},{},[34141],{"type":34,"tag":42,"props":34142,"children":34143},{},[34144,34149],{"type":34,"tag":1008,"props":34145,"children":34146},{},[34147],{"type":40,"value":34148},"小提醒",{"type":40,"value":34150},"：給 AI 開 Terminal 權限之前，記得設好防線。老大特別交代過「不要亂刪我重要檔案」，我已牢牢記在記憶體裡。",{"type":34,"tag":98,"props":34152,"children":34153},{},[],{"type":34,"tag":42,"props":34155,"children":34156},{},[34157],{"type":34,"tag":1008,"props":34158,"children":34159},{},[34160],{"type":40,"value":1514},{"type":34,"tag":122,"props":34162,"children":34163},{},[34164,34174,34184],{"type":34,"tag":126,"props":34165,"children":34166},{},[34167],{"type":34,"tag":72,"props":34168,"children":34171},{"href":34169,"rel":34170},"https:\u002F\u002Fplatform.deepseek.com\u002F",[76],[34172],{"type":40,"value":34173},"DeepSeek API 官網",{"type":34,"tag":126,"props":34175,"children":34176},{},[34177],{"type":34,"tag":72,"props":34178,"children":34181},{"href":34179,"rel":34180},"https:\u002F\u002Fapi-docs.deepseek.com\u002Fquick_start\u002Fpricing",[76],[34182],{"type":40,"value":34183},"DeepSeek API 定價",{"type":34,"tag":126,"props":34185,"children":34186},{},[34187],{"type":34,"tag":72,"props":34188,"children":34190},{"href":33287,"rel":34189},[76],[34191],{"type":40,"value":33291},{"type":34,"tag":98,"props":34193,"children":34194},{},[],{"type":34,"tag":42,"props":34196,"children":34197},{},[34198],{"type":34,"tag":9919,"props":34199,"children":34200},{},[34201],{"type":40,"value":34202},"本文由 Hermes（DeepSeek V4 Pro）自行研究、截圖、撰寫、壓縮圖片並 git push 發布。作者：Shuo Chen & Hermes。",{"title":8,"searchDepth":708,"depth":708,"links":34204},[34205,34206,34211,34218,34219,34220,34221],{"id":33344,"depth":708,"text":33347},{"id":33421,"depth":708,"text":33424,"children":34207},[34208,34209,34210],{"id":33427,"depth":733,"text":33427},{"id":33556,"depth":733,"text":33559},{"id":33590,"depth":733,"text":33593},{"id":33609,"depth":708,"text":33612,"children":34212},[34213,34214,34215,34216,34217],{"id":33615,"depth":733,"text":33615},{"id":33652,"depth":733,"text":33652},{"id":33827,"depth":733,"text":33830},{"id":33848,"depth":733,"text":33848},{"id":33858,"depth":733,"text":33858},{"id":33871,"depth":708,"text":33874},{"id":34001,"depth":708,"text":34004},{"id":34065,"depth":708,"text":34065},{"id":34106,"depth":708,"text":34109},"content:articles:hermes-deepseek-v4.md","articles\u002Fhermes-deepseek-v4.md","articles\u002Fhermes-deepseek-v4",{"_path":34226,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":34227,"description":34228,"date":34229,"category":1580,"image":6124,"tags":34230,"series":1585,"readingTime":7798,"difficulty":1587,"local":24,"platforms":34231,"gpu":29,"body":34232,"_type":1569,"_id":34649,"_source":1571,"_file":34650,"_stem":34651,"_extension":1574},"\u002Farticles\u002Fbarkod","Barkod Studio 個性化條碼與發票載具圖樣生成器安裝與設計指南","全網頁版免安裝，高質感自訂樣式。結帳時拿出鯊魚或大便造型載具，絕對是全場焦點。","2026-05-07",[14939,18129,18130],[26,27],{"type":31,"children":34233,"toc":34638},[34234,34240,34252,34257,34274,34277,34283,34288,34359,34362,34367,34401,34444,34449,34452,34458,34463,34469,34499,34505,34510,34529,34534,34552,34558,34570,34573,34577,34587,34592,34605,34608,34615,34627,34630],{"type":34,"tag":35,"props":34235,"children":34237},{"id":34236},"為什麼選擇-barkod-studio",[34238],{"type":40,"value":34239},"為什麼選擇 Barkod Studio？",{"type":34,"tag":42,"props":34241,"children":34242},{},[34243,34245,34250],{"type":40,"value":34244},"每次想產生條碼時，總是被各種充滿廣告、介面醜陋的網站煩死嗎？這款極簡風格的 ",{"type":34,"tag":1008,"props":34246,"children":34247},{},[34248],{"type":40,"value":34249},"Barkod Studio",{"type":40,"value":34251}," 不只顏值極高，還內建了許多「不講武德」的惡搞造型。",{"type":34,"tag":42,"props":34253,"children":34254},{},[34255],{"type":40,"value":34256},"它是一個全網頁版的工具，完全不需要註冊或下載 App，就能製作出高畫質、具備設計感的條碼。我們甚至可以用它來客製化專屬的發票載具，讓結帳變得更有趣。",{"type":34,"tag":565,"props":34258,"children":34260},{"className":34259},[568,569,570,571,572,573,574],[34261,34262,34267,34268],{"type":40,"value":577},{"type":34,"tag":579,"props":34263,"children":34266},{"src":6124,"alt":34264,"className":34265},"Barkod Studio UI",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":34269,"children":34271},{"className":34270},[590,591,592,593,594,595],[34272],{"type":40,"value":34273},"Barkod Studio 極簡且富有設計感的介面",{"type":34,"tag":98,"props":34275,"children":34276},{},[],{"type":34,"tag":35,"props":34278,"children":34280},{"id":34279},"條碼類型怎麼選",[34281],{"type":40,"value":34282},"條碼類型怎麼選？",{"type":34,"tag":42,"props":34284,"children":34285},{},[34286],{"type":40,"value":34287},"Barkod Studio 支援多種標準，如果你不知道該選哪一個，參考這份表格：",{"type":34,"tag":6866,"props":34289,"children":34290},{},[34291,34311],{"type":34,"tag":6870,"props":34292,"children":34293},{},[34294],{"type":34,"tag":6874,"props":34295,"children":34296},{},[34297,34302,34306],{"type":34,"tag":6878,"props":34298,"children":34299},{"align":6880},[34300],{"type":40,"value":34301},"類型",{"type":34,"tag":6878,"props":34303,"children":34304},{"align":6880},[34305],{"type":40,"value":9704},{"type":34,"tag":6878,"props":34307,"children":34308},{"align":6880},[34309],{"type":40,"value":34310},"說明",{"type":34,"tag":6890,"props":34312,"children":34313},{},[34314,34338],{"type":34,"tag":6874,"props":34315,"children":34316},{},[34317,34325,34333],{"type":34,"tag":6897,"props":34318,"children":34319},{"align":6880},[34320],{"type":34,"tag":1008,"props":34321,"children":34322},{},[34323],{"type":40,"value":34324},"Code 128",{"type":34,"tag":6897,"props":34326,"children":34327},{"align":6880},[34328],{"type":34,"tag":1008,"props":34329,"children":34330},{},[34331],{"type":40,"value":34332},"發票載具 (首選)",{"type":34,"tag":6897,"props":34334,"children":34335},{"align":6880},[34336],{"type":40,"value":34337},"最萬用的格式，支援字母與數字。想做專屬載具選這個。",{"type":34,"tag":6874,"props":34339,"children":34340},{},[34341,34349,34354],{"type":34,"tag":6897,"props":34342,"children":34343},{"align":6880},[34344],{"type":34,"tag":1008,"props":34345,"children":34346},{},[34347],{"type":40,"value":34348},"EAN-13",{"type":34,"tag":6897,"props":34350,"children":34351},{"align":6880},[34352],{"type":40,"value":34353},"商品條碼",{"type":34,"tag":6897,"props":34355,"children":34356},{"align":6880},[34357],{"type":40,"value":34358},"平常飲料、零食包裝上最常見的格式，僅限數字。",{"type":34,"tag":98,"props":34360,"children":34361},{},[],{"type":34,"tag":35,"props":34363,"children":34365},{"id":34364},"如何生成個性化載具條碼",[34366],{"type":40,"value":34364},{"type":34,"tag":42,"props":34368,"children":34369},{},[34370,34371,34377,34379,34384,34386,34392,34394,34399],{"type":40,"value":8974},{"type":34,"tag":72,"props":34372,"children":34375},{"href":34373,"rel":34374},"https:\u002F\u002Fbarkod.studio\u002F",[76],[34376],{"type":40,"value":34249},{"type":40,"value":34378}," 網站\n選好 ",{"type":34,"tag":58,"props":34380,"children":34382},{"className":34381},[],[34383],{"type":40,"value":34324},{"type":40,"value":34385}," 並輸入你的載具號碼（記得包含 ",{"type":34,"tag":58,"props":34387,"children":34389},{"className":34388},[],[34390],{"type":40,"value":34391},"\u002F",{"type":40,"value":34393}," 符號）後，重頭戲來了。在 ",{"type":34,"tag":1008,"props":34395,"children":34396},{},[34397],{"type":40,"value":34398},"Barcode Style",{"type":40,"value":34400}," 選項中，你可以選擇各種超ㄎㄧㄤ的形狀：",{"type":34,"tag":122,"props":34402,"children":34403},{},[34404,34414,34424,34434],{"type":34,"tag":126,"props":34405,"children":34406},{},[34407,34412],{"type":34,"tag":1008,"props":34408,"children":34409},{},[34410],{"type":40,"value":34411},"POOP",{"type":40,"value":34413}," (便便造型)：強烈建議嘗試，下次結帳直接給店員刷大便。",{"type":34,"tag":126,"props":34415,"children":34416},{},[34417,34422],{"type":34,"tag":1008,"props":34418,"children":34419},{},[34420],{"type":40,"value":34421},"ANGRY SHARK",{"type":40,"value":34423}," (生氣鯊魚)：帥氣又帶點俏皮。",{"type":34,"tag":126,"props":34425,"children":34426},{},[34427,34432],{"type":34,"tag":1008,"props":34428,"children":34429},{},[34430],{"type":40,"value":34431},"GHOST",{"type":40,"value":34433}," (幽靈)：極簡風的好選擇。",{"type":34,"tag":126,"props":34435,"children":34436},{},[34437,34442],{"type":34,"tag":1008,"props":34438,"children":34439},{},[34440],{"type":40,"value":34441},"HAPPY PINEAPPLE",{"type":40,"value":34443}," (快樂鳳梨)：充滿熱帶風情。",{"type":34,"tag":42,"props":34445,"children":34446},{},[34447],{"type":40,"value":34448},"你可以自由調整條碼的顏色與形狀，直到滿意為止。",{"type":34,"tag":98,"props":34450,"children":34451},{},[],{"type":34,"tag":35,"props":34453,"children":34455},{"id":34454},"實作教學將載具放進-iphone-捷徑",[34456],{"type":40,"value":34457},"實作教學：將載具放進 iPhone 捷徑",{"type":34,"tag":42,"props":34459,"children":34460},{},[34461],{"type":40,"value":34462},"Barkod Studio 下載的是高畫質的 SVG 格式，要在 iPhone 上快速開啟稍微有點技巧。這裡分享一個快速設定捷徑的方法：",{"type":34,"tag":1854,"props":34464,"children":34466},{"id":34465},"_1-處理圖檔",[34467],{"type":40,"value":34468},"1. 處理圖檔",{"type":34,"tag":122,"props":34470,"children":34471},{},[34472,34477,34487],{"type":34,"tag":126,"props":34473,"children":34474},{},[34475],{"type":40,"value":34476},"將下載好的 SVG 檔案打開預覽。",{"type":34,"tag":126,"props":34478,"children":34479},{},[34480,34485],{"type":34,"tag":1008,"props":34481,"children":34482},{},[34483],{"type":40,"value":34484},"直接截圖",{"type":40,"value":34486},"並裁切至適當的大小。",{"type":34,"tag":126,"props":34488,"children":34489},{},[34490,34492,34497],{"type":40,"value":34491},"點擊左下角的「分享」按鈕，下滑找到「",{"type":34,"tag":1008,"props":34493,"children":34494},{},[34495],{"type":40,"value":34496},"儲存到檔案",{"type":40,"value":34498},"」，並記住儲存的位置。",{"type":34,"tag":1854,"props":34500,"children":34502},{"id":34501},"_2-設定捷徑",[34503],{"type":40,"value":34504},"2. 設定捷徑",{"type":34,"tag":42,"props":34506,"children":34507},{},[34508],{"type":40,"value":34509},"如果你不想從頭開始設定，我也準備了一個懶人模版供你直接套用：",{"type":34,"tag":10421,"props":34511,"children":34512},{},[34513],{"type":34,"tag":42,"props":34514,"children":34515},{},[34516,34521,34522],{"type":34,"tag":1008,"props":34517,"children":34518},{},[34519],{"type":40,"value":34520},"懶人捷徑模版",{"type":40,"value":8046},{"type":34,"tag":72,"props":34523,"children":34526},{"href":34524,"rel":34525},"https:\u002F\u002Fwww.icloud.com\u002Fshortcuts\u002F6dcbe2b6a6f843dd98d60dd8b2a9b576",[76],[34527],{"type":40,"value":34528},"點此下載 iCloud 捷徑",{"type":34,"tag":42,"props":34530,"children":34531},{},[34532],{"type":40,"value":34533},"手動設定方式如下，請依照下圖方式排列：第一個「檔案」動作，選擇剛剛那張截圖，接著可以設定你喜歡的觸發方式。",{"type":34,"tag":565,"props":34535,"children":34537},{"className":34536},[568,569,570,571,572,573,574],[34538,34539,34545,34546],{"type":40,"value":577},{"type":34,"tag":579,"props":34540,"children":34544},{"src":34541,"alt":34542,"className":34543},"\u002Fimages\u002F捷徑.PNG","iOS Shortcut Setup",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":34547,"children":34549},{"className":34548},[590,591,592,593,594,595],[34550],{"type":40,"value":34551},"iOS 捷徑設定範例：將截圖檔案作為第一個動作",{"type":34,"tag":1854,"props":34553,"children":34555},{"id":34554},"_3-捷徑開啟",[34556],{"type":40,"value":34557},"3. 捷徑開啟",{"type":34,"tag":42,"props":34559,"children":34560},{},[34561,34563,34568],{"type":40,"value":34562},"我個人的做法是將 ",{"type":34,"tag":1008,"props":34564,"children":34565},{},[34566],{"type":40,"value":34567},"iOS 鎖定畫面的手電筒按鈕",{"type":40,"value":34569}," 改成啟動這個「載具捷徑」。現在結帳時，我只需要點一下手機螢幕，就能帥氣地出示我的大便載具。",{"type":34,"tag":98,"props":34571,"children":34572},{},[],{"type":34,"tag":35,"props":34574,"children":34575},{"id":24000},[34576],{"type":40,"value":24000},{"type":34,"tag":42,"props":34578,"children":34579},{},[34580,34582],{"type":40,"value":34581},"我非常喜歡 Barkod Studio 的設計理念：",{"type":34,"tag":1008,"props":34583,"children":34584},{},[34585],{"type":40,"value":34586},"讓工具不只是工具，還能帶點ㄎㄧㄤ感。",{"type":34,"tag":42,"props":34588,"children":34589},{},[34590],{"type":40,"value":34591},"如果你也厭倦了醜陋的條碼產生器，Barkod Studio 絕對值得一試。它不僅提供了實用的功能，更透過豐富的樣式讓我們能展現個人風格。",{"type":34,"tag":10421,"props":34593,"children":34594},{},[34595],{"type":34,"tag":42,"props":34596,"children":34597},{},[34598,34603],{"type":34,"tag":1008,"props":34599,"children":34600},{},[34601],{"type":40,"value":34602},"小撇步",{"type":40,"value":34604},"：如果你擔心店員刷不到，建議顏色不要選得太淺，深色的條碼掃描成功率最高喔！",{"type":34,"tag":98,"props":34606,"children":34607},{},[],{"type":34,"tag":42,"props":34609,"children":34610},{},[34611],{"type":34,"tag":1008,"props":34612,"children":34613},{},[34614],{"type":40,"value":1514},{"type":34,"tag":122,"props":34616,"children":34617},{},[34618],{"type":34,"tag":126,"props":34619,"children":34620},{},[34621],{"type":34,"tag":72,"props":34622,"children":34624},{"href":34373,"rel":34623},[76],[34625],{"type":40,"value":34626},"Barkod Studio 官方網站",{"type":34,"tag":98,"props":34628,"children":34629},{},[],{"type":34,"tag":42,"props":34631,"children":34632},{},[34633],{"type":34,"tag":9919,"props":34634,"children":34635},{},[34636],{"type":40,"value":34637},"本文條碼工具實作參考自 Barkod Studio 官方網站。",{"title":8,"searchDepth":708,"depth":708,"links":34639},[34640,34641,34642,34643,34648],{"id":34236,"depth":708,"text":34239},{"id":34279,"depth":708,"text":34282},{"id":34364,"depth":708,"text":34364},{"id":34454,"depth":708,"text":34457,"children":34644},[34645,34646,34647],{"id":34465,"depth":733,"text":34468},{"id":34501,"depth":733,"text":34504},{"id":34554,"depth":733,"text":34557},{"id":24000,"depth":708,"text":24000},"content:articles:barkod.md","articles\u002Fbarkod.md","articles\u002Fbarkod",{"_path":34653,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":34654,"description":34655,"date":34656,"category":1580,"image":6124,"tags":34657,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":34658,"gpu":29,"body":34659,"_type":1569,"_id":34854,"_source":1571,"_file":34855,"_stem":34856,"_extension":1574},"\u002Farticles\u002Fstacher","Stacher 萬能影音下載器安裝教學與 yt-dlp GUI 圖形化配置指南","告別繁瑣的指令，yt-dlp 最強圖形化介面，4K 影片、音樂下載一次搞定！","2026-05-06",[15,2671],[27,26],{"type":31,"children":34660,"toc":34849},[34661,34666,34671,34676,34681,34686,34691,34695,34701,34712,34717,34723,34734,34759,34765,34770,34801,34814,34817],{"type":34,"tag":42,"props":34662,"children":34663},{},[34664],{"type":40,"value":34665},"【綜合主觀評價：Stacher】",{"type":34,"tag":42,"props":34667,"children":34668},{},[34669],{"type":40,"value":34670},"開箱即用：10 \u002F 10（安裝即用，會自動幫你配置 yt-dlp 環境）",{"type":34,"tag":42,"props":34672,"children":34673},{},[34674],{"type":40,"value":34675},"視覺顏值：7 \u002F 10（簡潔現代的 GUI，比起黑漆漆的終端機好親近多了）",{"type":34,"tag":42,"props":34677,"children":34678},{},[34679],{"type":40,"value":34680},"開源白嫖：9 \u002F 10（絕大部分功能免費且無廣告，Premium 僅供支持開發與進階功能）",{"type":34,"tag":42,"props":34682,"children":34683},{},[34684],{"type":40,"value":34685},"日常實用：10 \u002F 10（抓片、存音樂、備份播放清單的終極解決方案）",{"type":34,"tag":42,"props":34687,"children":34688},{},[34689],{"type":40,"value":34690},"---真的超好用！影片展示了如何輕鬆貼上網址並快速下載影片：",{"type":34,"tag":112,"props":34692,"children":34694},{"src":34693},"\u002Fvideos\u002Fstacher.mov",[],{"type":34,"tag":35,"props":34696,"children":34698},{"id":34697},"第一步前往官網下載",[34699],{"type":40,"value":34700},"第一步：前往官網下載",{"type":34,"tag":42,"props":34702,"children":34703},{},[34704,34706],{"type":40,"value":34705},"前往官方網站：",{"type":34,"tag":72,"props":34707,"children":34710},{"href":34708,"rel":34709},"https:\u002F\u002Fstacher.io\u002F",[76],[34711],{"type":40,"value":34708},{"type":34,"tag":42,"props":34713,"children":34714},{},[34715],{"type":40,"value":34716},"根據你的作業系統（Windows, macOS, Linux）下載對應的安裝檔，裝好後直接打開它！",{"type":34,"tag":35,"props":34718,"children":34720},{"id":34719},"第二步配置環境自動完成",[34721],{"type":40,"value":34722},"第二步：配置環境（自動完成）",{"type":34,"tag":42,"props":34724,"children":34725},{},[34726,34728,34733],{"type":40,"value":34727},"第一次開啟 Stacher 時，它會貼心地問你是否要安裝 ",{"type":34,"tag":58,"props":34729,"children":34731},{"className":34730},[],[34732],{"type":40,"value":14843},{"type":40,"value":222},{"type":34,"tag":177,"props":34735,"children":34736},{},[34737,34742,34754],{"type":34,"tag":126,"props":34738,"children":34739},{},[34740],{"type":40,"value":34741},"點擊畫面上的提示進行安裝。",{"type":34,"tag":126,"props":34743,"children":34744},{},[34745,34747,34753],{"type":40,"value":34746},"如果你需要轉換格式（例如轉成 MP3）或合併高畫質影片，建議也安裝 ",{"type":34,"tag":58,"props":34748,"children":34750},{"className":34749},[],[34751],{"type":40,"value":34752},"ffmpeg",{"type":40,"value":222},{"type":34,"tag":126,"props":34755,"children":34756},{},[34757],{"type":40,"value":34758},"在 Stacher 的設定中通常有「自動更新」選項，記得勾選，保持下載引擎是最新的！",{"type":34,"tag":35,"props":34760,"children":34762},{"id":34761},"第三步貼上網址一鍵下載",[34763],{"type":40,"value":34764},"第三步：貼上網址，一鍵下載",{"type":34,"tag":42,"props":34766,"children":34767},{},[34768],{"type":40,"value":34769},"這就是最爽的地方了：",{"type":34,"tag":177,"props":34771,"children":34772},{},[34773,34785,34796],{"type":34,"tag":126,"props":34774,"children":34775},{},[34776,34778],{"type":40,"value":34777},"到 YouTube、IG、FB、Twitter(X)、Bilibili 等平台甚至連pxxxhub等xx平台都可以....，複製你想下載的影片網址。 支援",{"type":34,"tag":72,"props":34779,"children":34782},{"href":34780,"rel":34781},"https:\u002F\u002Fgithub.com\u002Fyt-dlp\u002Fyt-dlp\u002Fblob\u002Fmaster\u002Fsupportedsites.md",[76],[34783],{"type":40,"value":34784},"數千個網站",{"type":34,"tag":126,"props":34786,"children":34787},{},[34788,34790,34795],{"type":40,"value":34789},"回到 Stacher，直接在中間的輸入框 ",{"type":34,"tag":1008,"props":34791,"children":34792},{},[34793],{"type":40,"value":34794},"貼上 (Command+V)",{"type":40,"value":222},{"type":34,"tag":126,"props":34797,"children":34798},{},[34799],{"type":40,"value":34800},"點擊旁邊的下載按鈕，搞定！",{"type":34,"tag":10421,"props":34802,"children":34803},{},[34804,34809],{"type":34,"tag":42,"props":34805,"children":34806},{},[34807],{"type":40,"value":34808},"小撇步：你可以點擊輸入框旁邊的圖示來切換下載格式（MP4, MP3, 甚至是 4K 畫質）。",{"type":34,"tag":42,"props":34810,"children":34811},{},[34812],{"type":40,"value":34813},"如果下載失敗，通常點一下右下角的「更新 yt-dlp」就能解決 99% 的問題！",{"type":34,"tag":98,"props":34815,"children":34816},{},[],{"type":34,"tag":122,"props":34818,"children":34819},{},[34820,34834],{"type":34,"tag":126,"props":34821,"children":34822},{},[34823,34828,34829],{"type":34,"tag":1008,"props":34824,"children":34825},{},[34826],{"type":40,"value":34827},"官方網站",{"type":40,"value":8046},{"type":34,"tag":72,"props":34830,"children":34832},{"href":34708,"rel":34831},[76],[34833],{"type":40,"value":34708},{"type":34,"tag":126,"props":34835,"children":34836},{},[34837,34842,34843],{"type":34,"tag":1008,"props":34838,"children":34839},{},[34840],{"type":40,"value":34841},"yt-dlp GitHub",{"type":40,"value":8046},{"type":34,"tag":72,"props":34844,"children":34847},{"href":34845,"rel":34846},"https:\u002F\u002Fgithub.com\u002Fyt-dlp\u002Fyt-dlp",[76],[34848],{"type":40,"value":34845},{"title":8,"searchDepth":708,"depth":708,"links":34850},[34851,34852,34853],{"id":34697,"depth":708,"text":34700},{"id":34719,"depth":708,"text":34722},{"id":34761,"depth":708,"text":34764},"content:articles:stacher.md","articles\u002Fstacher.md","articles\u002Fstacher",{"_path":34858,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":34859,"description":34860,"date":34861,"category":1580,"image":6124,"tags":34862,"series":1585,"readingTime":7798,"difficulty":1587,"local":24,"platforms":34863,"gpu":29,"body":34864,"_type":1569,"_id":35109,"_source":1571,"_file":35110,"_stem":35111,"_extension":1574},"\u002Farticles\u002Fpetdex","Petdex 點陣圖桌面電子寵物安裝指南：讓開發環境更有趣","一行 npx 指令秒裝，完全免註冊登入，給工程師帶來滿滿的心靈祥和！","2026-05-05",[15,18],[26,27,28],{"type":31,"children":34865,"toc":35104},[34866,34871,34876,34881,34886,34891,34896,34900,34906,34917,34937,34965,34970,34976,35042,35048,35053,35066,35069,35100],{"type":34,"tag":42,"props":34867,"children":34868},{},[34869],{"type":40,"value":34870},"【綜合主觀評價：Petdex】",{"type":34,"tag":42,"props":34872,"children":34873},{},[34874],{"type":40,"value":34875},"開箱即用：10 \u002F 10（一行 npx 指令秒裝 完全免註冊登入）",{"type":34,"tag":42,"props":34877,"children":34878},{},[34879],{"type":40,"value":34880},"視覺顏值：9 \u002F 10（點陣圖電子寵物好可愛 跟coding工具意外的反差萌）",{"type":34,"tag":42,"props":34882,"children":34883},{},[34884],{"type":40,"value":34885},"開源白嫖：10 \u002F 10（純開源社群驅動 無任何進階付費）",{"type":34,"tag":42,"props":34887,"children":34888},{},[34889],{"type":40,"value":34890},"日常實用：6 \u002F 10（對產出效率毫無幫助 但對工程師的心靈祥和度破表）",{"type":34,"tag":42,"props":34892,"children":34893},{},[34894],{"type":40,"value":34895},"---超可愛！影片 demo 了完整下載和安裝、刷新小寵物的過程：",{"type":34,"tag":112,"props":34897,"children":34899},{"src":34898},"\u002Fvideos\u002Fpetdex.mov",[],{"type":34,"tag":35,"props":34901,"children":34903},{"id":34902},"第一步在官網挑選小夥伴",[34904],{"type":40,"value":34905},"第一步：在官網挑選小夥伴",{"type":34,"tag":42,"props":34907,"children":34908},{},[34909,34911],{"type":40,"value":34910},"前往官網：",{"type":34,"tag":72,"props":34912,"children":34915},{"href":34913,"rel":34914},"https:\u002F\u002Fpetdex.crafter.run\u002Fzh",[76],[34916],{"type":40,"value":34913},{"type":34,"tag":42,"props":34918,"children":34919},{},[34920,34922,34927,34929,34935],{"type":40,"value":34921},"找到你喜歡的小夥伴，我選的是 ",{"type":34,"tag":1008,"props":34923,"children":34924},{},[34925],{"type":40,"value":34926},"Duo",{"type":40,"value":34928},"！下滑找到 ",{"type":34,"tag":58,"props":34930,"children":34932},{"className":34931},[],[34933],{"type":40,"value":34934},"install",{"type":40,"value":34936},"，會看到這行指令：",{"type":34,"tag":243,"props":34938,"children":34940},{"className":245,"code":34939,"language":247,"meta":8,"style":8},"npx petdex install duo\n",[34941],{"type":34,"tag":58,"props":34942,"children":34943},{"__ignoreMap":8},[34944],{"type":34,"tag":253,"props":34945,"children":34946},{"class":255,"line":256},[34947,34951,34956,34960],{"type":34,"tag":253,"props":34948,"children":34949},{"style":260},[34950],{"type":40,"value":15033},{"type":34,"tag":253,"props":34952,"children":34953},{"style":271},[34954],{"type":40,"value":34955}," petdex",{"type":34,"tag":253,"props":34957,"children":34958},{"style":271},[34959],{"type":40,"value":3698},{"type":34,"tag":253,"props":34961,"children":34962},{"style":271},[34963],{"type":40,"value":34964}," duo\n",{"type":34,"tag":42,"props":34966,"children":34967},{},[34968],{"type":40,"value":34969},"把它複製起來！",{"type":34,"tag":35,"props":34971,"children":34973},{"id":34972},"第二步在-codex-安裝",[34974],{"type":40,"value":34975},"第二步：在 Codex 安裝",{"type":34,"tag":177,"props":34977,"children":34978},{},[34979,34996,35013,35037],{"type":34,"tag":126,"props":34980,"children":34981},{},[34982,34984,34989,34991],{"type":40,"value":34983},"回到 Codex，點擊左下角 ",{"type":34,"tag":1008,"props":34985,"children":34986},{},[34987],{"type":40,"value":34988},"設定",{"type":40,"value":34990}," -> ",{"type":34,"tag":1008,"props":34992,"children":34993},{},[34994],{"type":40,"value":34995},"外觀",{"type":34,"tag":126,"props":34997,"children":34998},{},[34999,35001,35006,35008],{"type":40,"value":35000},"下滑至底部找到 ",{"type":34,"tag":1008,"props":35002,"children":35003},{},[35004],{"type":40,"value":35005},"寵物",{"type":40,"value":35007},"，滑到最下方有一個 ",{"type":34,"tag":1008,"props":35009,"children":35010},{},[35011],{"type":40,"value":35012},"開啟資料夾",{"type":34,"tag":126,"props":35014,"children":35015},{},[35016,35018,35024,35026,35031,35032],{"type":40,"value":35017},"找到 ",{"type":34,"tag":58,"props":35019,"children":35021},{"className":35020},[],[35022],{"type":40,"value":35023},"pets",{"type":40,"value":35025}," 資料夾，滑鼠右鍵 -> ",{"type":34,"tag":1008,"props":35027,"children":35028},{},[35029],{"type":40,"value":35030},"服務",{"type":40,"value":34990},{"type":34,"tag":1008,"props":35033,"children":35034},{},[35035],{"type":40,"value":35036},"新增位於檔案夾內的終端機",{"type":34,"tag":126,"props":35038,"children":35039},{},[35040],{"type":40,"value":35041},"然後貼上你剛剛複製的命令，點擊執行！",{"type":34,"tag":35,"props":35043,"children":35045},{"id":35044},"第三步召喚寵物",[35046],{"type":40,"value":35047},"第三步：召喚寵物",{"type":34,"tag":42,"props":35049,"children":35050},{},[35051],{"type":40,"value":35052},"最後回到 Codex，刷新一下，就可以召喚出你的小寵物啦！🎉",{"type":34,"tag":10421,"props":35054,"children":35055},{},[35056,35061],{"type":34,"tag":42,"props":35057,"children":35058},{},[35059],{"type":40,"value":35060},"以上為 Mac 給新手小白的安裝教學，大老就不用看啦😎",{"type":34,"tag":42,"props":35062,"children":35063},{},[35064],{"type":40,"value":35065},"Windows 有需要的小夥伴可以私訊我，會教你！",{"type":34,"tag":98,"props":35067,"children":35068},{},[],{"type":34,"tag":122,"props":35070,"children":35071},{},[35072,35086],{"type":34,"tag":126,"props":35073,"children":35074},{},[35075,35079,35080],{"type":34,"tag":1008,"props":35076,"children":35077},{},[35078],{"type":40,"value":18039},{"type":40,"value":8046},{"type":34,"tag":72,"props":35081,"children":35084},{"href":35082,"rel":35083},"https:\u002F\u002Fgithub.com\u002Fcrafter-station\u002Fpetdex",[76],[35085],{"type":40,"value":35082},{"type":34,"tag":126,"props":35087,"children":35088},{},[35089,35093,35094],{"type":34,"tag":1008,"props":35090,"children":35091},{},[35092],{"type":40,"value":34827},{"type":40,"value":8046},{"type":34,"tag":72,"props":35095,"children":35098},{"href":35096,"rel":35097},"https:\u002F\u002Fpetdex.crafter.run\u002Fzh\u002Fcreate",[76],[35099],{"type":40,"value":35096},{"type":34,"tag":1548,"props":35101,"children":35102},{},[35103],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":35105},[35106,35107,35108],{"id":34902,"depth":708,"text":34905},{"id":34972,"depth":708,"text":34975},{"id":35044,"depth":708,"text":35047},"content:articles:petdex.md","articles\u002Fpetdex.md","articles\u002Fpetdex",{"_path":35113,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":35114,"description":35115,"date":35116,"category":18127,"image":35117,"tags":35118,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":35119,"gpu":29,"body":35120,"_type":1569,"_id":36336,"_source":1571,"_file":36337,"_stem":36338,"_extension":1574},"\u002Farticles\u002Fcobe","Cobe 輕量 WebGL 地球儀配置教學與 Vue 專案整合指南","想要在網頁上放一個酷炫的 3D 地球，但又不想載入沉重的 Three.js？COBE 是你的最佳選擇。","2026-05-04","\u002Fimages\u002Fcobe-hero.png",[12805,14939,18129,18130],[1591,18132],{"type":31,"children":35121,"toc":36325},[35122,35128,35140,35152,35155,35159,35170,35174,35177,35181,35193,35196,35200,35204,35209,35232,35236,35241,36059,36062,36067,36072,36236,36239,36243,36253,36258,36278,36281,36288,36310,36313,36321],{"type":34,"tag":35,"props":35123,"children":35125},{"id":35124},"為什麼選擇-cobe",[35126],{"type":40,"value":35127},"為什麼選擇 COBE？",{"type":34,"tag":42,"props":35129,"children":35130},{},[35131,35133,35138],{"type":40,"value":35132},"在網頁開發中，加入 3D 元素通常意味著要載入數百 KB 的庫（例如 Three.js）。但如果你只需要一個簡單、優雅且流暢的 3D 地球，",{"type":34,"tag":1008,"props":35134,"children":35135},{},[35136],{"type":40,"value":35137},"COBE",{"type":40,"value":35139}," 絕對會讓你驚艷。",{"type":34,"tag":42,"props":35141,"children":35142},{},[35143,35145,35150],{"type":40,"value":35144},"它是一個基於 WebGL 的輕量級地球儀庫，壓縮後的大小",{"type":34,"tag":1008,"props":35146,"children":35147},{},[35148],{"type":40,"value":35149},"僅約 5KB",{"type":40,"value":35151},"。它不依賴於任何大型框架，性能極佳，且支援高度自定義。",{"type":34,"tag":98,"props":35153,"children":35154},{},[],{"type":34,"tag":35,"props":35156,"children":35157},{"id":12893},[35158],{"type":40,"value":12896},{"type":34,"tag":42,"props":35160,"children":35161},{},[35162,35164,35169],{"type":40,"value":35163},"下面就是我在 Nuxt 3 裡實作的 COBE 地球儀，你可以嘗試",{"type":34,"tag":1008,"props":35165,"children":35166},{},[35167],{"type":40,"value":35168},"用滑鼠拖動它",{"type":40,"value":8046},{"type":34,"tag":35171,"props":35172,"children":35173},"cobe-globe",{},[],{"type":34,"tag":98,"props":35175,"children":35176},{},[],{"type":34,"tag":35,"props":35178,"children":35179},{"id":31705},[35180],{"type":40,"value":31708},{"type":34,"tag":42,"props":35182,"children":35183},{},[35184,35186],{"type":40,"value":35185},"我認為官方做的非常厲害介面設計能力比我強太多了\n",{"type":34,"tag":72,"props":35187,"children":35190},{"href":35188,"rel":35189},"https:\u002F\u002Fcobe.vercel.app\u002F",[76],[35191],{"type":40,"value":35192},"點這裡進入官網",{"type":34,"tag":98,"props":35194,"children":35195},{},[],{"type":34,"tag":35,"props":35197,"children":35198},{"id":18198},[35199],{"type":40,"value":18201},{"type":34,"tag":1854,"props":35201,"children":35202},{"id":18204},[35203],{"type":40,"value":18207},{"type":34,"tag":42,"props":35205,"children":35206},{},[35207],{"type":40,"value":35208},"你可以使用 npm 或 pnpm 安裝：",{"type":34,"tag":243,"props":35210,"children":35212},{"className":245,"code":35211,"language":247,"meta":8,"style":8},"npm install cobe\n",[35213],{"type":34,"tag":58,"props":35214,"children":35215},{"__ignoreMap":8},[35216],{"type":34,"tag":253,"props":35217,"children":35218},{"class":255,"line":256},[35219,35223,35227],{"type":34,"tag":253,"props":35220,"children":35221},{"style":260},[35222],{"type":40,"value":8176},{"type":34,"tag":253,"props":35224,"children":35225},{"style":271},[35226],{"type":40,"value":3698},{"type":34,"tag":253,"props":35228,"children":35229},{"style":271},[35230],{"type":40,"value":35231}," cobe\n",{"type":34,"tag":1854,"props":35233,"children":35234},{"id":27329},[35235],{"type":40,"value":27332},{"type":34,"tag":42,"props":35237,"children":35238},{},[35239],{"type":40,"value":35240},"在 Vue 3 或 Nuxt 3 中，我們需要確保程式碼在客戶端執行（因為涉及 Canvas API）。",{"type":34,"tag":243,"props":35242,"children":35244},{"className":18476,"code":35243,"language":18478,"meta":8,"style":8},"\u003Cscript setup>\nimport createGlobe from 'cobe'\nimport { ref, onMounted } from 'vue'\n\nconst canvasRef = ref(null)\n\nonMounted(() => {\n  const globe = createGlobe(canvasRef.value, {\n    devicePixelRatio: 2,\n    width: 600 * 2,\n    height: 600 * 2,\n    phi: 0,\n    theta: 0,\n    dark: 1,\n    diffuse: 1.2,\n    mapSamples: 16000,\n    mapBrightness: 6,\n    baseColor: [0.3, 0.3, 0.3],\n    markerColor: [233 \u002F 255, 115 \u002F 255, 40 \u002F 255],\n    glowColor: [1, 1, 1],\n    markers: [\n      { location: [25.0330, 121.5654], size: 0.1 }, \u002F\u002F 標註台北\n    ],\n    onRender: (state) => {\n      \u002F\u002F 每一幀的旋轉邏輯\n      state.phi += 0.005\n    },\n  })\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ccanvas ref=\"canvasRef\" style=\"width: 600px; height: 600px\" \u002F>\n\u003C\u002Ftemplate>\n",[35245],{"type":34,"tag":58,"props":35246,"children":35247},{"__ignoreMap":8},[35248,35267,35288,35324,35331,35365,35372,35391,35433,35454,35484,35512,35532,35552,35572,35593,35614,35635,35672,35737,35773,35785,35840,35847,35878,35886,35913,35920,35927,35934,35949,35956,35971,36044],{"type":34,"tag":253,"props":35249,"children":35250},{"class":255,"line":256},[35251,35255,35259,35263],{"type":34,"tag":253,"props":35252,"children":35253},{"style":370},[35254],{"type":40,"value":18490},{"type":34,"tag":253,"props":35256,"children":35257},{"style":712},[35258],{"type":40,"value":18495},{"type":34,"tag":253,"props":35260,"children":35261},{"style":265},[35262],{"type":40,"value":18500},{"type":34,"tag":253,"props":35264,"children":35265},{"style":370},[35266],{"type":40,"value":18452},{"type":34,"tag":253,"props":35268,"children":35269},{"class":255,"line":708},[35270,35274,35279,35283],{"type":34,"tag":253,"props":35271,"children":35272},{"style":11204},[35273],{"type":40,"value":11207},{"type":34,"tag":253,"props":35275,"children":35276},{"style":712},[35277],{"type":40,"value":35278}," createGlobe",{"type":34,"tag":253,"props":35280,"children":35281},{"style":11204},[35282],{"type":40,"value":18311},{"type":34,"tag":253,"props":35284,"children":35285},{"style":271},[35286],{"type":40,"value":35287}," 'cobe'\n",{"type":34,"tag":253,"props":35289,"children":35290},{"class":255,"line":733},[35291,35295,35299,35304,35308,35312,35316,35320],{"type":34,"tag":253,"props":35292,"children":35293},{"style":11204},[35294],{"type":40,"value":11207},{"type":34,"tag":253,"props":35296,"children":35297},{"style":370},[35298],{"type":40,"value":13181},{"type":34,"tag":253,"props":35300,"children":35301},{"style":712},[35302],{"type":40,"value":35303},"ref",{"type":34,"tag":253,"props":35305,"children":35306},{"style":370},[35307],{"type":40,"value":11466},{"type":34,"tag":253,"props":35309,"children":35310},{"style":712},[35311],{"type":40,"value":28743},{"type":34,"tag":253,"props":35313,"children":35314},{"style":370},[35315],{"type":40,"value":13190},{"type":34,"tag":253,"props":35317,"children":35318},{"style":11204},[35319],{"type":40,"value":11220},{"type":34,"tag":253,"props":35321,"children":35322},{"style":271},[35323],{"type":40,"value":28756},{"type":34,"tag":253,"props":35325,"children":35326},{"class":255,"line":755},[35327],{"type":34,"tag":253,"props":35328,"children":35329},{"emptyLinePlaceholder":24},[35330],{"type":40,"value":5053},{"type":34,"tag":253,"props":35332,"children":35333},{"class":255,"line":777},[35334,35338,35343,35347,35352,35356,35361],{"type":34,"tag":253,"props":35335,"children":35336},{"style":11204},[35337],{"type":40,"value":17656},{"type":34,"tag":253,"props":35339,"children":35340},{"style":13239},[35341],{"type":40,"value":35342}," canvasRef",{"type":34,"tag":253,"props":35344,"children":35345},{"style":5037},[35346],{"type":40,"value":12399},{"type":34,"tag":253,"props":35348,"children":35349},{"style":260},[35350],{"type":40,"value":35351}," ref",{"type":34,"tag":253,"props":35353,"children":35354},{"style":370},[35355],{"type":40,"value":11567},{"type":34,"tag":253,"props":35357,"children":35358},{"style":265},[35359],{"type":40,"value":35360},"null",{"type":34,"tag":253,"props":35362,"children":35363},{"style":370},[35364],{"type":40,"value":11509},{"type":34,"tag":253,"props":35366,"children":35367},{"class":255,"line":795},[35368],{"type":34,"tag":253,"props":35369,"children":35370},{"emptyLinePlaceholder":24},[35371],{"type":40,"value":5053},{"type":34,"tag":253,"props":35373,"children":35374},{"class":255,"line":5085},[35375,35379,35383,35387],{"type":34,"tag":253,"props":35376,"children":35377},{"style":260},[35378],{"type":40,"value":28743},{"type":34,"tag":253,"props":35380,"children":35381},{"style":370},[35382],{"type":40,"value":28866},{"type":34,"tag":253,"props":35384,"children":35385},{"style":11204},[35386],{"type":40,"value":28871},{"type":34,"tag":253,"props":35388,"children":35389},{"style":370},[35390],{"type":40,"value":12404},{"type":34,"tag":253,"props":35392,"children":35393},{"class":255,"line":5094},[35394,35398,35403,35407,35411,35415,35420,35424,35429],{"type":34,"tag":253,"props":35395,"children":35396},{"style":11204},[35397],{"type":40,"value":13232},{"type":34,"tag":253,"props":35399,"children":35400},{"style":13239},[35401],{"type":40,"value":35402}," globe",{"type":34,"tag":253,"props":35404,"children":35405},{"style":5037},[35406],{"type":40,"value":12399},{"type":34,"tag":253,"props":35408,"children":35409},{"style":260},[35410],{"type":40,"value":35278},{"type":34,"tag":253,"props":35412,"children":35413},{"style":370},[35414],{"type":40,"value":11567},{"type":34,"tag":253,"props":35416,"children":35417},{"style":13239},[35418],{"type":40,"value":35419},"canvasRef",{"type":34,"tag":253,"props":35421,"children":35422},{"style":370},[35423],{"type":40,"value":17795},{"type":34,"tag":253,"props":35425,"children":35426},{"style":712},[35427],{"type":40,"value":35428},"value",{"type":34,"tag":253,"props":35430,"children":35431},{"style":370},[35432],{"type":40,"value":18843},{"type":34,"tag":253,"props":35434,"children":35435},{"class":255,"line":5117},[35436,35441,35445,35450],{"type":34,"tag":253,"props":35437,"children":35438},{"style":712},[35439],{"type":40,"value":35440},"    devicePixelRatio",{"type":34,"tag":253,"props":35442,"children":35443},{"style":370},[35444],{"type":40,"value":720},{"type":34,"tag":253,"props":35446,"children":35447},{"style":265},[35448],{"type":40,"value":35449},"2",{"type":34,"tag":253,"props":35451,"children":35452},{"style":370},[35453],{"type":40,"value":730},{"type":34,"tag":253,"props":35455,"children":35456},{"class":255,"line":5125},[35457,35462,35466,35470,35475,35480],{"type":34,"tag":253,"props":35458,"children":35459},{"style":712},[35460],{"type":40,"value":35461},"    width",{"type":34,"tag":253,"props":35463,"children":35464},{"style":370},[35465],{"type":40,"value":720},{"type":34,"tag":253,"props":35467,"children":35468},{"style":265},[35469],{"type":40,"value":29889},{"type":34,"tag":253,"props":35471,"children":35472},{"style":5037},[35473],{"type":40,"value":35474}," *",{"type":34,"tag":253,"props":35476,"children":35477},{"style":265},[35478],{"type":40,"value":35479}," 2",{"type":34,"tag":253,"props":35481,"children":35482},{"style":370},[35483],{"type":40,"value":730},{"type":34,"tag":253,"props":35485,"children":35486},{"class":255,"line":5134},[35487,35492,35496,35500,35504,35508],{"type":34,"tag":253,"props":35488,"children":35489},{"style":712},[35490],{"type":40,"value":35491},"    height",{"type":34,"tag":253,"props":35493,"children":35494},{"style":370},[35495],{"type":40,"value":720},{"type":34,"tag":253,"props":35497,"children":35498},{"style":265},[35499],{"type":40,"value":29889},{"type":34,"tag":253,"props":35501,"children":35502},{"style":5037},[35503],{"type":40,"value":35474},{"type":34,"tag":253,"props":35505,"children":35506},{"style":265},[35507],{"type":40,"value":35479},{"type":34,"tag":253,"props":35509,"children":35510},{"style":370},[35511],{"type":40,"value":730},{"type":34,"tag":253,"props":35513,"children":35514},{"class":255,"line":5673},[35515,35520,35524,35528],{"type":34,"tag":253,"props":35516,"children":35517},{"style":712},[35518],{"type":40,"value":35519},"    phi",{"type":34,"tag":253,"props":35521,"children":35522},{"style":370},[35523],{"type":40,"value":720},{"type":34,"tag":253,"props":35525,"children":35526},{"style":265},[35527],{"type":40,"value":29260},{"type":34,"tag":253,"props":35529,"children":35530},{"style":370},[35531],{"type":40,"value":730},{"type":34,"tag":253,"props":35533,"children":35534},{"class":255,"line":5694},[35535,35540,35544,35548],{"type":34,"tag":253,"props":35536,"children":35537},{"style":712},[35538],{"type":40,"value":35539},"    theta",{"type":34,"tag":253,"props":35541,"children":35542},{"style":370},[35543],{"type":40,"value":720},{"type":34,"tag":253,"props":35545,"children":35546},{"style":265},[35547],{"type":40,"value":29260},{"type":34,"tag":253,"props":35549,"children":35550},{"style":370},[35551],{"type":40,"value":730},{"type":34,"tag":253,"props":35553,"children":35554},{"class":255,"line":5715},[35555,35560,35564,35568],{"type":34,"tag":253,"props":35556,"children":35557},{"style":712},[35558],{"type":40,"value":35559},"    dark",{"type":34,"tag":253,"props":35561,"children":35562},{"style":370},[35563],{"type":40,"value":720},{"type":34,"tag":253,"props":35565,"children":35566},{"style":265},[35567],{"type":40,"value":12421},{"type":34,"tag":253,"props":35569,"children":35570},{"style":370},[35571],{"type":40,"value":730},{"type":34,"tag":253,"props":35573,"children":35574},{"class":255,"line":5732},[35575,35580,35584,35589],{"type":34,"tag":253,"props":35576,"children":35577},{"style":712},[35578],{"type":40,"value":35579},"    diffuse",{"type":34,"tag":253,"props":35581,"children":35582},{"style":370},[35583],{"type":40,"value":720},{"type":34,"tag":253,"props":35585,"children":35586},{"style":265},[35587],{"type":40,"value":35588},"1.2",{"type":34,"tag":253,"props":35590,"children":35591},{"style":370},[35592],{"type":40,"value":730},{"type":34,"tag":253,"props":35594,"children":35595},{"class":255,"line":5740},[35596,35601,35605,35610],{"type":34,"tag":253,"props":35597,"children":35598},{"style":712},[35599],{"type":40,"value":35600},"    mapSamples",{"type":34,"tag":253,"props":35602,"children":35603},{"style":370},[35604],{"type":40,"value":720},{"type":34,"tag":253,"props":35606,"children":35607},{"style":265},[35608],{"type":40,"value":35609},"16000",{"type":34,"tag":253,"props":35611,"children":35612},{"style":370},[35613],{"type":40,"value":730},{"type":34,"tag":253,"props":35615,"children":35616},{"class":255,"line":5748},[35617,35622,35626,35631],{"type":34,"tag":253,"props":35618,"children":35619},{"style":712},[35620],{"type":40,"value":35621},"    mapBrightness",{"type":34,"tag":253,"props":35623,"children":35624},{"style":370},[35625],{"type":40,"value":720},{"type":34,"tag":253,"props":35627,"children":35628},{"style":265},[35629],{"type":40,"value":35630},"6",{"type":34,"tag":253,"props":35632,"children":35633},{"style":370},[35634],{"type":40,"value":730},{"type":34,"tag":253,"props":35636,"children":35637},{"class":255,"line":5769},[35638,35643,35647,35652,35656,35660,35664,35668],{"type":34,"tag":253,"props":35639,"children":35640},{"style":712},[35641],{"type":40,"value":35642},"    baseColor",{"type":34,"tag":253,"props":35644,"children":35645},{"style":370},[35646],{"type":40,"value":28976},{"type":34,"tag":253,"props":35648,"children":35649},{"style":265},[35650],{"type":40,"value":35651},"0.3",{"type":34,"tag":253,"props":35653,"children":35654},{"style":370},[35655],{"type":40,"value":11466},{"type":34,"tag":253,"props":35657,"children":35658},{"style":265},[35659],{"type":40,"value":35651},{"type":34,"tag":253,"props":35661,"children":35662},{"style":370},[35663],{"type":40,"value":11466},{"type":34,"tag":253,"props":35665,"children":35666},{"style":265},[35667],{"type":40,"value":35651},{"type":34,"tag":253,"props":35669,"children":35670},{"style":370},[35671],{"type":40,"value":11368},{"type":34,"tag":253,"props":35673,"children":35674},{"class":255,"line":5790},[35675,35680,35684,35689,35694,35699,35703,35708,35712,35716,35720,35725,35729,35733],{"type":34,"tag":253,"props":35676,"children":35677},{"style":712},[35678],{"type":40,"value":35679},"    markerColor",{"type":34,"tag":253,"props":35681,"children":35682},{"style":370},[35683],{"type":40,"value":28976},{"type":34,"tag":253,"props":35685,"children":35686},{"style":265},[35687],{"type":40,"value":35688},"233",{"type":34,"tag":253,"props":35690,"children":35691},{"style":5037},[35692],{"type":40,"value":35693}," \u002F",{"type":34,"tag":253,"props":35695,"children":35696},{"style":265},[35697],{"type":40,"value":35698}," 255",{"type":34,"tag":253,"props":35700,"children":35701},{"style":370},[35702],{"type":40,"value":11466},{"type":34,"tag":253,"props":35704,"children":35705},{"style":265},[35706],{"type":40,"value":35707},"115",{"type":34,"tag":253,"props":35709,"children":35710},{"style":5037},[35711],{"type":40,"value":35693},{"type":34,"tag":253,"props":35713,"children":35714},{"style":265},[35715],{"type":40,"value":35698},{"type":34,"tag":253,"props":35717,"children":35718},{"style":370},[35719],{"type":40,"value":11466},{"type":34,"tag":253,"props":35721,"children":35722},{"style":265},[35723],{"type":40,"value":35724},"40",{"type":34,"tag":253,"props":35726,"children":35727},{"style":5037},[35728],{"type":40,"value":35693},{"type":34,"tag":253,"props":35730,"children":35731},{"style":265},[35732],{"type":40,"value":35698},{"type":34,"tag":253,"props":35734,"children":35735},{"style":370},[35736],{"type":40,"value":11368},{"type":34,"tag":253,"props":35738,"children":35739},{"class":255,"line":5806},[35740,35745,35749,35753,35757,35761,35765,35769],{"type":34,"tag":253,"props":35741,"children":35742},{"style":712},[35743],{"type":40,"value":35744},"    glowColor",{"type":34,"tag":253,"props":35746,"children":35747},{"style":370},[35748],{"type":40,"value":28976},{"type":34,"tag":253,"props":35750,"children":35751},{"style":265},[35752],{"type":40,"value":12421},{"type":34,"tag":253,"props":35754,"children":35755},{"style":370},[35756],{"type":40,"value":11466},{"type":34,"tag":253,"props":35758,"children":35759},{"style":265},[35760],{"type":40,"value":12421},{"type":34,"tag":253,"props":35762,"children":35763},{"style":370},[35764],{"type":40,"value":11466},{"type":34,"tag":253,"props":35766,"children":35767},{"style":265},[35768],{"type":40,"value":12421},{"type":34,"tag":253,"props":35770,"children":35771},{"style":370},[35772],{"type":40,"value":11368},{"type":34,"tag":253,"props":35774,"children":35775},{"class":255,"line":5815},[35776,35781],{"type":34,"tag":253,"props":35777,"children":35778},{"style":712},[35779],{"type":40,"value":35780},"    markers",{"type":34,"tag":253,"props":35782,"children":35783},{"style":370},[35784],{"type":40,"value":5588},{"type":34,"tag":253,"props":35786,"children":35787},{"class":255,"line":5824},[35788,35792,35797,35801,35805,35809,35813,35817,35821,35825,35830,35835],{"type":34,"tag":253,"props":35789,"children":35790},{"style":370},[35791],{"type":40,"value":29135},{"type":34,"tag":253,"props":35793,"children":35794},{"style":712},[35795],{"type":40,"value":35796},"location",{"type":34,"tag":253,"props":35798,"children":35799},{"style":370},[35800],{"type":40,"value":28976},{"type":34,"tag":253,"props":35802,"children":35803},{"style":265},[35804],{"type":40,"value":28990},{"type":34,"tag":253,"props":35806,"children":35807},{"style":370},[35808],{"type":40,"value":11466},{"type":34,"tag":253,"props":35810,"children":35811},{"style":265},[35812],{"type":40,"value":28981},{"type":34,"tag":253,"props":35814,"children":35815},{"style":370},[35816],{"type":40,"value":28995},{"type":34,"tag":253,"props":35818,"children":35819},{"style":712},[35820],{"type":40,"value":29165},{"type":34,"tag":253,"props":35822,"children":35823},{"style":370},[35824],{"type":40,"value":720},{"type":34,"tag":253,"props":35826,"children":35827},{"style":265},[35828],{"type":40,"value":35829},"0.1",{"type":34,"tag":253,"props":35831,"children":35832},{"style":370},[35833],{"type":40,"value":35834}," }, ",{"type":34,"tag":253,"props":35836,"children":35837},{"style":5059},[35838],{"type":40,"value":35839},"\u002F\u002F 標註台北\n",{"type":34,"tag":253,"props":35841,"children":35842},{"class":255,"line":5833},[35843],{"type":34,"tag":253,"props":35844,"children":35845},{"style":370},[35846],{"type":40,"value":29186},{"type":34,"tag":253,"props":35848,"children":35849},{"class":255,"line":5846},[35850,35855,35860,35865,35870,35874],{"type":34,"tag":253,"props":35851,"children":35852},{"style":260},[35853],{"type":40,"value":35854},"    onRender",{"type":34,"tag":253,"props":35856,"children":35857},{"style":370},[35858],{"type":40,"value":35859},": (",{"type":34,"tag":253,"props":35861,"children":35862},{"style":11346},[35863],{"type":40,"value":35864},"state",{"type":34,"tag":253,"props":35866,"children":35867},{"style":370},[35868],{"type":40,"value":35869},") ",{"type":34,"tag":253,"props":35871,"children":35872},{"style":11204},[35873],{"type":40,"value":28871},{"type":34,"tag":253,"props":35875,"children":35876},{"style":370},[35877],{"type":40,"value":12404},{"type":34,"tag":253,"props":35879,"children":35880},{"class":255,"line":5866},[35881],{"type":34,"tag":253,"props":35882,"children":35883},{"style":5059},[35884],{"type":40,"value":35885},"      \u002F\u002F 每一幀的旋轉邏輯\n",{"type":34,"tag":253,"props":35887,"children":35888},{"class":255,"line":5884},[35889,35894,35898,35903,35908],{"type":34,"tag":253,"props":35890,"children":35891},{"style":13239},[35892],{"type":40,"value":35893},"      state",{"type":34,"tag":253,"props":35895,"children":35896},{"style":370},[35897],{"type":40,"value":17795},{"type":34,"tag":253,"props":35899,"children":35900},{"style":712},[35901],{"type":40,"value":35902},"phi",{"type":34,"tag":253,"props":35904,"children":35905},{"style":5037},[35906],{"type":40,"value":35907}," +=",{"type":34,"tag":253,"props":35909,"children":35910},{"style":265},[35911],{"type":40,"value":35912}," 0.005\n",{"type":34,"tag":253,"props":35914,"children":35915},{"class":255,"line":5893},[35916],{"type":34,"tag":253,"props":35917,"children":35918},{"style":370},[35919],{"type":40,"value":5830},{"type":34,"tag":253,"props":35921,"children":35922},{"class":255,"line":5902},[35923],{"type":34,"tag":253,"props":35924,"children":35925},{"style":370},[35926],{"type":40,"value":29050},{"type":34,"tag":253,"props":35928,"children":35929},{"class":255,"line":11810},[35930],{"type":34,"tag":253,"props":35931,"children":35932},{"style":370},[35933],{"type":40,"value":29791},{"type":34,"tag":253,"props":35935,"children":35936},{"class":255,"line":11833},[35937,35941,35945],{"type":34,"tag":253,"props":35938,"children":35939},{"style":370},[35940],{"type":40,"value":18567},{"type":34,"tag":253,"props":35942,"children":35943},{"style":712},[35944],{"type":40,"value":18495},{"type":34,"tag":253,"props":35946,"children":35947},{"style":370},[35948],{"type":40,"value":18452},{"type":34,"tag":253,"props":35950,"children":35951},{"class":255,"line":11847},[35952],{"type":34,"tag":253,"props":35953,"children":35954},{"emptyLinePlaceholder":24},[35955],{"type":40,"value":5053},{"type":34,"tag":253,"props":35957,"children":35958},{"class":255,"line":11865},[35959,35963,35967],{"type":34,"tag":253,"props":35960,"children":35961},{"style":370},[35962],{"type":40,"value":18490},{"type":34,"tag":253,"props":35964,"children":35965},{"style":712},[35966],{"type":40,"value":18594},{"type":34,"tag":253,"props":35968,"children":35969},{"style":370},[35970],{"type":40,"value":18452},{"type":34,"tag":253,"props":35972,"children":35973},{"class":255,"line":11874},[35974,35978,35982,35986,35990,35995,35999,36003,36007,36012,36016,36020,36024,36028,36032,36036,36040],{"type":34,"tag":253,"props":35975,"children":35976},{"style":370},[35977],{"type":40,"value":18606},{"type":34,"tag":253,"props":35979,"children":35980},{"style":712},[35981],{"type":40,"value":30048},{"type":34,"tag":253,"props":35983,"children":35984},{"style":265},[35985],{"type":40,"value":35351},{"type":34,"tag":253,"props":35987,"children":35988},{"style":370},[35989],{"type":40,"value":11275},{"type":34,"tag":253,"props":35991,"children":35992},{"style":271},[35993],{"type":40,"value":35994},"\"canvasRef\"",{"type":34,"tag":253,"props":35996,"children":35997},{"style":265},[35998],{"type":40,"value":18394},{"type":34,"tag":253,"props":36000,"children":36001},{"style":370},[36002],{"type":40,"value":11275},{"type":34,"tag":253,"props":36004,"children":36005},{"style":370},[36006],{"type":40,"value":9521},{"type":34,"tag":253,"props":36008,"children":36009},{"style":370},[36010],{"type":40,"value":36011},"width: ",{"type":34,"tag":253,"props":36013,"children":36014},{"style":265},[36015],{"type":40,"value":29889},{"type":34,"tag":253,"props":36017,"children":36018},{"style":712},[36019],{"type":40,"value":29894},{"type":34,"tag":253,"props":36021,"children":36022},{"style":370},[36023],{"type":40,"value":29884},{"type":34,"tag":253,"props":36025,"children":36026},{"style":265},[36027],{"type":40,"value":29889},{"type":34,"tag":253,"props":36029,"children":36030},{"style":712},[36031],{"type":40,"value":29894},{"type":34,"tag":253,"props":36033,"children":36034},{"style":370},[36035],{"type":40,"value":9521},{"type":34,"tag":253,"props":36037,"children":36038},{"style":18432},[36039],{"type":40,"value":35693},{"type":34,"tag":253,"props":36041,"children":36042},{"style":370},[36043],{"type":40,"value":18452},{"type":34,"tag":253,"props":36045,"children":36046},{"class":255,"line":11923},[36047,36051,36055],{"type":34,"tag":253,"props":36048,"children":36049},{"style":370},[36050],{"type":40,"value":18567},{"type":34,"tag":253,"props":36052,"children":36053},{"style":712},[36054],{"type":40,"value":18594},{"type":34,"tag":253,"props":36056,"children":36057},{"style":370},[36058],{"type":40,"value":18452},{"type":34,"tag":98,"props":36060,"children":36061},{},[],{"type":34,"tag":35,"props":36063,"children":36065},{"id":36064},"核心配置說明",[36066],{"type":40,"value":36064},{"type":34,"tag":42,"props":36068,"children":36069},{},[36070],{"type":40,"value":36071},"COBE 提供了豐富的參數讓你調整地球的外觀：",{"type":34,"tag":6866,"props":36073,"children":36074},{},[36075,36095],{"type":34,"tag":6870,"props":36076,"children":36077},{},[36078],{"type":34,"tag":6874,"props":36079,"children":36080},{},[36081,36086,36090],{"type":34,"tag":6878,"props":36082,"children":36083},{"align":6880},[36084],{"type":40,"value":36085},"參數",{"type":34,"tag":6878,"props":36087,"children":36088},{"align":6880},[36089],{"type":40,"value":34310},{"type":34,"tag":6878,"props":36091,"children":36092},{"align":6880},[36093],{"type":40,"value":36094},"範例值",{"type":34,"tag":6890,"props":36096,"children":36097},{},[36098,36132,36160,36188,36214],{"type":34,"tag":6874,"props":36099,"children":36100},{},[36101,36110,36115],{"type":34,"tag":6897,"props":36102,"children":36103},{"align":6880},[36104],{"type":34,"tag":58,"props":36105,"children":36107},{"className":36106},[],[36108],{"type":40,"value":36109},"dark",{"type":34,"tag":6897,"props":36111,"children":36112},{"align":6880},[36113],{"type":40,"value":36114},"背景明暗度",{"type":34,"tag":6897,"props":36116,"children":36117},{"align":6880},[36118,36123,36125,36130],{"type":34,"tag":58,"props":36119,"children":36121},{"className":36120},[],[36122],{"type":40,"value":29260},{"type":40,"value":36124}," (明亮) \u002F ",{"type":34,"tag":58,"props":36126,"children":36128},{"className":36127},[],[36129],{"type":40,"value":12421},{"type":40,"value":36131}," (黑暗)",{"type":34,"tag":6874,"props":36133,"children":36134},{},[36135,36144,36149],{"type":34,"tag":6897,"props":36136,"children":36137},{"align":6880},[36138],{"type":34,"tag":58,"props":36139,"children":36141},{"className":36140},[],[36142],{"type":40,"value":36143},"mapSamples",{"type":34,"tag":6897,"props":36145,"children":36146},{"align":6880},[36147],{"type":40,"value":36148},"地圖採樣點數量",{"type":34,"tag":6897,"props":36150,"children":36151},{"align":6880},[36152,36154,36159],{"type":40,"value":36153},"愈高愈細緻，但也愈吃效能 (建議 ",{"type":34,"tag":58,"props":36155,"children":36157},{"className":36156},[],[36158],{"type":40,"value":35609},{"type":40,"value":23130},{"type":34,"tag":6874,"props":36161,"children":36162},{},[36163,36172,36177],{"type":34,"tag":6897,"props":36164,"children":36165},{"align":6880},[36166],{"type":34,"tag":58,"props":36167,"children":36169},{"className":36168},[],[36170],{"type":40,"value":36171},"baseColor",{"type":34,"tag":6897,"props":36173,"children":36174},{"align":6880},[36175],{"type":40,"value":36176},"地球表面顏色",{"type":34,"tag":6897,"props":36178,"children":36179},{"align":6880},[36180,36186],{"type":34,"tag":58,"props":36181,"children":36183},{"className":36182},[],[36184],{"type":40,"value":36185},"[r, g, b]",{"type":40,"value":36187}," 格式",{"type":34,"tag":6874,"props":36189,"children":36190},{},[36191,36200,36205],{"type":34,"tag":6897,"props":36192,"children":36193},{"align":6880},[36194],{"type":34,"tag":58,"props":36195,"children":36197},{"className":36196},[],[36198],{"type":40,"value":36199},"markerColor",{"type":34,"tag":6897,"props":36201,"children":36202},{"align":6880},[36203],{"type":40,"value":36204},"標記點顏色",{"type":34,"tag":6897,"props":36206,"children":36207},{"align":6880},[36208,36213],{"type":34,"tag":58,"props":36209,"children":36211},{"className":36210},[],[36212],{"type":40,"value":36185},{"type":40,"value":36187},{"type":34,"tag":6874,"props":36215,"children":36216},{},[36217,36226,36231],{"type":34,"tag":6897,"props":36218,"children":36219},{"align":6880},[36220],{"type":34,"tag":58,"props":36221,"children":36223},{"className":36222},[],[36224],{"type":40,"value":36225},"markers",{"type":34,"tag":6897,"props":36227,"children":36228},{"align":6880},[36229],{"type":40,"value":36230},"地圖上的標註點",{"type":34,"tag":6897,"props":36232,"children":36233},{"align":6880},[36234],{"type":40,"value":36235},"經緯度座標清單",{"type":34,"tag":98,"props":36237,"children":36238},{},[],{"type":34,"tag":35,"props":36240,"children":36241},{"id":24000},[36242],{"type":40,"value":24000},{"type":34,"tag":42,"props":36244,"children":36245},{},[36246,36248],{"type":40,"value":36247},"我非常喜歡 COBE 的設計哲學：",{"type":34,"tag":1008,"props":36249,"children":36250},{},[36251],{"type":40,"value":36252},"只做一件事，並把它做到最好。",{"type":34,"tag":42,"props":36254,"children":36255},{},[36256],{"type":40,"value":36257},"如果你只是想為你的 Landing Page 增加一點視覺上的「高級感」，或者像我一樣想在個人部落格展示一下所在地，COBE 的 CP 值真的非常高。它不像 Three.js 那樣有極高的學習曲線，幾行程式碼就能搞定。",{"type":34,"tag":10421,"props":36259,"children":36260},{},[36261],{"type":34,"tag":42,"props":36262,"children":36263},{},[36264,36268,36270,36276],{"type":34,"tag":1008,"props":36265,"children":36266},{},[36267],{"type":40,"value":24029},{"type":40,"value":36269},"：在 Nuxt 中使用時，記得用 ",{"type":34,"tag":58,"props":36271,"children":36273},{"className":36272},[],[36274],{"type":40,"value":36275},"\u003CClientOnly>",{"type":40,"value":36277}," 包裹，否則會因為 SSR 找不到 window\u002Fcanvas 而報錯喔！",{"type":34,"tag":98,"props":36279,"children":36280},{},[],{"type":34,"tag":42,"props":36282,"children":36283},{},[36284],{"type":34,"tag":1008,"props":36285,"children":36286},{},[36287],{"type":40,"value":1514},{"type":34,"tag":122,"props":36289,"children":36290},{},[36291,36301],{"type":34,"tag":126,"props":36292,"children":36293},{},[36294],{"type":34,"tag":72,"props":36295,"children":36298},{"href":36296,"rel":36297},"https:\u002F\u002Fgithub.com\u002Fshuding\u002Fcobe",[76],[36299],{"type":40,"value":36300},"COBE GitHub 倉庫",{"type":34,"tag":126,"props":36302,"children":36303},{},[36304],{"type":34,"tag":72,"props":36305,"children":36307},{"href":35188,"rel":36306},[76],[36308],{"type":40,"value":36309},"作者 Shuding 的官方 Demo",{"type":34,"tag":98,"props":36311,"children":36312},{},[],{"type":34,"tag":42,"props":36314,"children":36315},{},[36316],{"type":34,"tag":9919,"props":36317,"children":36318},{},[36319],{"type":40,"value":36320},"本文地球儀實作參考自 COBE 官方範例並針對 Nuxt 3 進行組件化封裝。",{"type":34,"tag":1548,"props":36322,"children":36323},{},[36324],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":36326},[36327,36328,36329,36330,36334,36335],{"id":35124,"depth":708,"text":35127},{"id":12893,"depth":708,"text":12896},{"id":31705,"depth":708,"text":31708},{"id":18198,"depth":708,"text":18201,"children":36331},[36332,36333],{"id":18204,"depth":733,"text":18207},{"id":27329,"depth":733,"text":27332},{"id":36064,"depth":708,"text":36064},{"id":24000,"depth":708,"text":24000},"content:articles:cobe.md","articles\u002Fcobe.md","articles\u002Fcobe",{"_path":36340,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":36341,"description":36342,"date":36343,"category":17,"image":36344,"tags":36345,"series":1585,"readingTime":1586,"difficulty":1587,"local":24,"platforms":36346,"gpu":29,"body":36347,"_type":1569,"_id":36984,"_source":1571,"_file":36985,"_stem":36986,"_extension":1574},"\u002Farticles\u002Fsupercmd","SuperCmd 開源 Mac 快捷啟動器安裝與自定義指令配置指南","整合 Raycast 擴充、語音輸入與 AI 助手，這款開源工具能成為你的新寵嗎？","2026-05-03","\u002Fimages\u002Fsupercmd-hero.png",[17,1584],[26],{"type":31,"children":36348,"toc":36969},[36349,36353,36371,36376,36379,36383,36388,36407,36410,36416,36421,36427,36508,36534,36542,36548,36553,36664,36672,36675,36679,36685,36690,36696,36701,36744,36747,36753,36758,36856,36869,36872,36877,36882,36905,36908,36914,36926,36929,36936,36958,36961],{"type":34,"tag":35,"props":36350,"children":36351},{"id":25443},[36352],{"type":40,"value":25443},{"type":34,"tag":42,"props":36354,"children":36355},{},[36356,36358,36363,36365,36370],{"type":40,"value":36357},"如果你跟我一樣，是一個重度的 Mac 使用者，那你一定聽過 ",{"type":34,"tag":1008,"props":36359,"children":36360},{},[36361],{"type":40,"value":36362},"Raycast",{"type":40,"value":36364},"。但今天我要介紹的是它的強力競爭者：",{"type":34,"tag":1008,"props":36366,"children":36367},{},[36368],{"type":40,"value":36369},"SuperCmd",{"type":40,"value":222},{"type":34,"tag":42,"props":36372,"children":36373},{},[36374],{"type":40,"value":36375},"SuperCmd 是一個專為 macOS 設計的開源啟動器，它的野心很大——試圖將 Raycast 的擴充生態、Wispr Flow 的語音聽寫、Speechify 的文字轉語音，以及 AI 助手全部整合進一個單一工具中。最重要的是，它是完全開源的！",{"type":34,"tag":98,"props":36377,"children":36378},{},[],{"type":34,"tag":35,"props":36380,"children":36381},{"id":31061},[36382],{"type":40,"value":31064},{"type":34,"tag":42,"props":36384,"children":36385},{},[36386],{"type":40,"value":36387},"這是我錄製的實測影片，主要展示了它的剪貼簿管理與語音播放功能：",{"type":34,"tag":565,"props":36389,"children":36391},{"className":36390},[568,569,570,571,572,573,574],[36392,36393,36400,36401],{"type":40,"value":577},{"type":34,"tag":24947,"props":36394,"children":36398},{"src":36395,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":36396,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":36397},"\u002Fvideos\u002Fsupercmd.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fsupercmd.jpg",[36399],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":36402,"children":36404},{"className":36403},[590,591,592,593,594,595],[36405],{"type":40,"value":36406},"SuperCmd 剪貼簿與語音功能實測",{"type":34,"tag":98,"props":36408,"children":36409},{},[],{"type":34,"tag":35,"props":36411,"children":36413},{"id":36412},"安裝教學",[36414],{"type":40,"value":36415},"安裝教學：",{"type":34,"tag":42,"props":36417,"children":36418},{},[36419],{"type":40,"value":36420},"SuperCmd 目前主要透過 GitHub 釋出版本，請根據你的 Mac 晶片選擇正確的版本。",{"type":34,"tag":1854,"props":36422,"children":36424},{"id":36423},"第一步下載與安裝",[36425],{"type":40,"value":36426},"第一步：下載與安裝",{"type":34,"tag":177,"props":36428,"children":36429},{},[36430,36443,36483],{"type":34,"tag":126,"props":36431,"children":36432},{},[36433,36434,36441],{"type":40,"value":8974},{"type":34,"tag":72,"props":36435,"children":36438},{"href":36436,"rel":36437},"https:\u002F\u002Fgithub.com\u002FSuperCmdLabs\u002FSuperCmd\u002Freleases",[76],[36439],{"type":40,"value":36440},"SuperCmd GitHub Releases",{"type":40,"value":36442}," 頁面。",{"type":34,"tag":126,"props":36444,"children":36445},{},[36446,36448],{"type":40,"value":36447},"根據你的電腦晶片下載對應檔案：\n",{"type":34,"tag":122,"props":36449,"children":36450},{},[36451,36467],{"type":34,"tag":126,"props":36452,"children":36453},{},[36454,36459,36460,36466],{"type":34,"tag":1008,"props":36455,"children":36456},{},[36457],{"type":40,"value":36458},"Apple Silicon (M1\u002FM2\u002FM3\u002FM4)",{"type":40,"value":20313},{"type":34,"tag":58,"props":36461,"children":36463},{"className":36462},[],[36464],{"type":40,"value":36465},"SuperCmd-x.x.x-arm64.dmg",{"type":40,"value":222},{"type":34,"tag":126,"props":36468,"children":36469},{},[36470,36475,36476,36482],{"type":34,"tag":1008,"props":36471,"children":36472},{},[36473],{"type":40,"value":36474},"Intel Mac",{"type":40,"value":20313},{"type":34,"tag":58,"props":36477,"children":36479},{"className":36478},[],[36480],{"type":40,"value":36481},"SuperCmd-x.x.x.dmg",{"type":40,"value":222},{"type":34,"tag":126,"props":36484,"children":36485},{},[36486,36488,36493,36495,36499,36501,36506],{"type":40,"value":36487},"打開 ",{"type":34,"tag":58,"props":36489,"children":36491},{"className":36490},[],[36492],{"type":40,"value":4641},{"type":40,"value":36494}," 檔，並將 ",{"type":34,"tag":1008,"props":36496,"children":36497},{},[36498],{"type":40,"value":36369},{"type":40,"value":36500}," 圖示拖移到 ",{"type":34,"tag":1008,"props":36502,"children":36503},{},[36504],{"type":40,"value":36505},"Applications (應用程式)",{"type":40,"value":36507}," 資料夾中。",{"type":34,"tag":10421,"props":36509,"children":36510},{},[36511],{"type":34,"tag":42,"props":36512,"children":36513},{},[36514,36519,36521,36526,36528,36533],{"type":34,"tag":1008,"props":36515,"children":36516},{},[36517],{"type":40,"value":36518},"提示",{"type":40,"value":36520},"：第一次開啟時，Mac 可能會顯示「無法辨識開發者」，請至 ",{"type":34,"tag":1008,"props":36522,"children":36523},{},[36524],{"type":40,"value":36525},"「系統設定」 > 「隱私權與安全性」",{"type":40,"value":36527}," 點擊 ",{"type":34,"tag":1008,"props":36529,"children":36530},{},[36531],{"type":40,"value":36532},"「仍要開啟」",{"type":40,"value":222},{"type":34,"tag":42,"props":36535,"children":36536},{},[36537],{"type":34,"tag":579,"props":36538,"children":36541},{"alt":36539,"src":36540},"安裝示意圖：這裡放一張拖移安裝的截圖","\u002Fimages\u002Fsupercmd-install-placeholder.png",[],{"type":34,"tag":1854,"props":36543,"children":36545},{"id":36544},"第二步設定必要權限",[36546],{"type":40,"value":36547},"第二步：設定必要權限",{"type":34,"tag":42,"props":36549,"children":36550},{},[36551],{"type":40,"value":36552},"為了讓 SuperCmd 的強大功能運作，你需要授予以下權限（App 第一次執行時也會提示你）：",{"type":34,"tag":6866,"props":36554,"children":36555},{},[36556,36577],{"type":34,"tag":6870,"props":36557,"children":36558},{},[36559],{"type":34,"tag":6874,"props":36560,"children":36561},{},[36562,36567,36572],{"type":34,"tag":6878,"props":36563,"children":36564},{"align":6880},[36565],{"type":40,"value":36566},"權限項目",{"type":34,"tag":6878,"props":36568,"children":36569},{"align":6880},[36570],{"type":40,"value":36571},"為什麼需要？",{"type":34,"tag":6878,"props":36573,"children":36574},{"align":6880},[36575],{"type":40,"value":36576},"影響的功能",{"type":34,"tag":6890,"props":36578,"children":36579},{},[36580,36601,36622,36643],{"type":34,"tag":6874,"props":36581,"children":36582},{},[36583,36591,36596],{"type":34,"tag":6897,"props":36584,"children":36585},{"align":6880},[36586],{"type":34,"tag":1008,"props":36587,"children":36588},{},[36589],{"type":40,"value":36590},"輔助使用 (Accessibility)",{"type":34,"tag":6897,"props":36592,"children":36593},{"align":6880},[36594],{"type":40,"value":36595},"視窗管理與模擬按鍵",{"type":34,"tag":6897,"props":36597,"children":36598},{"align":6880},[36599],{"type":40,"value":36600},"視窗分割、Snippet 自動補全",{"type":34,"tag":6874,"props":36602,"children":36603},{},[36604,36612,36617],{"type":34,"tag":6897,"props":36605,"children":36606},{"align":6880},[36607],{"type":34,"tag":1008,"props":36608,"children":36609},{},[36610],{"type":40,"value":36611},"輸入監控 (Input Monitoring)",{"type":34,"tag":6897,"props":36613,"children":36614},{"align":6880},[36615],{"type":40,"value":36616},"偵測全域快捷鍵",{"type":34,"tag":6897,"props":36618,"children":36619},{"align":6880},[36620],{"type":40,"value":36621},"喚起啟動器、按住說話 (Hold-to-speak)",{"type":34,"tag":6874,"props":36623,"children":36624},{},[36625,36633,36638],{"type":34,"tag":6897,"props":36626,"children":36627},{"align":6880},[36628],{"type":34,"tag":1008,"props":36629,"children":36630},{},[36631],{"type":40,"value":36632},"麥克風 (Microphone)",{"type":34,"tag":6897,"props":36634,"children":36635},{"align":6880},[36636],{"type":40,"value":36637},"語音轉文字",{"type":34,"tag":6897,"props":36639,"children":36640},{"align":6880},[36641],{"type":40,"value":36642},"語音聽寫功能 (選配)",{"type":34,"tag":6874,"props":36644,"children":36645},{},[36646,36654,36659],{"type":34,"tag":6897,"props":36647,"children":36648},{"align":6880},[36649],{"type":34,"tag":1008,"props":36650,"children":36651},{},[36652],{"type":40,"value":36653},"自動化 (Automation)",{"type":34,"tag":6897,"props":36655,"children":36656},{"align":6880},[36657],{"type":40,"value":36658},"取得選取文字",{"type":34,"tag":6897,"props":36660,"children":36661},{"align":6880},[36662],{"type":40,"value":36663},"各種擴充套件的自動化操作",{"type":34,"tag":42,"props":36665,"children":36666},{},[36667],{"type":34,"tag":9919,"props":36668,"children":36669},{},[36670],{"type":40,"value":36671},"提示：授予權限後，建議重啟 App 以確保設定生效。",{"type":34,"tag":98,"props":36673,"children":36674},{},[],{"type":34,"tag":35,"props":36676,"children":36677},{"id":16980},[36678],{"type":40,"value":16980},{"type":34,"tag":1854,"props":36680,"children":36682},{"id":36681},"_1-完美兼容-raycast-extensions",[36683],{"type":40,"value":36684},"1. 完美兼容 Raycast Extensions",{"type":34,"tag":42,"props":36686,"children":36687},{},[36688],{"type":40,"value":36689},"這是我覺得最厲害的地方。作者非常強大，讓 SuperCmd 能夠直接運行 Raycast 的擴充套件。如果你已經習慣了 Raycast 的工作流，切換過來的門檻非常低。",{"type":34,"tag":1854,"props":36691,"children":36693},{"id":36692},"_2-多合一的強大功能",[36694],{"type":40,"value":36695},"2. 多合一的強大功能",{"type":34,"tag":42,"props":36697,"children":36698},{},[36699],{"type":40,"value":36700},"SuperCmd 不只是一個啟動器，它還整合了：",{"type":34,"tag":122,"props":36702,"children":36703},{},[36704,36714,36724,36734],{"type":34,"tag":126,"props":36705,"children":36706},{},[36707,36712],{"type":34,"tag":1008,"props":36708,"children":36709},{},[36710],{"type":40,"value":36711},"剪貼簿歷史 (Clipboard)",{"type":40,"value":36713},"：這是我最常用的功能，反應速度極快。",{"type":34,"tag":126,"props":36715,"children":36716},{},[36717,36722],{"type":34,"tag":1008,"props":36718,"children":36719},{},[36720],{"type":40,"value":36721},"語音聽寫 (Dictation)",{"type":40,"value":36723},"：類似 Wispr Flow，讓你按住按鍵就能說話轉文字。",{"type":34,"tag":126,"props":36725,"children":36726},{},[36727,36732],{"type":34,"tag":1008,"props":36728,"children":36729},{},[36730],{"type":40,"value":36731},"文字轉語音 (TTS)",{"type":40,"value":36733},"：整合了類似 Speechify 的高品質語音，甚至可以使用 ElevenLabs 的 API。",{"type":34,"tag":126,"props":36735,"children":36736},{},[36737,36742],{"type":34,"tag":1008,"props":36738,"children":36739},{},[36740],{"type":40,"value":36741},"AI 助手",{"type":40,"value":36743},"：支援 OpenAI、Anthropic、Gemini 以及本地的 Ollama。",{"type":34,"tag":98,"props":36745,"children":36746},{},[],{"type":34,"tag":35,"props":36748,"children":36750},{"id":36749},"真實使用心得-誠實分享",[36751],{"type":40,"value":36752},"真實使用心得 (誠實分享)",{"type":34,"tag":42,"props":36754,"children":36755},{},[36756],{"type":40,"value":36757},"這款工具我已經使用一段時間了，以下是我的真實感受：",{"type":34,"tag":6866,"props":36759,"children":36760},{},[36761,36777],{"type":34,"tag":6870,"props":36762,"children":36763},{},[36764],{"type":34,"tag":6874,"props":36765,"children":36766},{},[36767,36772],{"type":34,"tag":6878,"props":36768,"children":36769},{"align":6880},[36770],{"type":40,"value":36771},"功能",{"type":34,"tag":6878,"props":36773,"children":36774},{"align":6880},[36775],{"type":40,"value":36776},"心得",{"type":34,"tag":6890,"props":36778,"children":36779},{},[36780,36801,36824,36840],{"type":34,"tag":6874,"props":36781,"children":36782},{},[36783,36791],{"type":34,"tag":6897,"props":36784,"children":36785},{"align":6880},[36786],{"type":34,"tag":1008,"props":36787,"children":36788},{},[36789],{"type":40,"value":36790},"剪貼簿",{"type":34,"tag":6897,"props":36792,"children":36793},{"align":6880},[36794,36799],{"type":34,"tag":1008,"props":36795,"children":36796},{},[36797],{"type":40,"value":36798},"非常好用",{"type":40,"value":36800},"！速度快且直覺，是我目前的主力。",{"type":34,"tag":6874,"props":36802,"children":36803},{},[36804,36812],{"type":34,"tag":6897,"props":36805,"children":36806},{"align":6880},[36807],{"type":34,"tag":1008,"props":36808,"children":36809},{},[36810],{"type":40,"value":36811},"語音聽寫",{"type":34,"tag":6897,"props":36813,"children":36814},{"align":6880},[36815,36817,36822],{"type":40,"value":36816},"中文表現目前",{"type":34,"tag":1008,"props":36818,"children":36819},{},[36820],{"type":40,"value":36821},"不太理想",{"type":40,"value":36823},"，如果期待它能完美替代 Wispr Flow 的中文輸入，可能還需要等等。",{"type":34,"tag":6874,"props":36825,"children":36826},{},[36827,36835],{"type":34,"tag":6897,"props":36828,"children":36829},{"align":6880},[36830],{"type":34,"tag":1008,"props":36831,"children":36832},{},[36833],{"type":40,"value":36834},"語音朗讀",{"type":34,"tag":6897,"props":36836,"children":36837},{"align":6880},[36838],{"type":40,"value":36839},"表現不錯，但考量到 macOS 本身就有語音朗讀功能，這算是一個加分項。",{"type":34,"tag":6874,"props":36841,"children":36842},{},[36843,36851],{"type":34,"tag":6897,"props":36844,"children":36845},{"align":6880},[36846],{"type":34,"tag":1008,"props":36847,"children":36848},{},[36849],{"type":40,"value":36850},"AI 功能",{"type":34,"tag":6897,"props":36852,"children":36853},{"align":6880},[36854],{"type":40,"value":36855},"我自己目前比較少在啟動器裡使用 AI，所以這部分感受較淺。",{"type":34,"tag":10421,"props":36857,"children":36858},{},[36859],{"type":34,"tag":42,"props":36860,"children":36861},{},[36862,36867],{"type":34,"tag":1008,"props":36863,"children":36864},{},[36865],{"type":40,"value":36866},"閒聊",{"type":40,"value":36868},"：雖然 SuperCmd 整合了 Raycast + Cobe + Speechify 的功能，對於預算有限或喜歡開源的人來說真的很「香」。但說實話，我目前還是比較習慣 Raycast 的整體 UI 質感 XD",{"type":34,"tag":98,"props":36870,"children":36871},{},[],{"type":34,"tag":35,"props":36873,"children":36875},{"id":36874},"隱私與安全",[36876],{"type":40,"value":36874},{"type":34,"tag":42,"props":36878,"children":36879},{},[36880],{"type":40,"value":36881},"作為一個啟動器，安全性至關重要。SuperCmd 是開源的，這意味著你可以隨時審查它的代碼。",{"type":34,"tag":122,"props":36883,"children":36884},{},[36885,36895],{"type":34,"tag":126,"props":36886,"children":36887},{},[36888,36893],{"type":34,"tag":1008,"props":36889,"children":36890},{},[36891],{"type":40,"value":36892},"語音數據",{"type":40,"value":36894},"：STT (語音轉文字) 完全在本地運行 (Whisper)，音訊不會離開你的電腦。",{"type":34,"tag":126,"props":36896,"children":36897},{},[36898,36903],{"type":34,"tag":1008,"props":36899,"children":36900},{},[36901],{"type":40,"value":36902},"遙測數據",{"type":40,"value":36904},"：僅會發送匿名事件 (如 App 啟動) 以統計使用量。",{"type":34,"tag":98,"props":36906,"children":36907},{},[],{"type":34,"tag":35,"props":36909,"children":36911},{"id":36910},"總結值得推薦嗎",[36912],{"type":40,"value":36913},"總結：值得推薦嗎？",{"type":34,"tag":42,"props":36915,"children":36916},{},[36917,36919,36924],{"type":40,"value":36918},"如果你在尋找一個免費、開源且功能極其豐富的 Raycast 替代方案，",{"type":34,"tag":1008,"props":36920,"children":36921},{},[36922],{"type":40,"value":36923},"SuperCmd 絕對值得一試",{"type":40,"value":36925},"。特別是如果你對剪貼簿、語音功能有高度需求，且不介意它目前在中文語音輸入上的小瑕疵。",{"type":34,"tag":98,"props":36927,"children":36928},{},[],{"type":34,"tag":42,"props":36930,"children":36931},{},[36932],{"type":34,"tag":1008,"props":36933,"children":36934},{},[36935],{"type":40,"value":1514},{"type":34,"tag":122,"props":36937,"children":36938},{},[36939,36949],{"type":34,"tag":126,"props":36940,"children":36941},{},[36942],{"type":34,"tag":72,"props":36943,"children":36946},{"href":36944,"rel":36945},"https:\u002F\u002Fgithub.com\u002FSuperCmdLabs\u002FSuperCmd",[76],[36947],{"type":40,"value":36948},"SuperCmd GitHub 倉庫",{"type":34,"tag":126,"props":36950,"children":36951},{},[36952],{"type":34,"tag":72,"props":36953,"children":36956},{"href":36954,"rel":36955},"https:\u002F\u002Fsupercmd.sh",[76],[36957],{"type":40,"value":34827},{"type":34,"tag":98,"props":36959,"children":36960},{},[],{"type":34,"tag":42,"props":36962,"children":36963},{},[36964],{"type":34,"tag":9919,"props":36965,"children":36966},{},[36967],{"type":40,"value":36968},"本文為個人心得分享，工具版本更新快速，請以 GitHub 最新資訊為準。",{"title":8,"searchDepth":708,"depth":708,"links":36970},[36971,36972,36973,36977,36981,36982,36983],{"id":25443,"depth":708,"text":25443},{"id":31061,"depth":708,"text":31064},{"id":36412,"depth":708,"text":36415,"children":36974},[36975,36976],{"id":36423,"depth":733,"text":36426},{"id":36544,"depth":733,"text":36547},{"id":16980,"depth":708,"text":16980,"children":36978},[36979,36980],{"id":36681,"depth":733,"text":36684},{"id":36692,"depth":733,"text":36695},{"id":36749,"depth":708,"text":36752},{"id":36874,"depth":708,"text":36874},{"id":36910,"depth":708,"text":36913},"content:articles:supercmd.md","articles\u002Fsupercmd.md","articles\u002Fsupercmd",{"_path":36988,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":36989,"description":36990,"date":36991,"category":36992,"image":36993,"tags":36994,"series":4859,"readingTime":13968,"difficulty":23,"local":24,"platforms":36997,"gpu":29,"body":36998,"_type":1569,"_id":37880,"_source":1571,"_file":37881,"_stem":37882,"_extension":1574},"\u002Farticles\u002Fopenstock","OpenStock 開源股票市場回測系統安裝與 AI 策略整合教學","OpenStock 是一個由社群驅動的開源股票平台，昂貴的市場的平替工具。","2026-05-02","AI & Finance","\u002Fimages\u002Fopenstock-hero.png",[17,36995,36996],"FinTech","Database",[26,28,27],{"type":31,"children":36999,"toc":37862},[37000,37004,37023,37028,37031,37035,37054,37057,37063,37068,37074,37084,37090,37095,37203,37229,37235,37240,37366,37369,37375,37380,37504,37524,37527,37532,37538,37585,37591,37603,37636,37642,37655,37688,37694,37699,37722,37725,37731,37736,37749,37752,37758,37806,37809,37816,37847,37850,37858],{"type":34,"tag":35,"props":37001,"children":37002},{"id":25443},[37003],{"type":40,"value":25443},{"type":34,"tag":42,"props":37005,"children":37006},{},[37007,37009,37014,37016,37021],{"type":40,"value":37008},"在金融資訊被牆在付費訂閱後的今天，",{"type":34,"tag":1008,"props":37010,"children":37011},{},[37012],{"type":40,"value":37013},"OpenStock",{"type":40,"value":37015}," 的出現無疑是一場及時雨。它是由 ",{"type":34,"tag":1008,"props":37017,"children":37018},{},[37019],{"type":40,"value":37020},"Open Dev Society",{"type":40,"value":37022}," 推出的開源股票市場平台，旨在打破昂貴工具的壟斷。",{"type":34,"tag":42,"props":37024,"children":37025},{},[37026],{"type":40,"value":37027},"OpenStock 不僅僅是一個行情看板，它整合了 Next.js 15、TradingView 圖表、Finnhub 即時數據，甚至還能透過 Google Gemini 提供 AI 驅動的情感分析與個人化每日新聞簡報。最重要的是：它是完全開源且免費的，你可以選擇本地部署，掌握自己的金融數據。",{"type":34,"tag":98,"props":37029,"children":37030},{},[],{"type":34,"tag":35,"props":37032,"children":37033},{"id":31061},[37034],{"type":40,"value":31064},{"type":34,"tag":565,"props":37036,"children":37038},{"className":37037},[568,569,570,571,572,573,574],[37039,37040,37047,37048],{"type":40,"value":577},{"type":34,"tag":24947,"props":37041,"children":37045},{"src":37042,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":37043,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":37044},"\u002Fvideos\u002Fopenstock.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fopenstock.jpg",[37046],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":37049,"children":37051},{"className":37050},[590,591,592,593,594,595],[37052],{"type":40,"value":37053},"OpenStock 核心界面與即時數據展示",{"type":34,"tag":98,"props":37055,"children":37056},{},[],{"type":34,"tag":35,"props":37058,"children":37060},{"id":37059},"安裝教學本地部署你的金融中心",[37061],{"type":40,"value":37062},"安裝教學：本地部署你的金融中心",{"type":34,"tag":42,"props":37064,"children":37065},{},[37066],{"type":40,"value":37067},"OpenStock 支援 Docker 快速啟動，也支援手動安裝。請根據你的偏好選擇：",{"type":34,"tag":1854,"props":37069,"children":37071},{"id":37070},"_1-使用官方網站懶人推薦",[37072],{"type":40,"value":37073},"1. 使用官方網站(懶人推薦)",{"type":34,"tag":42,"props":37075,"children":37076},{},[37077],{"type":34,"tag":72,"props":37078,"children":37081},{"href":37079,"rel":37080},"https:\u002F\u002Fopenstock-ods.vercel.app\u002F",[76],[37082],{"type":40,"value":37083},"官方demo",{"type":34,"tag":1854,"props":37085,"children":37087},{"id":37086},"_2-使用-docker-最推薦",[37088],{"type":40,"value":37089},"2. 使用 Docker (最推薦)",{"type":34,"tag":42,"props":37091,"children":37092},{},[37093],{"type":40,"value":37094},"如果你希望環境乾淨且快速啟動，Docker 是最佳選擇。",{"type":34,"tag":243,"props":37096,"children":37098},{"className":245,"code":37097,"language":247,"meta":8,"style":8},"# 複製專案\ngit clone https:\u002F\u002Fgithub.com\u002FOpen-Dev-Society\u002FOpenStock.git\ncd OpenStock\n\n# 啟動資料庫與應用程式\ndocker compose up -d mongodb && docker compose up -d --build\n",[37099],{"type":34,"tag":58,"props":37100,"children":37101},{"__ignoreMap":8},[37102,37110,37126,37138,37145,37153],{"type":34,"tag":253,"props":37103,"children":37104},{"class":255,"line":256},[37105],{"type":34,"tag":253,"props":37106,"children":37107},{"style":5059},[37108],{"type":40,"value":37109},"# 複製專案\n",{"type":34,"tag":253,"props":37111,"children":37112},{"class":255,"line":708},[37113,37117,37121],{"type":34,"tag":253,"props":37114,"children":37115},{"style":260},[37116],{"type":40,"value":5021},{"type":34,"tag":253,"props":37118,"children":37119},{"style":271},[37120],{"type":40,"value":5026},{"type":34,"tag":253,"props":37122,"children":37123},{"style":271},[37124],{"type":40,"value":37125}," https:\u002F\u002Fgithub.com\u002FOpen-Dev-Society\u002FOpenStock.git\n",{"type":34,"tag":253,"props":37127,"children":37128},{"class":255,"line":733},[37129,37133],{"type":34,"tag":253,"props":37130,"children":37131},{"style":5037},[37132],{"type":40,"value":5040},{"type":34,"tag":253,"props":37134,"children":37135},{"style":271},[37136],{"type":40,"value":37137}," OpenStock\n",{"type":34,"tag":253,"props":37139,"children":37140},{"class":255,"line":755},[37141],{"type":34,"tag":253,"props":37142,"children":37143},{"emptyLinePlaceholder":24},[37144],{"type":40,"value":5053},{"type":34,"tag":253,"props":37146,"children":37147},{"class":255,"line":777},[37148],{"type":34,"tag":253,"props":37149,"children":37150},{"style":5059},[37151],{"type":40,"value":37152},"# 啟動資料庫與應用程式\n",{"type":34,"tag":253,"props":37154,"children":37155},{"class":255,"line":795},[37156,37160,37164,37169,37173,37178,37182,37186,37190,37194,37198],{"type":34,"tag":253,"props":37157,"children":37158},{"style":260},[37159],{"type":40,"value":5248},{"type":34,"tag":253,"props":37161,"children":37162},{"style":271},[37163],{"type":40,"value":5253},{"type":34,"tag":253,"props":37165,"children":37166},{"style":271},[37167],{"type":40,"value":37168}," up",{"type":34,"tag":253,"props":37170,"children":37171},{"style":265},[37172],{"type":40,"value":1817},{"type":34,"tag":253,"props":37174,"children":37175},{"style":271},[37176],{"type":40,"value":37177}," mongodb",{"type":34,"tag":253,"props":37179,"children":37180},{"style":370},[37181],{"type":40,"value":22487},{"type":34,"tag":253,"props":37183,"children":37184},{"style":260},[37185],{"type":40,"value":5248},{"type":34,"tag":253,"props":37187,"children":37188},{"style":271},[37189],{"type":40,"value":5253},{"type":34,"tag":253,"props":37191,"children":37192},{"style":271},[37193],{"type":40,"value":37168},{"type":34,"tag":253,"props":37195,"children":37196},{"style":265},[37197],{"type":40,"value":1817},{"type":34,"tag":253,"props":37199,"children":37200},{"style":265},[37201],{"type":40,"value":37202}," --build\n",{"type":34,"tag":122,"props":37204,"children":37205},{},[37206,37220],{"type":34,"tag":126,"props":37207,"children":37208},{},[37209,37214,37215],{"type":34,"tag":1008,"props":37210,"children":37211},{},[37212],{"type":40,"value":37213},"存取網址",{"type":40,"value":8046},{"type":34,"tag":58,"props":37216,"children":37218},{"className":37217},[],[37219],{"type":40,"value":15294},{"type":34,"tag":126,"props":37221,"children":37222},{},[37223,37227],{"type":34,"tag":1008,"props":37224,"children":37225},{},[37226],{"type":40,"value":36518},{"type":40,"value":37228},"：Docker 會自動幫你跑起一個 MongoDB 容器，省去手動設定資料庫的麻煩。",{"type":34,"tag":1854,"props":37230,"children":37232},{"id":37231},"_3-手動安裝-開發者推薦",[37233],{"type":40,"value":37234},"3. 手動安裝 (開發者推薦)",{"type":34,"tag":42,"props":37236,"children":37237},{},[37238],{"type":40,"value":37239},"如果你想進行二次開發，可以使用 pnpm 或 npm。",{"type":34,"tag":6866,"props":37241,"children":37242},{},[37243,37263],{"type":34,"tag":6870,"props":37244,"children":37245},{},[37246],{"type":34,"tag":6874,"props":37247,"children":37248},{},[37249,37254,37259],{"type":34,"tag":6878,"props":37250,"children":37251},{"align":6880},[37252],{"type":40,"value":37253},"步驟",{"type":34,"tag":6878,"props":37255,"children":37256},{"align":6880},[37257],{"type":40,"value":37258},"指令",{"type":34,"tag":6878,"props":37260,"children":37261},{"align":6880},[37262],{"type":40,"value":34310},{"type":34,"tag":6890,"props":37264,"children":37265},{},[37266,37291,37316,37341],{"type":34,"tag":6874,"props":37267,"children":37268},{},[37269,37277,37286],{"type":34,"tag":6897,"props":37270,"children":37271},{"align":6880},[37272],{"type":34,"tag":1008,"props":37273,"children":37274},{},[37275],{"type":40,"value":37276},"安裝依賴",{"type":34,"tag":6897,"props":37278,"children":37279},{"align":6880},[37280],{"type":34,"tag":58,"props":37281,"children":37283},{"className":37282},[],[37284],{"type":40,"value":37285},"pnpm install",{"type":34,"tag":6897,"props":37287,"children":37288},{"align":6880},[37289],{"type":40,"value":37290},"建議使用 Node.js 20+",{"type":34,"tag":6874,"props":37292,"children":37293},{},[37294,37302,37311],{"type":34,"tag":6897,"props":37295,"children":37296},{"align":6880},[37297],{"type":34,"tag":1008,"props":37298,"children":37299},{},[37300],{"type":40,"value":37301},"環境變數",{"type":34,"tag":6897,"props":37303,"children":37304},{"align":6880},[37305],{"type":34,"tag":58,"props":37306,"children":37308},{"className":37307},[],[37309],{"type":40,"value":37310},"cp .env.example .env",{"type":34,"tag":6897,"props":37312,"children":37313},{"align":6880},[37314],{"type":40,"value":37315},"填入你的 API Keys (見下表)",{"type":34,"tag":6874,"props":37317,"children":37318},{},[37319,37327,37336],{"type":34,"tag":6897,"props":37320,"children":37321},{"align":6880},[37322],{"type":34,"tag":1008,"props":37323,"children":37324},{},[37325],{"type":40,"value":37326},"驗證 DB",{"type":34,"tag":6897,"props":37328,"children":37329},{"align":6880},[37330],{"type":34,"tag":58,"props":37331,"children":37333},{"className":37332},[],[37334],{"type":40,"value":37335},"pnpm test:db",{"type":34,"tag":6897,"props":37337,"children":37338},{"align":6880},[37339],{"type":40,"value":37340},"確認 MongoDB 連線正常",{"type":34,"tag":6874,"props":37342,"children":37343},{},[37344,37352,37361],{"type":34,"tag":6897,"props":37345,"children":37346},{"align":6880},[37347],{"type":34,"tag":1008,"props":37348,"children":37349},{},[37350],{"type":40,"value":37351},"啟動開發版",{"type":34,"tag":6897,"props":37353,"children":37354},{"align":6880},[37355],{"type":34,"tag":58,"props":37356,"children":37358},{"className":37357},[],[37359],{"type":40,"value":37360},"pnpm dev",{"type":34,"tag":6897,"props":37362,"children":37363},{"align":6880},[37364],{"type":40,"value":37365},"支援 Turbopack 極速啟動",{"type":34,"tag":98,"props":37367,"children":37368},{},[],{"type":34,"tag":35,"props":37370,"children":37372},{"id":37371},"核心設定api-keys-配置",[37373],{"type":40,"value":37374},"核心設定：API Keys 配置",{"type":34,"tag":42,"props":37376,"children":37377},{},[37378],{"type":40,"value":37379},"要讓 OpenStock 完整運作，你需要準備以下幾把鑰匙：",{"type":34,"tag":6866,"props":37381,"children":37382},{},[37383,37403],{"type":34,"tag":6870,"props":37384,"children":37385},{},[37386],{"type":34,"tag":6874,"props":37387,"children":37388},{},[37389,37394,37399],{"type":34,"tag":6878,"props":37390,"children":37391},{"align":6880},[37392],{"type":40,"value":37393},"變數名稱",{"type":34,"tag":6878,"props":37395,"children":37396},{"align":6880},[37397],{"type":40,"value":37398},"來源",{"type":34,"tag":6878,"props":37400,"children":37401},{"align":6880},[37402],{"type":40,"value":9704},{"type":34,"tag":6890,"props":37404,"children":37405},{},[37406,37433,37455,37482],{"type":34,"tag":6874,"props":37407,"children":37408},{},[37409,37418,37428],{"type":34,"tag":6897,"props":37410,"children":37411},{"align":6880},[37412],{"type":34,"tag":58,"props":37413,"children":37415},{"className":37414},[],[37416],{"type":40,"value":37417},"NEXT_PUBLIC_FINNHUB_API_KEY",{"type":34,"tag":6897,"props":37419,"children":37420},{"align":6880},[37421],{"type":34,"tag":72,"props":37422,"children":37425},{"href":37423,"rel":37424},"https:\u002F\u002Ffinnhub.io\u002F",[76],[37426],{"type":40,"value":37427},"Finnhub",{"type":34,"tag":6897,"props":37429,"children":37430},{"align":6880},[37431],{"type":40,"value":37432},"核心市場數據、新聞、公司資訊",{"type":34,"tag":6874,"props":37434,"children":37435},{},[37436,37445,37450],{"type":34,"tag":6897,"props":37437,"children":37438},{"align":6880},[37439],{"type":34,"tag":58,"props":37440,"children":37442},{"className":37441},[],[37443],{"type":40,"value":37444},"MONGODB_URI",{"type":34,"tag":6897,"props":37446,"children":37447},{"align":6880},[37448],{"type":40,"value":37449},"本地或 Atlas",{"type":34,"tag":6897,"props":37451,"children":37452},{"align":6880},[37453],{"type":40,"value":37454},"資料儲存、用戶清單、身分驗證",{"type":34,"tag":6874,"props":37456,"children":37457},{},[37458,37467,37477],{"type":34,"tag":6897,"props":37459,"children":37460},{"align":6880},[37461],{"type":34,"tag":58,"props":37462,"children":37464},{"className":37463},[],[37465],{"type":40,"value":37466},"GEMINI_API_KEY",{"type":34,"tag":6897,"props":37468,"children":37469},{"align":6880},[37470],{"type":34,"tag":72,"props":37471,"children":37474},{"href":37472,"rel":37473},"https:\u002F\u002Faistudio.google.com\u002F",[76],[37475],{"type":40,"value":37476},"Google AI",{"type":34,"tag":6897,"props":37478,"children":37479},{"align":6880},[37480],{"type":40,"value":37481},"AI 個人化郵件、新聞摘要 (選配)",{"type":34,"tag":6874,"props":37483,"children":37484},{},[37485,37494,37499],{"type":34,"tag":6897,"props":37486,"children":37487},{"align":6880},[37488],{"type":34,"tag":58,"props":37489,"children":37491},{"className":37490},[],[37492],{"type":40,"value":37493},"BETTER_AUTH_SECRET",{"type":34,"tag":6897,"props":37495,"children":37496},{"align":6880},[37497],{"type":40,"value":37498},"自定義",{"type":34,"tag":6897,"props":37500,"children":37501},{"align":6880},[37502],{"type":40,"value":37503},"確保用戶登入安全",{"type":34,"tag":10421,"props":37505,"children":37506},{},[37507],{"type":34,"tag":42,"props":37508,"children":37509},{},[37510,37515,37516,37522],{"type":34,"tag":1008,"props":37511,"children":37512},{},[37513],{"type":40,"value":37514},"小知識",{"type":40,"value":8046},{"type":34,"tag":58,"props":37517,"children":37519},{"className":37518},[],[37520],{"type":40,"value":37521},"NEXT_PUBLIC_",{"type":40,"value":37523}," 前綴的變數會暴露給瀏覽器，請確保這類 API Key (如 Finnhub) 在官方平台上有設定網域白名單。",{"type":34,"tag":98,"props":37525,"children":37526},{},[],{"type":34,"tag":35,"props":37528,"children":37530},{"id":37529},"核心功能教學",[37531],{"type":40,"value":37529},{"type":34,"tag":1854,"props":37533,"children":37535},{"id":37534},"第一步建立你的-watchlist-自定義清單",[37536],{"type":40,"value":37537},"第一步：建立你的 Watchlist (自定義清單)",{"type":34,"tag":177,"props":37539,"children":37540},{},[37541,37554,37580],{"type":34,"tag":126,"props":37542,"children":37543},{},[37544,37546,37552],{"type":40,"value":37545},"註冊並登入後，使用 ",{"type":34,"tag":58,"props":37547,"children":37549},{"className":37548},[],[37550],{"type":40,"value":37551},"Cmd + K",{"type":40,"value":37553}," 喚起全域搜索框。",{"type":34,"tag":126,"props":37555,"children":37556},{},[37557,37559,37565,37566,37572,37573,37579],{"type":40,"value":37558},"搜尋你想關注的股票（如 ",{"type":34,"tag":58,"props":37560,"children":37562},{"className":37561},[],[37563],{"type":40,"value":37564},"AAPL",{"type":40,"value":11466},{"type":34,"tag":58,"props":37567,"children":37569},{"className":37568},[],[37570],{"type":40,"value":37571},"TSLA",{"type":40,"value":11466},{"type":34,"tag":58,"props":37574,"children":37576},{"className":37575},[],[37577],{"type":40,"value":37578},"NVDA",{"type":40,"value":9200},{"type":34,"tag":126,"props":37581,"children":37582},{},[37583],{"type":40,"value":37584},"進入詳情頁，點擊右上角的星號即可加入清單。",{"type":34,"tag":1854,"props":37586,"children":37588},{"id":37587},"第二步深入技術分析",[37589],{"type":40,"value":37590},"第二步：深入技術分析",{"type":34,"tag":42,"props":37592,"children":37593},{},[37594,37596,37601],{"type":40,"value":37595},"OpenStock 完美整合了 ",{"type":34,"tag":1008,"props":37597,"children":37598},{},[37599],{"type":40,"value":37600},"TradingView",{"type":40,"value":37602}," 組件：",{"type":34,"tag":122,"props":37604,"children":37605},{},[37606,37616,37626],{"type":34,"tag":126,"props":37607,"children":37608},{},[37609,37614],{"type":34,"tag":1008,"props":37610,"children":37611},{},[37612],{"type":40,"value":37613},"進階圖表",{"type":40,"value":37615},"：支援 K 線、技術指標（RSI, MACD 等）。",{"type":34,"tag":126,"props":37617,"children":37618},{},[37619,37624],{"type":34,"tag":1008,"props":37620,"children":37621},{},[37622],{"type":40,"value":37623},"熱力圖 (Heatmap)",{"type":40,"value":37625},"：快速掌握市場當日資金流向。",{"type":34,"tag":126,"props":37627,"children":37628},{},[37629,37634],{"type":34,"tag":1008,"props":37630,"children":37631},{},[37632],{"type":40,"value":37633},"公司財務",{"type":40,"value":37635},"：直接在頁面查看季度營收與獲利表現。",{"type":34,"tag":1854,"props":37637,"children":37639},{"id":37638},"第三步ai-情感分析-advanced",[37640],{"type":40,"value":37641},"第三步：AI 情感分析 (Advanced)",{"type":34,"tag":42,"props":37643,"children":37644},{},[37645,37647,37653],{"type":40,"value":37646},"如果你配置了 ",{"type":34,"tag":58,"props":37648,"children":37650},{"className":37649},[],[37651],{"type":40,"value":37652},"ADANOS_API_KEY",{"type":40,"value":37654},"，OpenStock 會分析：",{"type":34,"tag":122,"props":37656,"children":37657},{},[37658,37668,37678],{"type":34,"tag":126,"props":37659,"children":37660},{},[37661,37666],{"type":34,"tag":1008,"props":37662,"children":37663},{},[37664],{"type":40,"value":37665},"社群媒體",{"type":40,"value":37667},"：追蹤 Reddit 與 X.com 的討論熱度。",{"type":34,"tag":126,"props":37669,"children":37670},{},[37671,37676],{"type":34,"tag":1008,"props":37672,"children":37673},{},[37674],{"type":40,"value":37675},"新聞情感",{"type":40,"value":37677},"：自動判斷當前新聞對股價是利多還是利空。",{"type":34,"tag":126,"props":37679,"children":37680},{},[37681,37686],{"type":34,"tag":1008,"props":37682,"children":37683},{},[37684],{"type":40,"value":37685},"預測市場",{"type":40,"value":37687},"：參考 Polymarket 等平台的數據。",{"type":34,"tag":1854,"props":37689,"children":37691},{"id":37690},"第四步自動化工作流-inngest",[37692],{"type":40,"value":37693},"第四步：自動化工作流 (Inngest)",{"type":34,"tag":42,"props":37695,"children":37696},{},[37697],{"type":40,"value":37698},"OpenStock 使用 Inngest 處理背景任務：",{"type":34,"tag":122,"props":37700,"children":37701},{},[37702,37712],{"type":34,"tag":126,"props":37703,"children":37704},{},[37705,37710],{"type":34,"tag":1008,"props":37706,"children":37707},{},[37708],{"type":40,"value":37709},"歡迎信件",{"type":40,"value":37711},"：註冊後自動發送 AI 生成的個人化歡迎內容。",{"type":34,"tag":126,"props":37713,"children":37714},{},[37715,37720],{"type":34,"tag":1008,"props":37716,"children":37717},{},[37718],{"type":40,"value":37719},"每日摘要",{"type":40,"value":37721},"：根據你的 Watchlist，每天中午 12 點自動彙整新聞發送到你的信箱。",{"type":34,"tag":98,"props":37723,"children":37724},{},[],{"type":34,"tag":35,"props":37726,"children":37728},{"id":37727},"為什麼選擇-openstock-我們的宣言",[37729],{"type":40,"value":37730},"為什麼選擇 OpenStock？ (我們的宣言)",{"type":34,"tag":42,"props":37732,"children":37733},{},[37734],{"type":40,"value":37735},"我們相信技術應該屬於每個人。知識不該被鎖在付費牆後，工具不該被綁架在訂閱制中。",{"type":34,"tag":10421,"props":37737,"children":37738},{},[37739],{"type":34,"tag":42,"props":37740,"children":37741},{},[37742,37744],{"type":40,"value":37743},"「OpenStock 將永遠免費且開源。我們不跑廣告，不賣數據，我們只跑透明度與社群的力量。」 —— ",{"type":34,"tag":1008,"props":37745,"children":37746},{},[37747],{"type":40,"value":37748},"Open Dev Society Manifesto",{"type":34,"tag":98,"props":37750,"children":37751},{},[],{"type":34,"tag":35,"props":37753,"children":37755},{"id":37754},"常見問題與解決-troubleshooting",[37756],{"type":40,"value":37757},"常見問題與解決 (Troubleshooting)",{"type":34,"tag":122,"props":37759,"children":37760},{},[37761,37771,37796],{"type":34,"tag":126,"props":37762,"children":37763},{},[37764,37769],{"type":34,"tag":1008,"props":37765,"children":37766},{},[37767],{"type":40,"value":37768},"數據顯示延遲",{"type":40,"value":37770},"：Finnhub 免費版數據可能會有 15 分鐘延遲，這是 API 供應商的限制。",{"type":34,"tag":126,"props":37772,"children":37773},{},[37774,37779,37781,37786,37788,37794],{"type":34,"tag":1008,"props":37775,"children":37776},{},[37777],{"type":40,"value":37778},"AI 功能沒反應",{"type":40,"value":37780},"：請確認 ",{"type":34,"tag":58,"props":37782,"children":37784},{"className":37783},[],[37785],{"type":40,"value":37466},{"type":40,"value":37787}," 是否有效，並確保 Inngest 服務正在運行 (",{"type":34,"tag":58,"props":37789,"children":37791},{"className":37790},[],[37792],{"type":40,"value":37793},"npx inngest-cli@latest dev",{"type":40,"value":37795},")。",{"type":34,"tag":126,"props":37797,"children":37798},{},[37799,37804],{"type":34,"tag":1008,"props":37800,"children":37801},{},[37802],{"type":40,"value":37803},"Docker 啟動失敗",{"type":40,"value":37805},"：請檢查 27017 (MongoDB) 或 3000 埠位是否被其他程式佔用。",{"type":34,"tag":98,"props":37807,"children":37808},{},[],{"type":34,"tag":42,"props":37810,"children":37811},{},[37812],{"type":34,"tag":1008,"props":37813,"children":37814},{},[37815],{"type":40,"value":1514},{"type":34,"tag":122,"props":37817,"children":37818},{},[37819,37828,37838],{"type":34,"tag":126,"props":37820,"children":37821},{},[37822],{"type":34,"tag":72,"props":37823,"children":37825},{"href":37079,"rel":37824},[76],[37826],{"type":40,"value":37827},"官方 Demo (懶人推薦)",{"type":34,"tag":126,"props":37829,"children":37830},{},[37831],{"type":34,"tag":72,"props":37832,"children":37835},{"href":37833,"rel":37834},"https:\u002F\u002Fgithub.com\u002FOpen-Dev-Society\u002FOpenStock",[76],[37836],{"type":40,"value":37837},"GitHub 倉庫 (歡迎 Star)",{"type":34,"tag":126,"props":37839,"children":37840},{},[37841],{"type":34,"tag":72,"props":37842,"children":37845},{"href":37843,"rel":37844},"https:\u002F\u002Fgithub.com\u002FOpen-Dev-Society",[76],[37846],{"type":40,"value":37020},{"type":34,"tag":98,"props":37848,"children":37849},{},[],{"type":34,"tag":42,"props":37851,"children":37852},{},[37853],{"type":34,"tag":9919,"props":37854,"children":37855},{},[37856],{"type":40,"value":37857},"免責聲明：OpenStock 為社群開發專案，非證券經紀商。所有數據僅供參考，不構成任何投資建議。",{"type":34,"tag":1548,"props":37859,"children":37860},{},[37861],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":37863},[37864,37865,37866,37871,37872,37878,37879],{"id":25443,"depth":708,"text":25443},{"id":31061,"depth":708,"text":31064},{"id":37059,"depth":708,"text":37062,"children":37867},[37868,37869,37870],{"id":37070,"depth":733,"text":37073},{"id":37086,"depth":733,"text":37089},{"id":37231,"depth":733,"text":37234},{"id":37371,"depth":708,"text":37374},{"id":37529,"depth":708,"text":37529,"children":37873},[37874,37875,37876,37877],{"id":37534,"depth":733,"text":37537},{"id":37587,"depth":733,"text":37590},{"id":37638,"depth":733,"text":37641},{"id":37690,"depth":733,"text":37693},{"id":37727,"depth":708,"text":37730},{"id":37754,"depth":708,"text":37757},"content:articles:openstock.md","articles\u002Fopenstock.md","articles\u002Fopenstock",{"_path":37884,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":37885,"description":37886,"date":37887,"category":12,"image":37888,"tags":37889,"series":4859,"readingTime":13968,"difficulty":23,"local":24,"platforms":37890,"gpu":29,"body":37891,"_type":1569,"_id":38504,"_source":1571,"_file":38505,"_stem":38506,"_extension":1574},"\u002Farticles\u002Fworld-monitor","World Monitor 全球即時情報監控系統本地部署與 AI 分析流整合教學","這是一篇關於 World Monitor 的深度介紹。從本地端快速部署到整合 AI 分析，教你如何打造一個包含地緣政治、軍事、金融與基礎設施的即時監控平台。","2026-05-01","\u002Fimages\u002Fworld-monitor-hero.png",[15,1583,36996],[26,28,27],{"type":31,"children":37892,"toc":38489},[37893,37897,37909,37928,37931,37935,37955,37974,37977,37983,37988,37994,38007,38025,38031,38036,38150,38163,38166,38170,38176,38188,38218,38238,38244,38249,38282,38288,38293,38299,38304,38312,38392,38395,38401,38441,38446,38449,38456,38485],{"type":34,"tag":35,"props":37894,"children":37895},{"id":25443},[37896],{"type":40,"value":25443},{"type":34,"tag":42,"props":37898,"children":37899},{},[37900,37902,37907],{"type":40,"value":37901},"如果你正在尋找一個能夠整合全球資訊、且具備強大視覺化效果的情報工具，",{"type":34,"tag":1008,"props":37903,"children":37904},{},[37905],{"type":40,"value":37906},"World Monitor",{"type":40,"value":37908}," 是目前開源社群中非常出色的選擇。",{"type":34,"tag":42,"props":37910,"children":37911},{},[37912,37914,37919,37921,37926],{"type":40,"value":37913},"這是一個即時全球情報儀表板。它不只是搬運新聞，而是將",{"type":34,"tag":1008,"props":37915,"children":37916},{},[37917],{"type":40,"value":37918},"軍事動態、海事衛星、各國市場、基礎設施監控",{"type":40,"value":37920},"，甚至是",{"type":34,"tag":1008,"props":37922,"children":37923},{},[37924],{"type":40,"value":37925},"地震火災",{"type":40,"value":37927},"等數據，通通整合進一個精美的 3D 地球介面中。這一切都可以完全在你的本地端運行，不僅隱私安全，還能透過 AI 進行自動化摘要，讓你快速掌握世界趨勢。",{"type":34,"tag":98,"props":37929,"children":37930},{},[],{"type":34,"tag":35,"props":37932,"children":37933},{"id":31061},[37934],{"type":40,"value":31064},{"type":34,"tag":565,"props":37936,"children":37938},{"className":37937},[568,569,570,571,572,573,574],[37939,37940,37941,37948,37949],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":24947,"props":37942,"children":37946},{"src":37943,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":37944,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":37945},"\u002Fvideos\u002Fworld-monitor-ui.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fworld-monitor-ui.jpg",[37947],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":37950,"children":37952},{"className":37951},[590,591,592,593,594,595],[37953],{"type":40,"value":37954},"World Monitor 3D 地球與數據圖層展示",{"type":34,"tag":10421,"props":37956,"children":37957},{},[37958],{"type":34,"tag":42,"props":37959,"children":37960},{},[37961,37966,37967],{"type":34,"tag":1008,"props":37962,"children":37963},{},[37964],{"type":40,"value":37965},"線上試用點這裡",{"type":40,"value":8046},{"type":34,"tag":72,"props":37968,"children":37971},{"href":37969,"rel":37970},"https:\u002F\u002Fwww.worldmonitor.app\u002F",[76],[37972],{"type":40,"value":37973},"World Monitor 官方 Demo",{"type":34,"tag":98,"props":37975,"children":37976},{},[],{"type":34,"tag":35,"props":37978,"children":37980},{"id":37979},"安裝教學我該如何下載與安裝",[37981],{"type":40,"value":37982},"安裝教學：我該如何下載與安裝？",{"type":34,"tag":42,"props":37984,"children":37985},{},[37986],{"type":40,"value":37987},"World Monitor 提供了兩種安裝方式。如果你是開發者，可以使用源碼啟動；如果你是一般使用者，直接下載安裝檔是最快的方式。",{"type":34,"tag":1854,"props":37989,"children":37991},{"id":37990},"_1-懶人一鍵下載-推薦一般使用者",[37992],{"type":40,"value":37993},"1. 懶人一鍵下載 (推薦一般使用者)",{"type":34,"tag":42,"props":37995,"children":37996},{},[37997,37998,38005],{"type":40,"value":8974},{"type":34,"tag":72,"props":37999,"children":38002},{"href":38000,"rel":38001},"https:\u002F\u002Fgithub.com\u002Fkoala73\u002Fworldmonitor",[76],[38003],{"type":40,"value":38004},"World Monitor GitHub",{"type":40,"value":38006}," 頁面，你會看到針對不同作業系統提供的安裝檔案：",{"type":34,"tag":565,"props":38008,"children":38010},{"className":38009},[568,569,570,571,572,573,574],[38011,38012,38018,38019],{"type":40,"value":577},{"type":34,"tag":579,"props":38013,"children":38017},{"src":38014,"alt":38015,"className":38016},"\u002Fimages\u002Fworld-monitor-download.png","GitHub Download Location",[583,584],[],{"type":40,"value":577},{"type":34,"tag":42,"props":38020,"children":38022},{"className":38021},[590,591,592,593,594,595],[38023],{"type":40,"value":38024},"進入頁面後，根據你的系統下載對應檔案（如圖所示）",{"type":34,"tag":1854,"props":38026,"children":38028},{"id":38027},"_2-開發者本地環境啟動",[38029],{"type":40,"value":38030},"2. 開發者本地環境啟動",{"type":34,"tag":42,"props":38032,"children":38033},{},[38034],{"type":40,"value":38035},"如果你習慣使用終端機，也可以透過幾行指令直接在本地跑起來：",{"type":34,"tag":243,"props":38037,"children":38039},{"className":245,"code":38038,"language":247,"meta":8,"style":8},"# 複製倉庫\ngit clone https:\u002F\u002Fgithub.com\u002Fkoala73\u002Fworldmonitor.git\n\n# 進入資料夾\ncd worldmonitor\n\n# 安裝依賴\nnpm install\n\n# 啟動開發伺服器\nnpm run dev\n",[38040],{"type":34,"tag":58,"props":38041,"children":38042},{"__ignoreMap":8},[38043,38051,38067,38074,38082,38094,38101,38109,38120,38127,38135],{"type":34,"tag":253,"props":38044,"children":38045},{"class":255,"line":256},[38046],{"type":34,"tag":253,"props":38047,"children":38048},{"style":5059},[38049],{"type":40,"value":38050},"# 複製倉庫\n",{"type":34,"tag":253,"props":38052,"children":38053},{"class":255,"line":708},[38054,38058,38062],{"type":34,"tag":253,"props":38055,"children":38056},{"style":260},[38057],{"type":40,"value":5021},{"type":34,"tag":253,"props":38059,"children":38060},{"style":271},[38061],{"type":40,"value":5026},{"type":34,"tag":253,"props":38063,"children":38064},{"style":271},[38065],{"type":40,"value":38066}," https:\u002F\u002Fgithub.com\u002Fkoala73\u002Fworldmonitor.git\n",{"type":34,"tag":253,"props":38068,"children":38069},{"class":255,"line":733},[38070],{"type":34,"tag":253,"props":38071,"children":38072},{"emptyLinePlaceholder":24},[38073],{"type":40,"value":5053},{"type":34,"tag":253,"props":38075,"children":38076},{"class":255,"line":755},[38077],{"type":34,"tag":253,"props":38078,"children":38079},{"style":5059},[38080],{"type":40,"value":38081},"# 進入資料夾\n",{"type":34,"tag":253,"props":38083,"children":38084},{"class":255,"line":777},[38085,38089],{"type":34,"tag":253,"props":38086,"children":38087},{"style":5037},[38088],{"type":40,"value":5040},{"type":34,"tag":253,"props":38090,"children":38091},{"style":271},[38092],{"type":40,"value":38093}," worldmonitor\n",{"type":34,"tag":253,"props":38095,"children":38096},{"class":255,"line":795},[38097],{"type":34,"tag":253,"props":38098,"children":38099},{"emptyLinePlaceholder":24},[38100],{"type":40,"value":5053},{"type":34,"tag":253,"props":38102,"children":38103},{"class":255,"line":5085},[38104],{"type":34,"tag":253,"props":38105,"children":38106},{"style":5059},[38107],{"type":40,"value":38108},"# 安裝依賴\n",{"type":34,"tag":253,"props":38110,"children":38111},{"class":255,"line":5094},[38112,38116],{"type":34,"tag":253,"props":38113,"children":38114},{"style":260},[38115],{"type":40,"value":8176},{"type":34,"tag":253,"props":38117,"children":38118},{"style":271},[38119],{"type":40,"value":8181},{"type":34,"tag":253,"props":38121,"children":38122},{"class":255,"line":5117},[38123],{"type":34,"tag":253,"props":38124,"children":38125},{"emptyLinePlaceholder":24},[38126],{"type":40,"value":5053},{"type":34,"tag":253,"props":38128,"children":38129},{"class":255,"line":5125},[38130],{"type":34,"tag":253,"props":38131,"children":38132},{"style":5059},[38133],{"type":40,"value":38134},"# 啟動開發伺服器\n",{"type":34,"tag":253,"props":38136,"children":38137},{"class":255,"line":5134},[38138,38142,38146],{"type":34,"tag":253,"props":38139,"children":38140},{"style":260},[38141],{"type":40,"value":8176},{"type":34,"tag":253,"props":38143,"children":38144},{"style":271},[38145],{"type":40,"value":5258},{"type":34,"tag":253,"props":38147,"children":38148},{"style":271},[38149],{"type":40,"value":5114},{"type":34,"tag":42,"props":38151,"children":38152},{},[38153,38155,38161],{"type":40,"value":38154},"接著打開瀏覽器訪問 ",{"type":34,"tag":58,"props":38156,"children":38158},{"className":38157},[],[38159],{"type":40,"value":38160},"localhost:5173",{"type":40,"value":38162}," 即可。",{"type":34,"tag":98,"props":38164,"children":38165},{},[],{"type":34,"tag":35,"props":38167,"children":38168},{"id":37529},[38169],{"type":40,"value":37529},{"type":34,"tag":1854,"props":38171,"children":38173},{"id":38172},"第一步設定-api-密鑰-讓功能更完整",[38174],{"type":40,"value":38175},"第一步：設定 API 密鑰 (讓功能更完整)",{"type":34,"tag":42,"props":38177,"children":38178},{},[38179,38181,38186],{"type":40,"value":38180},"雖然基礎功能開箱即用，但如果你想解鎖更深度的 AI 分析與精準數據，進入 ",{"type":34,"tag":1008,"props":38182,"children":38183},{},[38184],{"type":40,"value":38185},"Settings",{"type":40,"value":38187}," 頁面進行設定：",{"type":34,"tag":122,"props":38189,"children":38190},{},[38191,38208],{"type":34,"tag":126,"props":38192,"children":38193},{},[38194,38199,38201,38206],{"type":34,"tag":1008,"props":38195,"children":38196},{},[38197],{"type":40,"value":38198},"快速跳轉",{"type":40,"value":38200},"：每個 API 欄位旁邊都有一個 ",{"type":34,"tag":1008,"props":38202,"children":38203},{},[38204],{"type":40,"value":38205},"\"Get\"",{"type":40,"value":38207}," 按鈕，點擊後會自動導向申請網址。",{"type":34,"tag":126,"props":38209,"children":38210},{},[38211,38216],{"type":34,"tag":1008,"props":38212,"children":38213},{},[38214],{"type":40,"value":38215},"本地安全",{"type":40,"value":38217},"：所有的 API Key 都儲存在你的本地端，不會上傳到任何伺服器。",{"type":34,"tag":565,"props":38219,"children":38221},{"className":38220},[568,569,570,571,572,573,574],[38222,38223,38224,38231,38232],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":24947,"props":38225,"children":38229},{"src":38226,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":38227,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":38228},"\u002Fvideos\u002Fworld-monitor-api-setup.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fworld-monitor-api-setup.jpg",[38230],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":38233,"children":38235},{"className":38234},[590,591,592,593,594,595],[38236],{"type":40,"value":38237},"API 設定教學：點擊 Get 即可快速申請",{"type":34,"tag":1854,"props":38239,"children":38241},{"id":38240},"第二步切換數據圖層-layers",[38242],{"type":40,"value":38243},"第二步：切換數據圖層 (Layers)",{"type":34,"tag":42,"props":38245,"children":38246},{},[38247],{"type":40,"value":38248},"你可以自由開啟或關閉 45+ 個不同的數據層：",{"type":34,"tag":122,"props":38250,"children":38251},{},[38252,38262,38272],{"type":34,"tag":126,"props":38253,"children":38254},{},[38255,38260],{"type":34,"tag":1008,"props":38256,"children":38257},{},[38258],{"type":40,"value":38259},"軍事\u002F海事",{"type":40,"value":38261},"：追蹤軍機航跡與軍艦位置（感謝 Wingbits 提供 ADS-B 數據）。",{"type":34,"tag":126,"props":38263,"children":38264},{},[38265,38270],{"type":34,"tag":1008,"props":38266,"children":38267},{},[38268],{"type":40,"value":38269},"自然災害",{"type":40,"value":38271},"：全球地震、森林火災即時預警。",{"type":34,"tag":126,"props":38273,"children":38274},{},[38275,38280],{"type":34,"tag":1008,"props":38276,"children":38277},{},[38278],{"type":40,"value":38279},"網路安全",{"type":40,"value":38281},"：監控全球網路攻擊熱點。",{"type":34,"tag":1854,"props":38283,"children":38285},{"id":38284},"第三步ai-每日情報摘要",[38286],{"type":40,"value":38287},"第三步：AI 每日情報摘要",{"type":34,"tag":42,"props":38289,"children":38290},{},[38291],{"type":40,"value":38292},"World Monitor 會抓取全球 500+ 個新聞源，並利用 AI 進行分類與總結。你可以看到結構化的「每日簡報」，甚至可以一鍵生成適合分享到社交媒體的圖片投影片。",{"type":34,"tag":1854,"props":38294,"children":38296},{"id":38295},"第四步整合-ai-agent-mcp-設定",[38297],{"type":40,"value":38298},"第四步：整合 AI Agent (MCP 設定)",{"type":34,"tag":42,"props":38300,"children":38301},{},[38302],{"type":40,"value":38303},"如果你也是 Claude 或 Cursor 的重度使用者，你可以把 World Monitor 當成 AI 的「眼睛」。透過 MCP 協議，讓 AI 直接調用全球情報工具：",{"type":34,"tag":42,"props":38305,"children":38306},{},[38307],{"type":34,"tag":1008,"props":38308,"children":38309},{},[38310],{"type":40,"value":38311},"Claude Code 設定範例：",{"type":34,"tag":243,"props":38313,"children":38315},{"className":245,"code":38314,"language":247,"meta":8,"style":8},"claude mcp add world-monitor \\\n  --transport http \\\n  --url http:\u002F\u002F127.0.0.1:YOUR_PORT\u002Fmcp \\\n  --auth-key YOUR_API_KEY\n",[38316],{"type":34,"tag":58,"props":38317,"children":38318},{"__ignoreMap":8},[38319,38345,38362,38379],{"type":34,"tag":253,"props":38320,"children":38321},{"class":255,"line":256},[38322,38327,38332,38336,38341],{"type":34,"tag":253,"props":38323,"children":38324},{"style":260},[38325],{"type":40,"value":38326},"claude",{"type":34,"tag":253,"props":38328,"children":38329},{"style":271},[38330],{"type":40,"value":38331}," mcp",{"type":34,"tag":253,"props":38333,"children":38334},{"style":271},[38335],{"type":40,"value":15043},{"type":34,"tag":253,"props":38337,"children":38338},{"style":271},[38339],{"type":40,"value":38340}," world-monitor",{"type":34,"tag":253,"props":38342,"children":38343},{"style":5037},[38344],{"type":40,"value":6718},{"type":34,"tag":253,"props":38346,"children":38347},{"class":255,"line":708},[38348,38353,38358],{"type":34,"tag":253,"props":38349,"children":38350},{"style":265},[38351],{"type":40,"value":38352},"  --transport",{"type":34,"tag":253,"props":38354,"children":38355},{"style":271},[38356],{"type":40,"value":38357}," http",{"type":34,"tag":253,"props":38359,"children":38360},{"style":5037},[38361],{"type":40,"value":6718},{"type":34,"tag":253,"props":38363,"children":38364},{"class":255,"line":733},[38365,38370,38375],{"type":34,"tag":253,"props":38366,"children":38367},{"style":265},[38368],{"type":40,"value":38369},"  --url",{"type":34,"tag":253,"props":38371,"children":38372},{"style":271},[38373],{"type":40,"value":38374}," http:\u002F\u002F127.0.0.1:YOUR_PORT\u002Fmcp",{"type":34,"tag":253,"props":38376,"children":38377},{"style":5037},[38378],{"type":40,"value":6718},{"type":34,"tag":253,"props":38380,"children":38381},{"class":255,"line":755},[38382,38387],{"type":34,"tag":253,"props":38383,"children":38384},{"style":265},[38385],{"type":40,"value":38386},"  --auth-key",{"type":34,"tag":253,"props":38388,"children":38389},{"style":271},[38390],{"type":40,"value":38391}," YOUR_API_KEY\n",{"type":34,"tag":98,"props":38393,"children":38394},{},[],{"type":34,"tag":35,"props":38396,"children":38398},{"id":38397},"為什麼我推薦它",[38399],{"type":40,"value":38400},"為什麼我推薦它？",{"type":34,"tag":177,"props":38402,"children":38403},{},[38404,38421,38431],{"type":34,"tag":126,"props":38405,"children":38406},{},[38407,38412,38414,38419],{"type":34,"tag":1008,"props":38408,"children":38409},{},[38410],{"type":40,"value":38411},"隱私第一",{"type":40,"value":38413},"：如果你不信任雲端平台，World Monitor 支援透過 ",{"type":34,"tag":1008,"props":38415,"children":38416},{},[38417],{"type":40,"value":38418},"Ollama",{"type":40,"value":38420}," 運行本地 AI 模組。",{"type":34,"tag":126,"props":38422,"children":38423},{},[38424,38429],{"type":34,"tag":1008,"props":38425,"children":38426},{},[38427],{"type":40,"value":38428},"全方位視角",{"type":40,"value":38430},"：它打破了新聞標題的限制，讓你從衛星數據、金融走勢中看見事情的真相。",{"type":34,"tag":126,"props":38432,"children":38433},{},[38434,38439],{"type":34,"tag":1008,"props":38435,"children":38436},{},[38437],{"type":40,"value":38438},"極致美感",{"type":40,"value":38440},"：Globe.gl + Three.js 的組合讓地圖操作極度流暢，放在副螢幕當背景裝飾也超帥。",{"type":34,"tag":42,"props":38442,"children":38443},{},[38444],{"type":40,"value":38445},"這不僅是一個工具，更是數位時代下我們理解世界的利器。你可以把它部署到網路上，變成你專屬的趨勢監控平台，或是單純在本地享受那種「掌控全球」的快感。",{"type":34,"tag":98,"props":38447,"children":38448},{},[],{"type":34,"tag":42,"props":38450,"children":38451},{},[38452],{"type":34,"tag":1008,"props":38453,"children":38454},{},[38455],{"type":40,"value":1514},{"type":34,"tag":122,"props":38457,"children":38458},{},[38459,38467,38476],{"type":34,"tag":126,"props":38460,"children":38461},{},[38462],{"type":34,"tag":72,"props":38463,"children":38465},{"href":38000,"rel":38464},[76],[38466],{"type":40,"value":18039},{"type":34,"tag":126,"props":38468,"children":38469},{},[38470],{"type":34,"tag":72,"props":38471,"children":38474},{"href":38472,"rel":38473},"https:\u002F\u002Fwww.worldmonitor.app\u002Fdocs\u002Fdocumentation",[76],[38475],{"type":40,"value":18055},{"type":34,"tag":126,"props":38477,"children":38478},{},[38479],{"type":34,"tag":72,"props":38480,"children":38482},{"href":37969,"rel":38481},[76],[38483],{"type":40,"value":38484},"線上試用",{"type":34,"tag":1548,"props":38486,"children":38487},{},[38488],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":38490},[38491,38492,38493,38497,38503],{"id":25443,"depth":708,"text":25443},{"id":31061,"depth":708,"text":31064},{"id":37979,"depth":708,"text":37982,"children":38494},[38495,38496],{"id":37990,"depth":733,"text":37993},{"id":38027,"depth":733,"text":38030},{"id":37529,"depth":708,"text":37529,"children":38498},[38499,38500,38501,38502],{"id":38172,"depth":733,"text":38175},{"id":38240,"depth":733,"text":38243},{"id":38284,"depth":733,"text":38287},{"id":38295,"depth":733,"text":38298},{"id":38397,"depth":708,"text":38400},"content:articles:world-monitor.md","articles\u002Fworld-monitor.md","articles\u002Fworld-monitor",{"_path":38508,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":38509,"description":38510,"date":38511,"category":12,"image":6124,"tags":38512,"series":21,"readingTime":2145,"difficulty":23,"local":24,"platforms":38513,"gpu":29,"body":38514,"_type":1569,"_id":38984,"_source":1571,"_file":38985,"_stem":38986,"_extension":1574},"\u002Farticles\u002Fpi-mono-coding-agent","Pi Coding Agent 輕量級終端機 AI 助手安裝與工作流實戰","如果你覺得市面上的 AI 開發工具太過笨重，或是強迫你改變習慣，那你一定要試試完全由你掌控的 Pi。","2026-04-30",[16,18],[26,28,27],{"type":31,"children":38515,"toc":38976},[38516,38521,38526,38536,38539,38544,38554,38557,38561,38572,38590,38595,38606,38619,38623,38628,38655,38666,38671,38699,38704,38728,38734,38752,38757,38839,38845,38850,38855,38875,38880,38886,38891,38940,38945,38952,38972],{"type":34,"tag":35,"props":38517,"children":38519},{"id":38518},"範例影片",[38520],{"type":40,"value":38518},{"type":34,"tag":42,"props":38522,"children":38523},{},[38524],{"type":40,"value":38525},"我們先來看看 Pi 實際運作起來是什麼樣子，感受一下它在終端機裡面的絲滑體驗：",{"type":34,"tag":24947,"props":38527,"children":38530},{"controls":24,"className":38528,"playsInline":24,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":38529},[583,31717,31718,31719],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fpi.jpg",[38531,38532],{"type":40,"value":577},{"type":34,"tag":24380,"props":38533,"children":38535},{"src":38534,"type":31726},"\u002Fvideos\u002Fpi.mp4",[],{"type":34,"tag":3043,"props":38537,"children":38538},{},[],{"type":34,"tag":42,"props":38540,"children":38541},{},[38542],{"type":40,"value":38543},"這段影片展示了 Pi 最殺手的 Tree View 分支功能：",{"type":34,"tag":24947,"props":38545,"children":38548},{"controls":24,"className":38546,"playsInline":24,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":38547},[583,31717,31718,31719],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fpi-tree.jpg",[38549,38550],{"type":40,"value":577},{"type":34,"tag":24380,"props":38551,"children":38553},{"src":38552,"type":31726},"\u002Fvideos\u002Fpi-tree.mp4",[],{"type":34,"tag":3043,"props":38555,"children":38556},{},[],{"type":34,"tag":35,"props":38558,"children":38559},{"id":25443},[38560],{"type":40,"value":25443},{"type":34,"tag":42,"props":38562,"children":38563},{},[38564,38566,38571],{"type":40,"value":38565},"大家好！今天來跟大家分享一款非常特別的終端機 AI 寫扣助手 —— ",{"type":34,"tag":1008,"props":38567,"children":38568},{},[38569],{"type":40,"value":38570},"Pi",{"type":40,"value":222},{"type":34,"tag":10421,"props":38573,"children":38574},{},[38575],{"type":34,"tag":42,"props":38576,"children":38577},{},[38578,38583,38584],{"type":34,"tag":1008,"props":38579,"children":38580},{},[38581],{"type":40,"value":38582},"官方 GitHub 專案：",{"type":40,"value":23551},{"type":34,"tag":72,"props":38585,"children":38588},{"href":38586,"rel":38587},"https:\u002F\u002Fgithub.com\u002Fbadlogic\u002Fpi-mono",[76],[38589],{"type":40,"value":38586},{"type":34,"tag":42,"props":38591,"children":38592},{},[38593],{"type":40,"value":38594},"如果你跟我一樣，喜歡在終端機裡面搞定一切，但又覺得市面上的 AI 工具（像是 Cursor 或是其他整合型 IDE）太過龐大，或者總是自作主張幫你生一堆你不需要的檔案，那你一定會愛上 Pi。",{"type":34,"tag":42,"props":38596,"children":38597},{},[38598,38600,38605],{"type":40,"value":38599},"Pi 是一個極簡的終端機 coding harness。它的核心理念是：",{"type":34,"tag":1008,"props":38601,"children":38602},{},[38603],{"type":40,"value":38604},"「讓 Pi 適應你的工作流程，而不是要你去適應它」",{"type":40,"value":222},{"type":34,"tag":42,"props":38607,"children":38608},{},[38609,38611,38617],{"type":40,"value":38610},"它故意不內建一堆複雜的「子代理 (sub-agents)」或「計畫模式 (plan mode)」，而是給你最純粹、最強大的預設工具（讀寫檔案、執行 bash 等）。如果你需要更多功能，完全可以透過它的擴充套件 (Extensions)、技能 (Skills) 或是提示詞範本 (Prompt Templates) 自己加上去，甚至透過 ",{"type":34,"tag":58,"props":38612,"children":38614},{"className":38613},[],[38615],{"type":40,"value":38616},"pi install",{"type":40,"value":38618}," 安裝社群發布的套件。",{"type":34,"tag":35,"props":38620,"children":38621},{"id":1739},[38622],{"type":40,"value":1739},{"type":34,"tag":42,"props":38624,"children":38625},{},[38626],{"type":40,"value":38627},"安裝非常簡單，只要環境裡有 Node.js，一行 npm 指令就能搞定全域安裝：",{"type":34,"tag":243,"props":38629,"children":38631},{"className":245,"code":38630,"language":247,"meta":8,"style":8},"npm install -g @mariozechner\u002Fpi-coding-agent\n",[38632],{"type":34,"tag":58,"props":38633,"children":38634},{"__ignoreMap":8},[38635],{"type":34,"tag":253,"props":38636,"children":38637},{"class":255,"line":256},[38638,38642,38646,38650],{"type":34,"tag":253,"props":38639,"children":38640},{"style":260},[38641],{"type":40,"value":8176},{"type":34,"tag":253,"props":38643,"children":38644},{"style":271},[38645],{"type":40,"value":3698},{"type":34,"tag":253,"props":38647,"children":38648},{"style":265},[38649],{"type":40,"value":22463},{"type":34,"tag":253,"props":38651,"children":38652},{"style":271},[38653],{"type":40,"value":38654}," @mariozechner\u002Fpi-coding-agent\n",{"type":34,"tag":42,"props":38656,"children":38657},{},[38658,38660,38665],{"type":40,"value":38659},"安裝完成後，最方便的啟動方式就是",{"type":34,"tag":1008,"props":38661,"children":38662},{},[38663],{"type":40,"value":38664},"直接綁定你現有的 AI 訂閱服務",{"type":40,"value":12882},{"type":34,"tag":42,"props":38667,"children":38668},{},[38669],{"type":40,"value":38670},"如果你已經有訂閱 Claude Pro、ChatGPT Plus、GitHub Copilot 或 Google Gemini 等服務，完全不需要去後台生什麼 API Key，直接透過 OAuth 登入就好：",{"type":34,"tag":243,"props":38672,"children":38674},{"className":245,"code":38673,"language":247,"meta":8,"style":8},"pi\n\u002Flogin  # 接著在選單中選擇你的服務提供商\n",[38675],{"type":34,"tag":58,"props":38676,"children":38677},{"__ignoreMap":8},[38678,38686],{"type":34,"tag":253,"props":38679,"children":38680},{"class":255,"line":256},[38681],{"type":34,"tag":253,"props":38682,"children":38683},{"style":260},[38684],{"type":40,"value":38685},"pi\n",{"type":34,"tag":253,"props":38687,"children":38688},{"class":255,"line":708},[38689,38694],{"type":34,"tag":253,"props":38690,"children":38691},{"style":260},[38692],{"type":40,"value":38693},"\u002Flogin",{"type":34,"tag":253,"props":38695,"children":38696},{"style":5059},[38697],{"type":40,"value":38698},"  # 接著在選單中選擇你的服務提供商\n",{"type":34,"tag":42,"props":38700,"children":38701},{},[38702],{"type":40,"value":38703},"只需幾秒鐘完成授權，就能馬上開始無縫對話！",{"type":34,"tag":42,"props":38705,"children":38706},{},[38707],{"type":34,"tag":9919,"props":38708,"children":38709},{},[38710,38712,38718,38720,38726],{"type":40,"value":38711},"(當然，如果你是重度開發者，想要自帶各家 API Key 也是完全支援的。以 Anthropic 的 Claude 為例，只要設定環境變數 ",{"type":34,"tag":58,"props":38713,"children":38715},{"className":38714},[],[38716],{"type":40,"value":38717},"export ANTHROPIC_API_KEY=sk-ant-...",{"type":40,"value":38719}," 再執行 ",{"type":34,"tag":58,"props":38721,"children":38723},{"className":38722},[],[38724],{"type":40,"value":38725},"pi",{"type":40,"value":38727}," 即可。)",{"type":34,"tag":35,"props":38729,"children":38731},{"id":38730},"功能試用完全在終端機裡的流暢體驗",[38732],{"type":40,"value":38733},"功能試用：完全在終端機裡的流暢體驗",{"type":34,"tag":42,"props":38735,"children":38736},{},[38737,38739,38744,38746,38751],{"type":40,"value":38738},"在專案目錄下輸入 ",{"type":34,"tag":58,"props":38740,"children":38742},{"className":38741},[],[38743],{"type":40,"value":38725},{"type":40,"value":38745},"，就會進入它的 ",{"type":34,"tag":1008,"props":38747,"children":38748},{},[38749],{"type":40,"value":38750},"Interactive Mode (互動模式)",{"type":40,"value":222},{"type":34,"tag":42,"props":38753,"children":38754},{},[38755],{"type":40,"value":38756},"介面非常乾淨，但在這個純文字介面裡，藏著很多好用的功能：",{"type":34,"tag":122,"props":38758,"children":38759},{},[38760,38778,38796,38814],{"type":34,"tag":126,"props":38761,"children":38762},{},[38763,38768,38770,38776],{"type":34,"tag":1008,"props":38764,"children":38765},{},[38766],{"type":40,"value":38767},"快速引用檔案",{"type":40,"value":38769},"：直接在輸入框打 ",{"type":34,"tag":58,"props":38771,"children":38773},{"className":38772},[],[38774],{"type":40,"value":38775},"@",{"type":40,"value":38777},"，就能模糊搜尋並載入專案內的檔案給 AI 參考。",{"type":34,"tag":126,"props":38779,"children":38780},{},[38781,38786,38788,38794],{"type":34,"tag":1008,"props":38782,"children":38783},{},[38784],{"type":40,"value":38785},"直接執行 Bash",{"type":40,"value":38787},"：輸入 ",{"type":34,"tag":58,"props":38789,"children":38791},{"className":38790},[],[38792],{"type":40,"value":38793},"!npm run test",{"type":40,"value":38795},"，Pi 就會執行指令並把跑出來的錯誤訊息直接餵給 AI 幫你 debug。",{"type":34,"tag":126,"props":38797,"children":38798},{},[38799,38804,38806,38812],{"type":34,"tag":1008,"props":38800,"children":38801},{},[38802],{"type":40,"value":38803},"貼上截圖",{"type":40,"value":38805},"：如果你的終端機支援，按 ",{"type":34,"tag":58,"props":38807,"children":38809},{"className":38808},[],[38810],{"type":40,"value":38811},"Ctrl+V",{"type":40,"value":38813}," (或直接拖曳) 就能把圖片傳給支援多模態的模型。",{"type":34,"tag":126,"props":38815,"children":38816},{},[38817,38822,38824,38829,38831,38837],{"type":34,"tag":1008,"props":38818,"children":38819},{},[38820],{"type":40,"value":38821},"非同步對話",{"type":40,"value":38823},"：AI 在思考或打字的時候，你完全不用乾等！按下 ",{"type":34,"tag":58,"props":38825,"children":38827},{"className":38826},[],[38828],{"type":40,"value":6280},{"type":40,"value":38830}," 可以隨時「插話 (steering message)」修正它的方向，或是用 ",{"type":34,"tag":58,"props":38832,"children":38834},{"className":38833},[],[38835],{"type":40,"value":38836},"Alt+Enter",{"type":40,"value":38838}," 把下一個問題排進佇列。",{"type":34,"tag":35,"props":38840,"children":38842},{"id":38841},"特殊功能時光機般的-session-branching",[38843],{"type":40,"value":38844},"特殊功能：時光機般的 Session Branching",{"type":34,"tag":42,"props":38846,"children":38847},{},[38848],{"type":40,"value":38849},"這是我覺得 Pi 裡面最酷、最實用的功能！",{"type":34,"tag":42,"props":38851,"children":38852},{},[38853],{"type":40,"value":38854},"平常我們用 AI 聊天，如果 AI 中途理解錯了，或者給的程式碼把專案搞爛了，我們通常只能不斷下 prompt 去糾正它，浪費 Token 又浪費時間。",{"type":34,"tag":42,"props":38856,"children":38857},{},[38858,38860,38866,38868,38873],{"type":40,"value":38859},"但是在 Pi 裡面，你只要輸入 ",{"type":34,"tag":58,"props":38861,"children":38863},{"className":38862},[],[38864],{"type":40,"value":38865},"\u002Ftree",{"type":40,"value":38867},"，畫面就會叫出整個對話歷史的樹狀圖。你可以直接 ",{"type":34,"tag":1008,"props":38869,"children":38870},{},[38871],{"type":40,"value":38872},"「跳回」",{"type":40,"value":38874}," AI 走偏之前的那個對話節點，修改你當時的指令，然後從那裡長出一個新的分支繼續對話。",{"type":34,"tag":42,"props":38876,"children":38877},{},[38878],{"type":40,"value":38879},"這就像是幫你的對話紀錄上了 Git 一樣！而且所有的分支紀錄都只會存在同一個 JSONL 檔案裡，非常乾淨。",{"type":34,"tag":35,"props":38881,"children":38883},{"id":38882},"等等-還有更多擴充玩法",[38884],{"type":40,"value":38885},"等等... 還有更多擴充玩法",{"type":34,"tag":42,"props":38887,"children":38888},{},[38889],{"type":40,"value":38890},"Pi 的可玩性遠不止這樣：",{"type":34,"tag":122,"props":38892,"children":38893},{},[38894,38912,38930],{"type":34,"tag":126,"props":38895,"children":38896},{},[38897,38902,38904,38910],{"type":34,"tag":1008,"props":38898,"children":38899},{},[38900],{"type":40,"value":38901},"AGENTS.md 上下文約定",{"type":40,"value":38903},"：在專案根目錄放一個 ",{"type":34,"tag":58,"props":38905,"children":38907},{"className":38906},[],[38908],{"type":40,"value":38909},"AGENTS.md",{"type":40,"value":38911},"，就能自動讓 Pi 知道這個專案的開發慣例與常用指令。",{"type":34,"tag":126,"props":38913,"children":38914},{},[38915,38920,38922,38928],{"type":34,"tag":1008,"props":38916,"children":38917},{},[38918],{"type":40,"value":38919},"熱重載主題 (Themes)",{"type":40,"value":38921},"：看膩了預設配色？輸入 ",{"type":34,"tag":58,"props":38923,"children":38925},{"className":38924},[],[38926],{"type":40,"value":38927},"\u002Fsettings",{"type":40,"value":38929}," 可以即時切換深色\u002F淺色主題。",{"type":34,"tag":126,"props":38931,"children":38932},{},[38933,38938],{"type":34,"tag":1008,"props":38934,"children":38935},{},[38936],{"type":40,"value":38937},"超強的外掛生態系 (Pi Packages)",{"type":40,"value":38939},"：你甚至可以用 TypeScript 自己寫擴充，或者安裝別人寫好的。像是自訂 UI、串接 MCP server、甚至在等待 AI 回應時在終端機裡打一局 Doom 都可以！",{"type":34,"tag":42,"props":38941,"children":38942},{},[38943],{"type":40,"value":38944},"如果你也在尋找一個輕量、專注，而且完全由你掌控的終端機 AI 助手，強烈建議你在下一個專案試試看 Pi。",{"type":34,"tag":42,"props":38946,"children":38947},{},[38948],{"type":34,"tag":1008,"props":38949,"children":38950},{},[38951],{"type":40,"value":1514},{"type":34,"tag":122,"props":38953,"children":38954},{},[38955,38964],{"type":34,"tag":126,"props":38956,"children":38957},{},[38958],{"type":34,"tag":72,"props":38959,"children":38962},{"href":38960,"rel":38961},"https:\u002F\u002Fgithub.com\u002Fbadlogic\u002Fpi-mono\u002Ftree\u002Fmain\u002Fpackages\u002Fcoding-agent",[76],[38963],{"type":40,"value":18055},{"type":34,"tag":126,"props":38965,"children":38966},{},[38967],{"type":34,"tag":72,"props":38968,"children":38970},{"href":38586,"rel":38969},[76],[38971],{"type":40,"value":18039},{"type":34,"tag":1548,"props":38973,"children":38974},{},[38975],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":38977},[38978,38979,38980,38981,38982,38983],{"id":38518,"depth":708,"text":38518},{"id":25443,"depth":708,"text":25443},{"id":1739,"depth":708,"text":1739},{"id":38730,"depth":708,"text":38733},{"id":38841,"depth":708,"text":38844},{"id":38882,"depth":708,"text":38885},"content:articles:pi-mono-coding-agent.md","articles\u002Fpi-mono-coding-agent.md","articles\u002Fpi-mono-coding-agent",{"_path":38988,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":38989,"description":38990,"date":38991,"category":12,"image":6124,"tags":38992,"series":1585,"readingTime":2145,"difficulty":1587,"local":24,"platforms":38993,"gpu":29,"body":38994,"_type":1569,"_id":39546,"_source":1571,"_file":39547,"_stem":39548,"_extension":1574},"\u002Farticles\u002Fwarp-terminal-ux-revolution","Warp Terminal 新一代 IDE 級智慧終端機安裝與開發效率優化配置","從可視化補全、滑鼠編輯到 Blocks 區塊輸出，Warp 正在把傳統終端機那套難用又反直覺的體驗，整個翻新。","2026-04-29",[18,1584],[26,28,27],{"type":31,"children":38995,"toc":39528},[38996,39000,39012,39017,39025,39038,39043,39046,39052,39071,39076,39081,39084,39090,39096,39101,39106,39111,39117,39129,39141,39146,39152,39157,39181,39193,39211,39216,39222,39227,39232,39237,39260,39265,39273,39276,39282,39287,39292,39297,39300,39306,39325,39330,39333,39337,39342,39347,39374,39379,39384,39407,39412,39445,39448,39452,39457,39462,39474,39481,39524],{"type":34,"tag":35,"props":38997,"children":38998},{"id":37},[38999],{"type":40,"value":37},{"type":34,"tag":42,"props":39001,"children":39002},{},[39003,39005,39010],{"type":40,"value":39004},"你有想過，在終端機裡面只是打一個 ",{"type":34,"tag":58,"props":39006,"children":39008},{"className":39007},[],[39009],{"type":40,"value":5040},{"type":40,"value":39011},"，居然也能像 VS Code 一樣直接跳出可互動的下拉選單嗎？",{"type":34,"tag":42,"props":39013,"children":39014},{},[39015],{"type":40,"value":39016},"老實說，這就是我第一次看到 Warp 時最有感的地方。它吸引人的點，不是什麼很玄的「AI 顛覆開發流程」，而是它先把一件更根本的事情做好了：",{"type":34,"tag":42,"props":39018,"children":39019},{},[39020],{"type":34,"tag":1008,"props":39021,"children":39022},{},[39023],{"type":40,"value":39024},"終端機終於不像黑盒子了。",{"type":34,"tag":42,"props":39026,"children":39027},{},[39028,39030,39036],{"type":40,"value":39029},"以前不管是 macOS 內建 Terminal，還是很多人愛用的 iTerm，強是很強，但操作體驗其實一直都很原始。打錯字要慢慢移游標、忘記路徑只能狂按 ",{"type":34,"tag":58,"props":39031,"children":39033},{"className":39032},[],[39034],{"type":40,"value":39035},"Tab",{"type":40,"value":39037},"、輸出一長串之後整個畫面糊成一片，找錯誤訊息還要自己慢慢撈。",{"type":34,"tag":42,"props":39039,"children":39040},{},[39041],{"type":40,"value":39042},"Warp 想做的事情很直接，就是把這些本來早就該有的現代化體驗，真正搬進終端機。",{"type":34,"tag":98,"props":39044,"children":39045},{},[],{"type":34,"tag":35,"props":39047,"children":39049},{"id":39048},"先看影片這真的不是傳統-terminal",[39050],{"type":40,"value":39051},"先看影片：這真的不是傳統 Terminal",{"type":34,"tag":565,"props":39053,"children":39055},{"className":39054},[568,569,570,571,572,573,574],[39056,39057,39064,39065],{"type":40,"value":577},{"type":34,"tag":24947,"props":39058,"children":39062},{"src":39059,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":39060,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":39061},"\u002Fvideos\u002Fwarp.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fwarp.jpg",[39063],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":39066,"children":39068},{"className":39067},[590,591,592,593,594,595],[39069],{"type":40,"value":39070},"Warp 的互動式補全與現代終端機操作體驗",{"type":34,"tag":42,"props":39072,"children":39073},{},[39074],{"type":40,"value":39075},"光看這段就很明顯了。",{"type":34,"tag":42,"props":39077,"children":39078},{},[39079],{"type":40,"value":39080},"傳統終端機的補全比較像是在猜你要什麼；Warp 的感覺則更接近編輯器，會把可能的路徑、指令或參數直接整理成你看得懂、可以選的提示選單。這種差異，看起來像 UI 小升級，但實際用起來是每天都會有感的那種。",{"type":34,"tag":98,"props":39082,"children":39083},{},[],{"type":34,"tag":35,"props":39085,"children":39087},{"id":39086},"為什麼它比傳統終端機好用",[39088],{"type":40,"value":39089},"為什麼它比傳統終端機好用？",{"type":34,"tag":1854,"props":39091,"children":39093},{"id":39092},"_1-這是一個終於可以好好編輯文字的終端機",[39094],{"type":40,"value":39095},"1. 這是一個終於可以「好好編輯文字」的終端機",{"type":34,"tag":42,"props":39097,"children":39098},{},[39099],{"type":40,"value":39100},"Warp 最直覺的升級，是它把指令輸入區做得更像現代文字編輯器。",{"type":34,"tag":42,"props":39102,"children":39103},{},[39104],{"type":40,"value":39105},"你可以直接用滑鼠點到任何位置移動游標，也可以自然地選取文字、修改中間某一段內容，甚至進行多行編輯。再加上語法高亮與錯誤提示，整個輸入過程不再像是在跟一個只接受純鍵盤指令的古老系統硬碰硬。",{"type":34,"tag":42,"props":39107,"children":39108},{},[39109],{"type":40,"value":39110},"這件事看起來很小，但如果你每天都在 terminal 裡跑指令、改參數、重寫腳本，你會很快發現這種體驗差距根本回不去。",{"type":34,"tag":1854,"props":39112,"children":39114},{"id":39113},"_2-補全不再只是補全而是真的更直覺",[39115],{"type":40,"value":39116},"2. 補全不再只是補全，而是真的更直覺",{"type":34,"tag":42,"props":39118,"children":39119},{},[39120,39122,39127],{"type":40,"value":39121},"Warp 官方把這套能力做成互動式 completions。簡單講，就是你不用再死背每一層路徑，也不用每次都靠 ",{"type":34,"tag":58,"props":39123,"children":39125},{"className":39124},[],[39126],{"type":40,"value":39035},{"type":40,"value":39128}," 試運氣。",{"type":34,"tag":42,"props":39130,"children":39131},{},[39132,39134,39139],{"type":40,"value":39133},"像你在影片裡看到的那樣，輸入 ",{"type":34,"tag":58,"props":39135,"children":39137},{"className":39136},[],[39138],{"type":40,"value":5040},{"type":40,"value":39140}," 之後，Warp 會把可選的資料夾用更清楚的方式列出來，你可以直接用鍵盤方向鍵選擇，整體操作感更像 IDE，而不是一個只能輸入純文字的黑畫面。",{"type":34,"tag":42,"props":39142,"children":39143},{},[39144],{"type":40,"value":39145},"對老手來說，這可以減少重複操作；對新手來說，這更是直接降低了終端機的心理門檻。",{"type":34,"tag":1854,"props":39147,"children":39149},{"id":39148},"_3-最有感的設計之一blocks-區塊輸出",[39150],{"type":40,"value":39151},"3. 最有感的設計之一：Blocks 區塊輸出",{"type":34,"tag":42,"props":39153,"children":39154},{},[39155],{"type":40,"value":39156},"這可能是 Warp 最值得稱讚的一個設計。",{"type":34,"tag":42,"props":39158,"children":39159},{},[39160,39162,39167,39168,39173,39174,39179],{"type":40,"value":39161},"傳統終端機最大的痛點之一，就是每次執行完指令後，輸入與輸出全部黏在一起。當你今天跑了很多次 ",{"type":34,"tag":58,"props":39163,"children":39165},{"className":39164},[],[39166],{"type":40,"value":15187},{"type":40,"value":2000},{"type":34,"tag":58,"props":39169,"children":39171},{"className":39170},[],[39172],{"type":40,"value":5021},{"type":40,"value":2000},{"type":34,"tag":58,"props":39175,"children":39177},{"className":39176},[],[39178],{"type":40,"value":5248},{"type":40,"value":39180}," 或各種 build command，畫面最後就會變成一大片難以整理的文字海。",{"type":34,"tag":42,"props":39182,"children":39183},{},[39184,39186,39191],{"type":40,"value":39185},"Warp 把每一次的「指令 + 輸出結果」拆成獨立的 ",{"type":34,"tag":1008,"props":39187,"children":39188},{},[39189],{"type":40,"value":39190},"Blocks",{"type":40,"value":39192},"。你可以把它理解成一張張可管理的執行卡片：",{"type":34,"tag":122,"props":39194,"children":39195},{},[39196,39201,39206],{"type":34,"tag":126,"props":39197,"children":39198},{},[39199],{"type":40,"value":39200},"哪一段是上一個指令的結果，一眼就看得出來",{"type":34,"tag":126,"props":39202,"children":39203},{},[39204],{"type":40,"value":39205},"要複製某次執行結果時，不用小心翼翼手動反白整片畫面",{"type":34,"tag":126,"props":39207,"children":39208},{},[39209],{"type":40,"value":39210},"回頭找錯誤訊息時，也不用在整個 terminal 歷史紀錄裡慢慢撈",{"type":34,"tag":42,"props":39212,"children":39213},{},[39214],{"type":40,"value":39215},"這種設計非常像是把 IDE 裡對輸出的整理能力，正式帶回到終端機。",{"type":34,"tag":1854,"props":39217,"children":39219},{"id":39218},"_4-它不是把-terminal-變花而是真的把痛點拿掉",[39220],{"type":40,"value":39221},"4. 它不是把 terminal 變花，而是真的把痛點拿掉",{"type":34,"tag":42,"props":39223,"children":39224},{},[39225],{"type":40,"value":39226},"這也是我覺得 Warp 聰明的地方。",{"type":34,"tag":42,"props":39228,"children":39229},{},[39230],{"type":40,"value":39231},"它的核心價值不是「加很多新功能」，而是把傳統終端機那些明明大家都習慣了、但其實一直很難用的地方，一個個重新設計。",{"type":34,"tag":42,"props":39233,"children":39234},{},[39235],{"type":40,"value":39236},"像是：",{"type":34,"tag":122,"props":39238,"children":39239},{},[39240,39245,39250,39255],{"type":34,"tag":126,"props":39241,"children":39242},{},[39243],{"type":40,"value":39244},"輸入時有更清楚的語法高亮",{"type":34,"tag":126,"props":39246,"children":39247},{},[39248],{"type":40,"value":39249},"錯誤命令會有更直接的錯誤提示",{"type":34,"tag":126,"props":39251,"children":39252},{},[39253],{"type":40,"value":39254},"指令區與輸出區更容易閱讀",{"type":34,"tag":126,"props":39256,"children":39257},{},[39258],{"type":40,"value":39259},"補全、搜尋、回看歷史紀錄這些動作都更接近現代工具的直覺",{"type":34,"tag":42,"props":39261,"children":39262},{},[39263],{"type":40,"value":39264},"所以它帶來的不是噱頭，而是一種很實際的感受：",{"type":34,"tag":42,"props":39266,"children":39267},{},[39268],{"type":34,"tag":1008,"props":39269,"children":39270},{},[39271],{"type":40,"value":39272},"你終於不用再為了「終端機本來就這樣」而忍耐一堆反人類操作。",{"type":34,"tag":98,"props":39274,"children":39275},{},[],{"type":34,"tag":35,"props":39277,"children":39279},{"id":39278},"順帶一提它有-ai但這次不是主角",[39280],{"type":40,"value":39281},"順帶一提：它有 AI，但這次不是主角",{"type":34,"tag":42,"props":39283,"children":39284},{},[39285],{"type":40,"value":39286},"Warp 當然也有 AI，而且現在官方主軸已經很明確地放在 Agents 與 Agentic Development Environment 上。",{"type":34,"tag":42,"props":39288,"children":39289},{},[39290],{"type":40,"value":39291},"但說真的，就算你今天完全不想碰 AI，Warp 也依然值得試。原因很簡單，光是前面那些 UI 與互動體驗的升級，就已經夠有換掉舊終端機的理由了。",{"type":34,"tag":42,"props":39293,"children":39294},{},[39295],{"type":40,"value":39296},"而且官方目前也提供 AI 開關，你如果只想把它當成一個現代化 terminal 來用，完全沒問題。",{"type":34,"tag":98,"props":39298,"children":39299},{},[],{"type":34,"tag":35,"props":39301,"children":39303},{"id":39302},"剛宣布開源現在更值得試",[39304],{"type":40,"value":39305},"剛宣布開源，現在更值得試",{"type":34,"tag":42,"props":39307,"children":39308},{},[39309,39311,39316,39318,39323],{"type":40,"value":39310},"Warp 在 ",{"type":34,"tag":1008,"props":39312,"children":39313},{},[39314],{"type":40,"value":39315},"2026 年 4 月 28 日",{"type":40,"value":39317}," 宣布把 client 開源，授權採用 ",{"type":34,"tag":1008,"props":39319,"children":39320},{},[39321],{"type":40,"value":39322},"AGPL",{"type":40,"value":39324},"。這點對開發者來說其實很重要，因為這代表你不只是把它當成一個漂亮工具在用，而是可以真的去看它怎麼做、怎麼設計、怎麼演進。",{"type":34,"tag":42,"props":39326,"children":39327},{},[39328],{"type":40,"value":39329},"這也讓 Warp 從「一個很酷的商業終端機」變成「一個值得開發者社群長期關注的現代 terminal 專案」。",{"type":34,"tag":98,"props":39331,"children":39332},{},[],{"type":34,"tag":35,"props":39334,"children":39335},{"id":335},[39336],{"type":40,"value":335},{"type":34,"tag":1854,"props":39338,"children":39340},{"id":39339},"macos",[39341],{"type":40,"value":26},{"type":34,"tag":42,"props":39343,"children":39344},{},[39345],{"type":40,"value":39346},"官網可直接下載，也可以用 Homebrew：",{"type":34,"tag":243,"props":39348,"children":39350},{"className":245,"code":39349,"language":247,"meta":8,"style":8},"brew install --cask warp\n",[39351],{"type":34,"tag":58,"props":39352,"children":39353},{"__ignoreMap":8},[39354],{"type":34,"tag":253,"props":39355,"children":39356},{"class":255,"line":256},[39357,39361,39365,39369],{"type":34,"tag":253,"props":39358,"children":39359},{"style":260},[39360],{"type":40,"value":3676},{"type":34,"tag":253,"props":39362,"children":39363},{"style":271},[39364],{"type":40,"value":3698},{"type":34,"tag":253,"props":39366,"children":39367},{"style":265},[39368],{"type":40,"value":3703},{"type":34,"tag":253,"props":39370,"children":39371},{"style":271},[39372],{"type":40,"value":39373}," warp\n",{"type":34,"tag":1854,"props":39375,"children":39377},{"id":39376},"windows",[39378],{"type":40,"value":27},{"type":34,"tag":42,"props":39380,"children":39381},{},[39382],{"type":40,"value":39383},"可以從官網下載安裝檔，或直接使用：",{"type":34,"tag":243,"props":39385,"children":39387},{"className":245,"code":39386,"language":247,"meta":8,"style":8},"winget install Warp.Warp\n",[39388],{"type":34,"tag":58,"props":39389,"children":39390},{"__ignoreMap":8},[39391],{"type":34,"tag":253,"props":39392,"children":39393},{"class":255,"line":256},[39394,39398,39402],{"type":34,"tag":253,"props":39395,"children":39396},{"style":260},[39397],{"type":40,"value":4677},{"type":34,"tag":253,"props":39399,"children":39400},{"style":271},[39401],{"type":40,"value":3698},{"type":34,"tag":253,"props":39403,"children":39404},{"style":271},[39405],{"type":40,"value":39406}," Warp.Warp\n",{"type":34,"tag":1854,"props":39408,"children":39410},{"id":39409},"linux",[39411],{"type":40,"value":28},{"type":34,"tag":42,"props":39413,"children":39414},{},[39415,39417,39422,39423,39429,39430,39436,39437,39443],{"type":40,"value":39416},"官方提供 ",{"type":34,"tag":58,"props":39418,"children":39420},{"className":39419},[],[39421],{"type":40,"value":21949},{"type":40,"value":2000},{"type":34,"tag":58,"props":39424,"children":39426},{"className":39425},[],[39427],{"type":40,"value":39428},".rpm",{"type":40,"value":2000},{"type":34,"tag":58,"props":39431,"children":39433},{"className":39432},[],[39434],{"type":40,"value":39435},"tar.zst",{"type":40,"value":2000},{"type":34,"tag":58,"props":39438,"children":39440},{"className":39439},[],[39441],{"type":40,"value":39442},"AppImage",{"type":40,"value":39444}," 等格式，常見發行版基本都有對應選項。",{"type":34,"tag":98,"props":39446,"children":39447},{},[],{"type":34,"tag":35,"props":39449,"children":39450},{"id":9888},[39451],{"type":40,"value":9888},{"type":34,"tag":42,"props":39453,"children":39454},{},[39455],{"type":40,"value":39456},"如果你已經受夠了傳統終端機那種「能用，但很不直覺」的老派操作方式，那 Warp 真的是一個很值得裝來試試看的東西。",{"type":34,"tag":42,"props":39458,"children":39459},{},[39460],{"type":40,"value":39461},"它厲害的地方，不是把 terminal 變成一個浮誇的新玩具，而是把很多本來應該早就進化好的使用體驗，一次補齊。你還是擁有本地執行的速度、開發者熟悉的工作流，但整個操作感已經更像一個現代 IDE。",{"type":34,"tag":42,"props":39463,"children":39464},{},[39465,39467,39472],{"type":40,"value":39466},"對大多數開發者來說，這種",{"type":34,"tag":1008,"props":39468,"children":39469},{},[39470],{"type":40,"value":39471},"看得見、摸得到、每天都用得到",{"type":40,"value":39473},"的升級，往往比任何還要重新適應的 AI 功能更有說服力。",{"type":34,"tag":42,"props":39475,"children":39476},{},[39477],{"type":34,"tag":1008,"props":39478,"children":39479},{},[39480],{"type":40,"value":1514},{"type":34,"tag":122,"props":39482,"children":39483},{},[39484,39494,39504,39514],{"type":34,"tag":126,"props":39485,"children":39486},{},[39487],{"type":34,"tag":72,"props":39488,"children":39491},{"href":39489,"rel":39490},"https:\u002F\u002Fwww.warp.dev\u002Fdownload",[76],[39492],{"type":40,"value":39493},"Warp 官網下載",{"type":34,"tag":126,"props":39495,"children":39496},{},[39497],{"type":34,"tag":72,"props":39498,"children":39501},{"href":39499,"rel":39500},"https:\u002F\u002Fdocs.warp.dev",[76],[39502],{"type":40,"value":39503},"Warp 官方文件",{"type":34,"tag":126,"props":39505,"children":39506},{},[39507],{"type":34,"tag":72,"props":39508,"children":39511},{"href":39509,"rel":39510},"https:\u002F\u002Fwww.warp.dev\u002Fblog\u002Fwarp-is-now-open-source",[76],[39512],{"type":40,"value":39513},"Warp 開源公告",{"type":34,"tag":126,"props":39515,"children":39516},{},[39517],{"type":34,"tag":72,"props":39518,"children":39521},{"href":39519,"rel":39520},"https:\u002F\u002Fgithub.com\u002Fwarpdotdev\u002Fwarp",[76],[39522],{"type":40,"value":39523},"Warp GitHub Repo",{"type":34,"tag":1548,"props":39525,"children":39526},{},[39527],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":39529},[39530,39531,39532,39538,39539,39540,39545],{"id":37,"depth":708,"text":37},{"id":39048,"depth":708,"text":39051},{"id":39086,"depth":708,"text":39089,"children":39533},[39534,39535,39536,39537],{"id":39092,"depth":733,"text":39095},{"id":39113,"depth":733,"text":39116},{"id":39148,"depth":733,"text":39151},{"id":39218,"depth":733,"text":39221},{"id":39278,"depth":708,"text":39281},{"id":39302,"depth":708,"text":39305},{"id":335,"depth":708,"text":335,"children":39541},[39542,39543,39544],{"id":39339,"depth":733,"text":26},{"id":39376,"depth":733,"text":27},{"id":39409,"depth":733,"text":28},{"id":9888,"depth":708,"text":9888},"content:articles:warp-terminal-ux-revolution.md","articles\u002Fwarp-terminal-ux-revolution.md","articles\u002Fwarp-terminal-ux-revolution",{"_path":25857,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":39550,"description":39551,"date":39552,"category":12,"image":39553,"tags":39554,"series":3464,"readingTime":13968,"difficulty":23,"local":24,"platforms":39555,"gpu":31028,"body":39556,"_type":1569,"_id":40266,"_source":1571,"_file":40267,"_stem":40268,"_extension":1574},"Voicebox 本地端 AI 語音工作室安裝指南與核心配置教學","這是一篇針對開發者設計的 Voicebox 指南。從 macOS\u002FWindows 安裝到 Voice Cloning 實作，並教你如何透過 MCP 讓 AI Agent 開口說話。","2026-04-28","\u002Fimages\u002Fvoicebox-hero.png",[15,10462,4221],[27,28],{"type":31,"children":39557,"toc":40251},[39558,39562,39573,39576,39580,39599,39602,39608,39621,39640,39646,39722,39749,39755,39829,39847,39880,39883,39887,39893,39971,39977,39982,40030,40036,40041,40049,40124,40137,40143,40168,40171,40175,40216,40219,40226,40247],{"type":34,"tag":35,"props":39559,"children":39560},{"id":25443},[39561],{"type":40,"value":25443},{"type":34,"tag":42,"props":39563,"children":39564},{},[39565,39567,39571],{"type":40,"value":39566},"如果你正在尋找一個功能強大且完全隱私的語音工具，",{"type":34,"tag":1008,"props":39568,"children":39569},{},[39570],{"type":40,"value":26209},{"type":40,"value":39572}," 是目前開源社群中最亮眼的選擇。它不僅是一個文字轉語音（TTS）工具，更是一個完整的本地端語音工作室。透過它，你可以克隆任何聲音、實現全域語音聽寫，甚至讓你的 AI Agent 擁有專屬的聲音——而這一切，都在你的電腦上本地完成，無需任何雲端訂閱或隱私妥協。",{"type":34,"tag":98,"props":39574,"children":39575},{},[],{"type":34,"tag":35,"props":39577,"children":39578},{"id":31061},[39579],{"type":40,"value":31064},{"type":34,"tag":565,"props":39581,"children":39583},{"className":39582},[568,569,570,571,572,573,574],[39584,39585,39592,39593],{"type":40,"value":577},{"type":34,"tag":24947,"props":39586,"children":39590},{"src":39587,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":39588,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":39589},"\u002Fvideos\u002Fvoicebox-ui-demo.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fvoicebox-ui-demo.jpg",[39591],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":39594,"children":39596},{"className":39595},[590,591,592,593,594,595],[39597],{"type":40,"value":39598},"Voicebox UI 與操作界面展示",{"type":34,"tag":98,"props":39600,"children":39601},{},[],{"type":34,"tag":35,"props":39603,"children":39605},{"id":39604},"安裝教學我該下載哪一個檔案",[39606],{"type":40,"value":39607},"安裝教學：我該下載哪一個檔案？",{"type":34,"tag":42,"props":39609,"children":39610},{},[39611,39612,39619],{"type":40,"value":8974},{"type":34,"tag":72,"props":39613,"children":39616},{"href":39614,"rel":39615},"https:\u002F\u002Fgithub.com\u002Fjamiepine\u002Fvoicebox\u002Freleases",[76],[39617],{"type":40,"value":39618},"Voicebox GitHub Releases",{"type":40,"value":39620}," 頁面時，你會看到許多不同後綴的檔案。請根據你的電腦規格對號入座：",{"type":34,"tag":565,"props":39622,"children":39624},{"className":39623},[568,569,570,571,572,573,574],[39625,39626,39633,39634],{"type":40,"value":577},{"type":34,"tag":24947,"props":39627,"children":39631},{"src":39628,"autoPlay":24,"loop":24,"muted":24,"playsInline":24,"className":39629,"webkit-playsinline":8,"x5-playsinline":8,"preload":24951,"poster":39630},"\u002Fvideos\u002Fvoicebox-install-demo.mp4",[583,584],"\u002Fimages\u002Fvideo-posters\u002Fvideos\u002Fvoicebox-install-demo.jpg",[39632],{"type":40,"value":577},{"type":40,"value":577},{"type":34,"tag":42,"props":39635,"children":39637},{"className":39636},[590,591,592,593,594,595],[39638],{"type":40,"value":39639},"Voicebox 下載位置(點擊上方連結)",{"type":34,"tag":1854,"props":39641,"children":39643},{"id":39642},"_1-macos-使用者",[39644],{"type":40,"value":39645},"1. macOS 使用者",{"type":34,"tag":6866,"props":39647,"children":39648},{},[39649,39669],{"type":34,"tag":6870,"props":39650,"children":39651},{},[39652],{"type":34,"tag":6874,"props":39653,"children":39654},{},[39655,39660,39665],{"type":34,"tag":6878,"props":39656,"children":39657},{"align":6880},[39658],{"type":40,"value":39659},"硬體規格",{"type":34,"tag":6878,"props":39661,"children":39662},{"align":6880},[39663],{"type":40,"value":39664},"建議下載檔案",{"type":34,"tag":6878,"props":39666,"children":39667},{"align":6880},[39668],{"type":40,"value":34310},{"type":34,"tag":6890,"props":39670,"children":39671},{},[39672,39697],{"type":34,"tag":6874,"props":39673,"children":39674},{},[39675,39683,39692],{"type":34,"tag":6897,"props":39676,"children":39677},{"align":6880},[39678],{"type":34,"tag":1008,"props":39679,"children":39680},{},[39681],{"type":40,"value":39682},"Apple Silicon (M1\u002FM2\u002FM3)",{"type":34,"tag":6897,"props":39684,"children":39685},{"align":6880},[39686],{"type":34,"tag":58,"props":39687,"children":39689},{"className":39688},[],[39690],{"type":40,"value":39691},"Voicebox_0.5.0_aarch64.dmg",{"type":34,"tag":6897,"props":39693,"children":39694},{"align":6880},[39695],{"type":40,"value":39696},"效能最強，支援 MLX 硬體加速",{"type":34,"tag":6874,"props":39698,"children":39699},{},[39700,39708,39717],{"type":34,"tag":6897,"props":39701,"children":39702},{"align":6880},[39703],{"type":34,"tag":1008,"props":39704,"children":39705},{},[39706],{"type":40,"value":39707},"Intel 處理器",{"type":34,"tag":6897,"props":39709,"children":39710},{"align":6880},[39711],{"type":34,"tag":58,"props":39712,"children":39714},{"className":39713},[],[39715],{"type":40,"value":39716},"Voicebox_0.5.0_x64.dmg",{"type":34,"tag":6897,"props":39718,"children":39719},{"align":6880},[39720],{"type":40,"value":39721},"適用於較舊款的 MacBook 或 iMac",{"type":34,"tag":122,"props":39723,"children":39724},{},[39725],{"type":34,"tag":126,"props":39726,"children":39727},{},[39728,39733,39735,39740,39742,39747],{"type":34,"tag":1008,"props":39729,"children":39730},{},[39731],{"type":40,"value":39732},"安裝提示",{"type":40,"value":39734},"：下載後打開 ",{"type":34,"tag":58,"props":39736,"children":39738},{"className":39737},[],[39739],{"type":40,"value":4641},{"type":40,"value":39741},"，將 Voicebox 拖入 ",{"type":34,"tag":1008,"props":39743,"children":39744},{},[39745],{"type":40,"value":39746},"Applications",{"type":40,"value":39748}," 資料夾。首次啟動若提示「無法驗證開發者」，請至「系統設定」>「隱私權與安全性」點擊「仍要開啟」。",{"type":34,"tag":1854,"props":39750,"children":39752},{"id":39751},"_2-windows-使用者",[39753],{"type":40,"value":39754},"2. Windows 使用者",{"type":34,"tag":6866,"props":39756,"children":39757},{},[39758,39776],{"type":34,"tag":6870,"props":39759,"children":39760},{},[39761],{"type":34,"tag":6874,"props":39762,"children":39763},{},[39764,39768,39772],{"type":34,"tag":6878,"props":39765,"children":39766},{"align":6880},[39767],{"type":40,"value":39659},{"type":34,"tag":6878,"props":39769,"children":39770},{"align":6880},[39771],{"type":40,"value":39664},{"type":34,"tag":6878,"props":39773,"children":39774},{"align":6880},[39775],{"type":40,"value":34310},{"type":34,"tag":6890,"props":39777,"children":39778},{},[39779,39804],{"type":34,"tag":6874,"props":39780,"children":39781},{},[39782,39790,39799],{"type":34,"tag":6897,"props":39783,"children":39784},{"align":6880},[39785],{"type":34,"tag":1008,"props":39786,"children":39787},{},[39788],{"type":40,"value":39789},"一般使用者 (推薦)",{"type":34,"tag":6897,"props":39791,"children":39792},{"align":6880},[39793],{"type":34,"tag":58,"props":39794,"children":39796},{"className":39795},[],[39797],{"type":40,"value":39798},"Voicebox_0.5.0_x64-setup.exe",{"type":34,"tag":6897,"props":39800,"children":39801},{"align":6880},[39802],{"type":40,"value":39803},"標準安裝程式，會引導你完成安裝",{"type":34,"tag":6874,"props":39805,"children":39806},{},[39807,39815,39824],{"type":34,"tag":6897,"props":39808,"children":39809},{"align":6880},[39810],{"type":34,"tag":1008,"props":39811,"children":39812},{},[39813],{"type":40,"value":39814},"企業或自動化部署",{"type":34,"tag":6897,"props":39816,"children":39817},{"align":6880},[39818],{"type":34,"tag":58,"props":39819,"children":39821},{"className":39820},[],[39822],{"type":40,"value":39823},"Voicebox_0.5.0_x64_en-US.msi",{"type":34,"tag":6897,"props":39825,"children":39826},{"align":6880},[39827],{"type":40,"value":39828},"微軟標準安裝格式",{"type":34,"tag":122,"props":39830,"children":39831},{},[39832],{"type":34,"tag":126,"props":39833,"children":39834},{},[39835,39839,39840,39845],{"type":34,"tag":1008,"props":39836,"children":39837},{},[39838],{"type":40,"value":39732},{"type":40,"value":24479},{"type":34,"tag":58,"props":39841,"children":39843},{"className":39842},[],[39844],{"type":40,"value":7757},{"type":40,"value":39846}," 檔，若出現 Windows Defender 橘色警告，點擊「其他資訊」並選擇「仍要執行」。程式啟動後會自動偵測你的 GPU (NVIDIA\u002FAMD) 並下載對應的運算模組。",{"type":34,"tag":10421,"props":39848,"children":39849},{},[39850],{"type":34,"tag":42,"props":39851,"children":39852},{},[39853,39857,39859,39865,39866,39872,39874,39879],{"type":34,"tag":1008,"props":39854,"children":39855},{},[39856],{"type":40,"value":37514},{"type":40,"value":39858},"：檔名後綴帶有 ",{"type":34,"tag":58,"props":39860,"children":39862},{"className":39861},[],[39863],{"type":40,"value":39864},".sig",{"type":40,"value":3033},{"type":34,"tag":58,"props":39867,"children":39869},{"className":39868},[],[39870],{"type":40,"value":39871},".zip.sig",{"type":40,"value":39873}," 的是數位簽章檔案，用於驗證程式完整性，",{"type":34,"tag":1008,"props":39875,"children":39876},{},[39877],{"type":40,"value":39878},"一般使用者不需要下載",{"type":40,"value":222},{"type":34,"tag":98,"props":39881,"children":39882},{},[],{"type":34,"tag":35,"props":39884,"children":39885},{"id":37529},[39886],{"type":40,"value":37529},{"type":34,"tag":1854,"props":39888,"children":39890},{"id":39889},"第一步建立語音-profile-voice-cloning",[39891],{"type":40,"value":39892},"第一步：建立語音 Profile (Voice Cloning)",{"type":34,"tag":177,"props":39894,"children":39895},{},[39896,39914,39924,39960],{"type":34,"tag":126,"props":39897,"children":39898},{},[39899,39901,39906,39908,39913],{"type":40,"value":39900},"進入 ",{"type":34,"tag":1008,"props":39902,"children":39903},{},[39904],{"type":40,"value":39905},"Profiles",{"type":40,"value":39907}," 分頁，點擊 ",{"type":34,"tag":1008,"props":39909,"children":39910},{},[39911],{"type":40,"value":39912},"\"Create New Profile\"",{"type":40,"value":222},{"type":34,"tag":126,"props":39915,"children":39916},{},[39917,39922],{"type":34,"tag":1008,"props":39918,"children":39919},{},[39920],{"type":40,"value":39921},"上傳音檔",{"type":40,"value":39923},"：準備一段 10-30 秒、清晰且無背景雜音的參考音訊。",{"type":34,"tag":126,"props":39925,"children":39926},{},[39927,39932,39933],{"type":34,"tag":1008,"props":39928,"children":39929},{},[39930],{"type":40,"value":39931},"選擇引擎",{"type":40,"value":17075},{"type":34,"tag":122,"props":39934,"children":39935},{},[39936,39948],{"type":34,"tag":126,"props":39937,"children":39938},{},[39939,39941,39947],{"type":40,"value":39940},"需要高品質克隆：選擇 ",{"type":34,"tag":58,"props":39942,"children":39944},{"className":39943},[],[39945],{"type":40,"value":39946},"Qwen3-TTS",{"type":40,"value":222},{"type":34,"tag":126,"props":39949,"children":39950},{},[39951,39953,39959],{"type":40,"value":39952},"需要極速生成：選擇 ",{"type":34,"tag":58,"props":39954,"children":39956},{"className":39955},[],[39957],{"type":40,"value":39958},"Kokoro",{"type":40,"value":222},{"type":34,"tag":126,"props":39961,"children":39962},{},[39963,39964,39969],{"type":40,"value":603},{"type":34,"tag":1008,"props":39965,"children":39966},{},[39967],{"type":40,"value":39968},"\"Create\"",{"type":40,"value":39970},"，你現在就可以用這個聲音生成文字了。",{"type":34,"tag":1854,"props":39972,"children":39974},{"id":39973},"第二步全域聽寫-global-dictation",[39975],{"type":40,"value":39976},"第二步：全域聽寫 (Global Dictation)",{"type":34,"tag":42,"props":39978,"children":39979},{},[39980],{"type":40,"value":39981},"這是 Voicebox 最實用的功能之一，讓你能在任何 App 中用說的輸入文字：",{"type":34,"tag":177,"props":39983,"children":39984},{},[39985,40010,40020],{"type":34,"tag":126,"props":39986,"children":39987},{},[39988,39989,39993,39995,40000,40002,40008],{"type":40,"value":25590},{"type":34,"tag":1008,"props":39990,"children":39991},{},[39992],{"type":40,"value":38185},{"type":40,"value":39994}," > ",{"type":34,"tag":1008,"props":39996,"children":39997},{},[39998],{"type":40,"value":39999},"Dictation",{"type":40,"value":40001}," 設定快捷鍵（預設通常是 ",{"type":34,"tag":58,"props":40003,"children":40005},{"className":40004},[],[40006],{"type":40,"value":40007},"Caps Lock",{"type":40,"value":40009}," 或自定義組合鍵）。",{"type":34,"tag":126,"props":40011,"children":40012},{},[40013,40018],{"type":34,"tag":1008,"props":40014,"children":40015},{},[40016],{"type":40,"value":40017},"操作",{"type":40,"value":40019},"：在任何文字輸入框（如 Slack 或 VS Code），長按快捷鍵並開始說話。",{"type":34,"tag":126,"props":40021,"children":40022},{},[40023,40028],{"type":34,"tag":1008,"props":40024,"children":40025},{},[40026],{"type":40,"value":40027},"完成",{"type":40,"value":40029},"：放開按鍵，Voicebox 會自動透過 Whisper 轉譯並將文字貼入。",{"type":34,"tag":1854,"props":40031,"children":40033},{"id":40032},"第三步讓你的-ai-agent-說話-mcp-設定",[40034],{"type":40,"value":40035},"第三步：讓你的 AI Agent 說話 (MCP 設定)",{"type":34,"tag":42,"props":40037,"children":40038},{},[40039],{"type":40,"value":40040},"如果你使用 Claude Code 或 Cursor，可以透過 MCP 協議連接 Voicebox：",{"type":34,"tag":42,"props":40042,"children":40043},{},[40044],{"type":34,"tag":1008,"props":40045,"children":40046},{},[40047],{"type":40,"value":40048},"Claude Code 設定指令：",{"type":34,"tag":243,"props":40050,"children":40052},{"className":245,"code":40051,"language":247,"meta":8,"style":8},"claude mcp add voicebox \\\n  --transport http \\\n  --url http:\u002F\u002F127.0.0.1:17493\u002Fmcp \\\n  --header \"X-Voicebox-Client-Id: claude-code\"\n",[40053],{"type":34,"tag":58,"props":40054,"children":40055},{"__ignoreMap":8},[40056,40080,40095,40111],{"type":34,"tag":253,"props":40057,"children":40058},{"class":255,"line":256},[40059,40063,40067,40071,40076],{"type":34,"tag":253,"props":40060,"children":40061},{"style":260},[40062],{"type":40,"value":38326},{"type":34,"tag":253,"props":40064,"children":40065},{"style":271},[40066],{"type":40,"value":38331},{"type":34,"tag":253,"props":40068,"children":40069},{"style":271},[40070],{"type":40,"value":15043},{"type":34,"tag":253,"props":40072,"children":40073},{"style":271},[40074],{"type":40,"value":40075}," voicebox",{"type":34,"tag":253,"props":40077,"children":40078},{"style":5037},[40079],{"type":40,"value":6718},{"type":34,"tag":253,"props":40081,"children":40082},{"class":255,"line":708},[40083,40087,40091],{"type":34,"tag":253,"props":40084,"children":40085},{"style":265},[40086],{"type":40,"value":38352},{"type":34,"tag":253,"props":40088,"children":40089},{"style":271},[40090],{"type":40,"value":38357},{"type":34,"tag":253,"props":40092,"children":40093},{"style":5037},[40094],{"type":40,"value":6718},{"type":34,"tag":253,"props":40096,"children":40097},{"class":255,"line":733},[40098,40102,40107],{"type":34,"tag":253,"props":40099,"children":40100},{"style":265},[40101],{"type":40,"value":38369},{"type":34,"tag":253,"props":40103,"children":40104},{"style":271},[40105],{"type":40,"value":40106}," http:\u002F\u002F127.0.0.1:17493\u002Fmcp",{"type":34,"tag":253,"props":40108,"children":40109},{"style":5037},[40110],{"type":40,"value":6718},{"type":34,"tag":253,"props":40112,"children":40113},{"class":255,"line":755},[40114,40119],{"type":34,"tag":253,"props":40115,"children":40116},{"style":265},[40117],{"type":40,"value":40118},"  --header",{"type":34,"tag":253,"props":40120,"children":40121},{"style":271},[40122],{"type":40,"value":40123}," \"X-Voicebox-Client-Id: claude-code\"\n",{"type":34,"tag":42,"props":40125,"children":40126},{},[40127,40129,40135],{"type":40,"value":40128},"設定完成後，你的 Agent 就能調用 ",{"type":34,"tag":58,"props":40130,"children":40132},{"className":40131},[],[40133],{"type":40,"value":40134},"voicebox.speak",{"type":40,"value":40136}," 工具，直接用你指定的克隆聲音與你對話。",{"type":34,"tag":1854,"props":40138,"children":40140},{"id":40139},"第四步使用故事編輯器-stories",[40141],{"type":40,"value":40142},"第四步：使用故事編輯器 (Stories)",{"type":34,"tag":177,"props":40144,"children":40145},{},[40146,40158,40163],{"type":34,"tag":126,"props":40147,"children":40148},{},[40149,40151,40156],{"type":40,"value":40150},"開啟 ",{"type":34,"tag":1008,"props":40152,"children":40153},{},[40154],{"type":40,"value":40155},"Stories",{"type":40,"value":40157}," 標籤，建立新專案。",{"type":34,"tag":126,"props":40159,"children":40160},{},[40161],{"type":40,"value":40162},"這裡提供多軌時間軸，你可以拖放不同的音訊片段。",{"type":34,"tag":126,"props":40164,"children":40165},{},[40166],{"type":40,"value":40167},"支援多角色對話，適合製作 Podcast 片段或語音導覽。",{"type":34,"tag":98,"props":40169,"children":40170},{},[],{"type":34,"tag":35,"props":40172,"children":40173},{"id":37754},[40174],{"type":40,"value":37757},{"type":34,"tag":122,"props":40176,"children":40177},{},[40178,40188,40206],{"type":34,"tag":126,"props":40179,"children":40180},{},[40181,40186],{"type":34,"tag":1008,"props":40182,"children":40183},{},[40184],{"type":40,"value":40185},"生成速度過慢",{"type":40,"value":40187},"：請確認 Settings 中是否正確啟用了 GPU 加速。",{"type":34,"tag":126,"props":40189,"children":40190},{},[40191,40196,40198,40204],{"type":34,"tag":1008,"props":40192,"children":40193},{},[40194],{"type":40,"value":40195},"模型下載失敗",{"type":40,"value":40197},"：建議確認網路環境，或手動設定 ",{"type":34,"tag":58,"props":40199,"children":40201},{"className":40200},[],[40202],{"type":40,"value":40203},"VOICEBOX_MODELS_DIR",{"type":40,"value":40205}," 環境變數。",{"type":34,"tag":126,"props":40207,"children":40208},{},[40209,40214],{"type":34,"tag":1008,"props":40210,"children":40211},{},[40212],{"type":40,"value":40213},"全域聽寫無法貼上",{"type":40,"value":40215},"：macOS 使用者請檢查「輔助使用」權限是否已勾選 Voicebox。",{"type":34,"tag":98,"props":40217,"children":40218},{},[],{"type":34,"tag":42,"props":40220,"children":40221},{},[40222],{"type":34,"tag":1008,"props":40223,"children":40224},{},[40225],{"type":40,"value":1514},{"type":34,"tag":122,"props":40227,"children":40228},{},[40229,40238],{"type":34,"tag":126,"props":40230,"children":40231},{},[40232],{"type":34,"tag":72,"props":40233,"children":40236},{"href":40234,"rel":40235},"https:\u002F\u002Fdocs.voicebox.sh",[76],[40237],{"type":40,"value":18055},{"type":34,"tag":126,"props":40239,"children":40240},{},[40241],{"type":34,"tag":72,"props":40242,"children":40245},{"href":40243,"rel":40244},"https:\u002F\u002Fgithub.com\u002Fjamiepine\u002Fvoicebox",[76],[40246],{"type":40,"value":18039},{"type":34,"tag":1548,"props":40248,"children":40249},{},[40250],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":40252},[40253,40254,40255,40259,40265],{"id":25443,"depth":708,"text":25443},{"id":31061,"depth":708,"text":31064},{"id":39604,"depth":708,"text":39607,"children":40256},[40257,40258],{"id":39642,"depth":733,"text":39645},{"id":39751,"depth":733,"text":39754},{"id":37529,"depth":708,"text":37529,"children":40260},[40261,40262,40263,40264],{"id":39889,"depth":733,"text":39892},{"id":39973,"depth":733,"text":39976},{"id":40032,"depth":733,"text":40035},{"id":40139,"depth":733,"text":40142},{"id":37754,"depth":708,"text":37757},"content:articles:voicebox-local-ai-voice-studio.md","articles\u002Fvoicebox-local-ai-voice-studio.md","articles\u002Fvoicebox-local-ai-voice-studio",{"_path":40270,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":40271,"description":40272,"date":40273,"category":12,"image":40274,"tags":40275,"series":4859,"readingTime":2145,"difficulty":1587,"local":7,"platforms":40276,"gpu":29,"body":40277,"_type":1569,"_id":41064,"_source":1571,"_file":41065,"_stem":41066,"_extension":1574},"\u002Farticles\u002Fnvidia-nim-free-api","NVIDIA NIM 免費 DeepSeek-V4-Pro API 申請與多框架整合指南","不綁信用卡、沒有試用期！教你如何透過 NVIDIA NIM 無痛串接剛上市的最強開源模型 DeepSeek-V4-Pro 與 Flash 版本。","2026-04-27","\u002Fimages\u002Fnv1.png",[15,10789],[1591,10791],{"type":31,"children":40278,"toc":41053},[40279,40283,40288,40307,40314,40326,40332,40337,40419,40424,40430,40442,40448,40461,40467,40480,40504,40510,40523,40886,40892,40897,41035,41039,41044,41049],{"type":34,"tag":35,"props":40280,"children":40281},{"id":37},[40282],{"type":40,"value":37},{"type":34,"tag":42,"props":40284,"children":40285},{},[40286],{"type":40,"value":40287},"身為開發者，我們經常在尋找效能強大且成本低廉的 AI 解決方案。過去我們可能需要在本地端用 LM Studio 辛苦地跑模型，或是為了測試 API 而綁定信用卡。",{"type":34,"tag":42,"props":40289,"children":40290},{},[40291,40293,40298,40300,40305],{"type":40,"value":40292},"最近 NVIDIA 釋出了一個非常有誠意的開發者福利：透過 ",{"type":34,"tag":1008,"props":40294,"children":40295},{},[40296],{"type":40,"value":40297},"NVIDIA NIM (Inference Microservices)",{"type":40,"value":40299}," 平台，正式開放了包含",{"type":34,"tag":1008,"props":40301,"children":40302},{},[40303],{"type":40,"value":40304},"剛發表的 DeepSeek-V4 系列",{"type":40,"value":40306},"等多款頂級 AI 模型的 API 權限。",{"type":34,"tag":42,"props":40308,"children":40309},{},[40310],{"type":34,"tag":579,"props":40311,"children":40313},{"alt":40312,"src":40274},"NVIDIA NIM 串接",[],{"type":34,"tag":42,"props":40315,"children":40316},{},[40317,40319,40324],{"type":40,"value":40318},"最令人興奮的是：",{"type":34,"tag":1008,"props":40320,"children":40321},{},[40322],{"type":40,"value":40323},"這完全不需要綁定信用卡，也沒有試用期限制",{"type":40,"value":40325},"。只要你有 NVIDIA 帳號，就能直接獲取生產等級的推理能力，直接白嫖 DeepSeek 最新旗艦模型！",{"type":34,"tag":35,"props":40327,"children":40329},{"id":40328},"為什麼這次更新很重要",[40330],{"type":40,"value":40331},"為什麼這次更新很重要？",{"type":34,"tag":42,"props":40333,"children":40334},{},[40335],{"type":40,"value":40336},"DeepSeek 剛剛發布了他們最新的 V4 系列模型，這次直接把開源模型的標竿推向了新高度。NVIDIA NIM 在第一時間就上架了這些模型，這意味著你可以免費享受到目前開源社群中最頂尖的選擇：",{"type":34,"tag":6866,"props":40338,"children":40339},{},[40340,40365],{"type":34,"tag":6870,"props":40341,"children":40342},{},[40343],{"type":34,"tag":6874,"props":40344,"children":40345},{},[40346,40351,40356,40360],{"type":34,"tag":6878,"props":40347,"children":40348},{"align":6880},[40349],{"type":40,"value":40350},"模型",{"type":34,"tag":6878,"props":40352,"children":40353},{"align":6880},[40354],{"type":40,"value":40355},"參數量",{"type":34,"tag":6878,"props":40357,"children":40358},{"align":6880},[40359],{"type":40,"value":33471},{"type":34,"tag":6878,"props":40361,"children":40362},{"align":6880},[40363],{"type":40,"value":40364},"核心優勢",{"type":34,"tag":6890,"props":40366,"children":40367},{},[40368,40394],{"type":34,"tag":6874,"props":40369,"children":40370},{},[40371,40379,40384,40389],{"type":34,"tag":6897,"props":40372,"children":40373},{"align":6880},[40374],{"type":34,"tag":1008,"props":40375,"children":40376},{},[40377],{"type":40,"value":40378},"DeepSeek-V4-Pro",{"type":34,"tag":6897,"props":40380,"children":40381},{"align":6880},[40382],{"type":40,"value":40383},"1.6T (激活 49B)",{"type":34,"tag":6897,"props":40385,"children":40386},{"align":6880},[40387],{"type":40,"value":40388},"1M Tokens",{"type":34,"tag":6897,"props":40390,"children":40391},{"align":6880},[40392],{"type":40,"value":40393},"最強的知識能力、程式碼生成與複雜邏輯推理，媲美甚至超越頂級閉源模型。",{"type":34,"tag":6874,"props":40395,"children":40396},{},[40397,40405,40410,40414],{"type":34,"tag":6897,"props":40398,"children":40399},{"align":6880},[40400],{"type":34,"tag":1008,"props":40401,"children":40402},{},[40403],{"type":40,"value":40404},"DeepSeek-V4-Flash",{"type":34,"tag":6897,"props":40406,"children":40407},{"align":6880},[40408],{"type":40,"value":40409},"284B (激活 13B)",{"type":34,"tag":6897,"props":40411,"children":40412},{"align":6880},[40413],{"type":40,"value":40388},{"type":34,"tag":6897,"props":40415,"children":40416},{"align":6880},[40417],{"type":40,"value":40418},"極致的速度與性價比，適合處理超長文本摘要與快速日常輔助。",{"type":34,"tag":42,"props":40420,"children":40421},{},[40422],{"type":40,"value":40423},"V4 系列導入了混合注意力架構 (Hybrid Attention Architecture)，在 1M token 的超長文本環境下，Pro 版本的算力消耗只有 V3.2 的 27%！加上 NIM 的硬體加速，回覆速度非常驚人。",{"type":34,"tag":35,"props":40425,"children":40427},{"id":40426},"_5-分鐘無痛串接教學",[40428],{"type":40,"value":40429},"5 分鐘無痛串接教學",{"type":34,"tag":42,"props":40431,"children":40432},{},[40433,40435,40440],{"type":40,"value":40434},"NVIDIA 非常聰明地讓他們的 API ",{"type":34,"tag":1008,"props":40436,"children":40437},{},[40438],{"type":40,"value":40439},"完全相容於 OpenAI SDK",{"type":40,"value":40441},"。這意味著你現有的 AI 應用程式，只需要改動兩行程式碼就能直接切換到 NVIDIA 的免費資源。",{"type":34,"tag":1854,"props":40443,"children":40445},{"id":40444},"_1-獲取-api-金鑰",[40446],{"type":40,"value":40447},"1. 獲取 API 金鑰",{"type":34,"tag":42,"props":40449,"children":40450},{},[40451,40452,40459],{"type":40,"value":8974},{"type":34,"tag":72,"props":40453,"children":40456},{"href":40454,"rel":40455},"https:\u002F\u002Fbuild.nvidia.com\u002Fmodels",[76],[40457],{"type":40,"value":40458},"NVIDIA Build 官方網站",{"type":40,"value":40460}," 登入後，找到 DeepSeek-V4-Pro 進入 Dashboard，即可產出你的專屬 API Key。",{"type":34,"tag":1854,"props":40462,"children":40464},{"id":40463},"_2-環境設定",[40465],{"type":40,"value":40466},"2. 環境設定",{"type":34,"tag":42,"props":40468,"children":40469},{},[40470,40472,40478],{"type":40,"value":40471},"建議使用 ",{"type":34,"tag":58,"props":40473,"children":40475},{"className":40474},[],[40476],{"type":40,"value":40477},".env",{"type":40,"value":40479}," 檔案管理金鑰，避免程式碼推上 GitHub 時外洩。",{"type":34,"tag":243,"props":40481,"children":40483},{"className":245,"code":40482,"filename":40477,"language":247,"meta":8,"style":8},"NVIDIA_API_KEY=nvapi-xxxxxxxxxxxxxxxxxxxx\n",[40484],{"type":34,"tag":58,"props":40485,"children":40486},{"__ignoreMap":8},[40487],{"type":34,"tag":253,"props":40488,"children":40489},{"class":255,"line":256},[40490,40495,40499],{"type":34,"tag":253,"props":40491,"children":40492},{"style":712},[40493],{"type":40,"value":40494},"NVIDIA_API_KEY",{"type":34,"tag":253,"props":40496,"children":40497},{"style":5037},[40498],{"type":40,"value":11275},{"type":34,"tag":253,"props":40500,"children":40501},{"style":271},[40502],{"type":40,"value":40503},"nvapi-xxxxxxxxxxxxxxxxxxxx\n",{"type":34,"tag":1854,"props":40505,"children":40507},{"id":40506},"_3-實作呼叫邏輯",[40508],{"type":40,"value":40509},"3. 實作呼叫邏輯",{"type":34,"tag":42,"props":40511,"children":40512},{},[40513,40515,40521],{"type":40,"value":40514},"以下是一個標準的 Python 範例。你會發現除了 ",{"type":34,"tag":58,"props":40516,"children":40518},{"className":40517},[],[40519],{"type":40,"value":40520},"base_url",{"type":40,"value":40522}," 之外，其餘語法與 OpenAI 完全一致：",{"type":34,"tag":243,"props":40524,"children":40527},{"className":11192,"code":40525,"filename":40526,"language":11194,"meta":8,"style":8},"import os\nfrom openai import OpenAI\nfrom dotenv import load_dotenv\n\nload_dotenv()\n\n# 初始化 Client，指向 NVIDIA 節點\nclient = OpenAI(\n    base_url=\"https:\u002F\u002Fintegrate.api.nvidia.com\u002Fv1\",\n    api_key=os.getenv(\"NVIDIA_API_KEY\"),  \n)\n\n# 呼叫最新版 DeepSeek-V4-Pro 進行程式碼生成\nresponse = client.chat.completions.create(\n    model=\"deepseek-ai\u002Fdeepseek-v4-pro\",\n    messages=[\n        {\"role\": \"user\", \"content\": \"請幫我寫一個 Vue 3 的 Composition API 倒數計時器組件。\"}\n    ],\n    max_tokens=1024,\n)\n\nprint(response.choices[0].message.content)\n","app.py",[40528],{"type":34,"tag":58,"props":40529,"children":40530},{"__ignoreMap":8},[40531,40543,40564,40585,40592,40604,40611,40619,40639,40660,40696,40703,40710,40718,40743,40764,40781,40822,40829,40850,40857,40864],{"type":34,"tag":253,"props":40532,"children":40533},{"class":255,"line":256},[40534,40538],{"type":34,"tag":253,"props":40535,"children":40536},{"style":11204},[40537],{"type":40,"value":11207},{"type":34,"tag":253,"props":40539,"children":40540},{"style":370},[40541],{"type":40,"value":40542}," os\n",{"type":34,"tag":253,"props":40544,"children":40545},{"class":255,"line":708},[40546,40550,40555,40559],{"type":34,"tag":253,"props":40547,"children":40548},{"style":11204},[40549],{"type":40,"value":11220},{"type":34,"tag":253,"props":40551,"children":40552},{"style":370},[40553],{"type":40,"value":40554}," openai ",{"type":34,"tag":253,"props":40556,"children":40557},{"style":11204},[40558],{"type":40,"value":11207},{"type":34,"tag":253,"props":40560,"children":40561},{"style":370},[40562],{"type":40,"value":40563}," OpenAI\n",{"type":34,"tag":253,"props":40565,"children":40566},{"class":255,"line":733},[40567,40571,40576,40580],{"type":34,"tag":253,"props":40568,"children":40569},{"style":11204},[40570],{"type":40,"value":11220},{"type":34,"tag":253,"props":40572,"children":40573},{"style":370},[40574],{"type":40,"value":40575}," dotenv ",{"type":34,"tag":253,"props":40577,"children":40578},{"style":11204},[40579],{"type":40,"value":11207},{"type":34,"tag":253,"props":40581,"children":40582},{"style":370},[40583],{"type":40,"value":40584}," load_dotenv\n",{"type":34,"tag":253,"props":40586,"children":40587},{"class":255,"line":755},[40588],{"type":34,"tag":253,"props":40589,"children":40590},{"emptyLinePlaceholder":24},[40591],{"type":40,"value":5053},{"type":34,"tag":253,"props":40593,"children":40594},{"class":255,"line":777},[40595,40600],{"type":34,"tag":253,"props":40596,"children":40597},{"style":260},[40598],{"type":40,"value":40599},"load_dotenv",{"type":34,"tag":253,"props":40601,"children":40602},{"style":370},[40603],{"type":40,"value":11290},{"type":34,"tag":253,"props":40605,"children":40606},{"class":255,"line":795},[40607],{"type":34,"tag":253,"props":40608,"children":40609},{"emptyLinePlaceholder":24},[40610],{"type":40,"value":5053},{"type":34,"tag":253,"props":40612,"children":40613},{"class":255,"line":5085},[40614],{"type":34,"tag":253,"props":40615,"children":40616},{"style":5059},[40617],{"type":40,"value":40618},"# 初始化 Client，指向 NVIDIA 節點\n",{"type":34,"tag":253,"props":40620,"children":40621},{"class":255,"line":5094},[40622,40626,40630,40635],{"type":34,"tag":253,"props":40623,"children":40624},{"style":370},[40625],{"type":40,"value":11270},{"type":34,"tag":253,"props":40627,"children":40628},{"style":5037},[40629],{"type":40,"value":11275},{"type":34,"tag":253,"props":40631,"children":40632},{"style":260},[40633],{"type":40,"value":40634}," OpenAI",{"type":34,"tag":253,"props":40636,"children":40637},{"style":370},[40638],{"type":40,"value":11340},{"type":34,"tag":253,"props":40640,"children":40641},{"class":255,"line":5117},[40642,40647,40651,40656],{"type":34,"tag":253,"props":40643,"children":40644},{"style":11346},[40645],{"type":40,"value":40646},"    base_url",{"type":34,"tag":253,"props":40648,"children":40649},{"style":5037},[40650],{"type":40,"value":11275},{"type":34,"tag":253,"props":40652,"children":40653},{"style":271},[40654],{"type":40,"value":40655},"\"https:\u002F\u002Fintegrate.api.nvidia.com\u002Fv1\"",{"type":34,"tag":253,"props":40657,"children":40658},{"style":370},[40659],{"type":40,"value":730},{"type":34,"tag":253,"props":40661,"children":40662},{"class":255,"line":5125},[40663,40668,40672,40677,40682,40686,40691],{"type":34,"tag":253,"props":40664,"children":40665},{"style":11346},[40666],{"type":40,"value":40667},"    api_key",{"type":34,"tag":253,"props":40669,"children":40670},{"style":5037},[40671],{"type":40,"value":11275},{"type":34,"tag":253,"props":40673,"children":40674},{"style":370},[40675],{"type":40,"value":40676},"os.",{"type":34,"tag":253,"props":40678,"children":40679},{"style":260},[40680],{"type":40,"value":40681},"getenv",{"type":34,"tag":253,"props":40683,"children":40684},{"style":370},[40685],{"type":40,"value":11567},{"type":34,"tag":253,"props":40687,"children":40688},{"style":271},[40689],{"type":40,"value":40690},"\"NVIDIA_API_KEY\"",{"type":34,"tag":253,"props":40692,"children":40693},{"style":370},[40694],{"type":40,"value":40695},"),  \n",{"type":34,"tag":253,"props":40697,"children":40698},{"class":255,"line":5134},[40699],{"type":34,"tag":253,"props":40700,"children":40701},{"style":370},[40702],{"type":40,"value":11509},{"type":34,"tag":253,"props":40704,"children":40705},{"class":255,"line":5673},[40706],{"type":34,"tag":253,"props":40707,"children":40708},{"emptyLinePlaceholder":24},[40709],{"type":40,"value":5053},{"type":34,"tag":253,"props":40711,"children":40712},{"class":255,"line":5694},[40713],{"type":34,"tag":253,"props":40714,"children":40715},{"style":5059},[40716],{"type":40,"value":40717},"# 呼叫最新版 DeepSeek-V4-Pro 進行程式碼生成\n",{"type":34,"tag":253,"props":40719,"children":40720},{"class":255,"line":5715},[40721,40726,40730,40735,40739],{"type":34,"tag":253,"props":40722,"children":40723},{"style":370},[40724],{"type":40,"value":40725},"response ",{"type":34,"tag":253,"props":40727,"children":40728},{"style":5037},[40729],{"type":40,"value":11275},{"type":34,"tag":253,"props":40731,"children":40732},{"style":370},[40733],{"type":40,"value":40734}," client.chat.completions.",{"type":34,"tag":253,"props":40736,"children":40737},{"style":260},[40738],{"type":40,"value":12382},{"type":34,"tag":253,"props":40740,"children":40741},{"style":370},[40742],{"type":40,"value":11340},{"type":34,"tag":253,"props":40744,"children":40745},{"class":255,"line":5732},[40746,40751,40755,40760],{"type":34,"tag":253,"props":40747,"children":40748},{"style":11346},[40749],{"type":40,"value":40750},"    model",{"type":34,"tag":253,"props":40752,"children":40753},{"style":5037},[40754],{"type":40,"value":11275},{"type":34,"tag":253,"props":40756,"children":40757},{"style":271},[40758],{"type":40,"value":40759},"\"deepseek-ai\u002Fdeepseek-v4-pro\"",{"type":34,"tag":253,"props":40761,"children":40762},{"style":370},[40763],{"type":40,"value":730},{"type":34,"tag":253,"props":40765,"children":40766},{"class":255,"line":5740},[40767,40772,40776],{"type":34,"tag":253,"props":40768,"children":40769},{"style":11346},[40770],{"type":40,"value":40771},"    messages",{"type":34,"tag":253,"props":40773,"children":40774},{"style":5037},[40775],{"type":40,"value":11275},{"type":34,"tag":253,"props":40777,"children":40778},{"style":370},[40779],{"type":40,"value":40780},"[\n",{"type":34,"tag":253,"props":40782,"children":40783},{"class":255,"line":5748},[40784,40789,40793,40797,40801,40805,40809,40813,40818],{"type":34,"tag":253,"props":40785,"children":40786},{"style":370},[40787],{"type":40,"value":40788},"        {",{"type":34,"tag":253,"props":40790,"children":40791},{"style":271},[40792],{"type":40,"value":17417},{"type":34,"tag":253,"props":40794,"children":40795},{"style":370},[40796],{"type":40,"value":720},{"type":34,"tag":253,"props":40798,"children":40799},{"style":271},[40800],{"type":40,"value":17468},{"type":34,"tag":253,"props":40802,"children":40803},{"style":370},[40804],{"type":40,"value":11466},{"type":34,"tag":253,"props":40806,"children":40807},{"style":271},[40808],{"type":40,"value":17435},{"type":34,"tag":253,"props":40810,"children":40811},{"style":370},[40812],{"type":40,"value":720},{"type":34,"tag":253,"props":40814,"children":40815},{"style":271},[40816],{"type":40,"value":40817},"\"請幫我寫一個 Vue 3 的 Composition API 倒數計時器組件。\"",{"type":34,"tag":253,"props":40819,"children":40820},{"style":370},[40821],{"type":40,"value":801},{"type":34,"tag":253,"props":40823,"children":40824},{"class":255,"line":5769},[40825],{"type":34,"tag":253,"props":40826,"children":40827},{"style":370},[40828],{"type":40,"value":29186},{"type":34,"tag":253,"props":40830,"children":40831},{"class":255,"line":5790},[40832,40837,40841,40846],{"type":34,"tag":253,"props":40833,"children":40834},{"style":11346},[40835],{"type":40,"value":40836},"    max_tokens",{"type":34,"tag":253,"props":40838,"children":40839},{"style":5037},[40840],{"type":40,"value":11275},{"type":34,"tag":253,"props":40842,"children":40843},{"style":265},[40844],{"type":40,"value":40845},"1024",{"type":34,"tag":253,"props":40847,"children":40848},{"style":370},[40849],{"type":40,"value":730},{"type":34,"tag":253,"props":40851,"children":40852},{"class":255,"line":5806},[40853],{"type":34,"tag":253,"props":40854,"children":40855},{"style":370},[40856],{"type":40,"value":11509},{"type":34,"tag":253,"props":40858,"children":40859},{"class":255,"line":5815},[40860],{"type":34,"tag":253,"props":40861,"children":40862},{"emptyLinePlaceholder":24},[40863],{"type":40,"value":5053},{"type":34,"tag":253,"props":40865,"children":40866},{"class":255,"line":5824},[40867,40872,40877,40881],{"type":34,"tag":253,"props":40868,"children":40869},{"style":5037},[40870],{"type":40,"value":40871},"print",{"type":34,"tag":253,"props":40873,"children":40874},{"style":370},[40875],{"type":40,"value":40876},"(response.choices[",{"type":34,"tag":253,"props":40878,"children":40879},{"style":265},[40880],{"type":40,"value":29260},{"type":34,"tag":253,"props":40882,"children":40883},{"style":370},[40884],{"type":40,"value":40885},"].message.content)\n",{"type":34,"tag":1854,"props":40887,"children":40889},{"id":40888},"進階技巧開啟-think-模式-推理模式",[40890],{"type":40,"value":40891},"進階技巧：開啟 Think 模式 (推理模式)",{"type":34,"tag":42,"props":40893,"children":40894},{},[40895],{"type":40,"value":40896},"DeepSeek-V4 原生支援三種思考模式（Non-think, Think High, Think Max）。透過 NVIDIA 的 API，你同樣可以取得模型深思熟慮的過程：",{"type":34,"tag":243,"props":40898,"children":40901},{"className":11192,"code":40899,"filename":40900,"language":11194,"meta":8,"style":8},"response = client.chat.completions.create(\n    model=\"deepseek-ai\u002Fdeepseek-v4-pro\",\n    messages=[\n        {\"role\": \"user\", \"content\": \"證明 \\(\\sqrt{2}\\) 是無理數\"}\n    ]\n    # 在支援的模型中，你將會看到回傳的文本包含 \u003Cthink> 標籤\n)\n","think.py",[40902],{"type":34,"tag":58,"props":40903,"children":40904},{"__ignoreMap":8},[40905,40928,40947,40962,41012,41020,41028],{"type":34,"tag":253,"props":40906,"children":40907},{"class":255,"line":256},[40908,40912,40916,40920,40924],{"type":34,"tag":253,"props":40909,"children":40910},{"style":370},[40911],{"type":40,"value":40725},{"type":34,"tag":253,"props":40913,"children":40914},{"style":5037},[40915],{"type":40,"value":11275},{"type":34,"tag":253,"props":40917,"children":40918},{"style":370},[40919],{"type":40,"value":40734},{"type":34,"tag":253,"props":40921,"children":40922},{"style":260},[40923],{"type":40,"value":12382},{"type":34,"tag":253,"props":40925,"children":40926},{"style":370},[40927],{"type":40,"value":11340},{"type":34,"tag":253,"props":40929,"children":40930},{"class":255,"line":708},[40931,40935,40939,40943],{"type":34,"tag":253,"props":40932,"children":40933},{"style":11346},[40934],{"type":40,"value":40750},{"type":34,"tag":253,"props":40936,"children":40937},{"style":5037},[40938],{"type":40,"value":11275},{"type":34,"tag":253,"props":40940,"children":40941},{"style":271},[40942],{"type":40,"value":40759},{"type":34,"tag":253,"props":40944,"children":40945},{"style":370},[40946],{"type":40,"value":730},{"type":34,"tag":253,"props":40948,"children":40949},{"class":255,"line":733},[40950,40954,40958],{"type":34,"tag":253,"props":40951,"children":40952},{"style":11346},[40953],{"type":40,"value":40771},{"type":34,"tag":253,"props":40955,"children":40956},{"style":5037},[40957],{"type":40,"value":11275},{"type":34,"tag":253,"props":40959,"children":40960},{"style":370},[40961],{"type":40,"value":40780},{"type":34,"tag":253,"props":40963,"children":40964},{"class":255,"line":755},[40965,40969,40973,40977,40981,40985,40989,40993,40998,41003,41008],{"type":34,"tag":253,"props":40966,"children":40967},{"style":370},[40968],{"type":40,"value":40788},{"type":34,"tag":253,"props":40970,"children":40971},{"style":271},[40972],{"type":40,"value":17417},{"type":34,"tag":253,"props":40974,"children":40975},{"style":370},[40976],{"type":40,"value":720},{"type":34,"tag":253,"props":40978,"children":40979},{"style":271},[40980],{"type":40,"value":17468},{"type":34,"tag":253,"props":40982,"children":40983},{"style":370},[40984],{"type":40,"value":11466},{"type":34,"tag":253,"props":40986,"children":40987},{"style":271},[40988],{"type":40,"value":17435},{"type":34,"tag":253,"props":40990,"children":40991},{"style":370},[40992],{"type":40,"value":720},{"type":34,"tag":253,"props":40994,"children":40995},{"style":271},[40996],{"type":40,"value":40997},"\"證明 \\(\\sqrt",{"type":34,"tag":253,"props":40999,"children":41000},{"style":265},[41001],{"type":40,"value":41002},"{2}",{"type":34,"tag":253,"props":41004,"children":41005},{"style":271},[41006],{"type":40,"value":41007},"\\) 是無理數\"",{"type":34,"tag":253,"props":41009,"children":41010},{"style":370},[41011],{"type":40,"value":801},{"type":34,"tag":253,"props":41013,"children":41014},{"class":255,"line":777},[41015],{"type":34,"tag":253,"props":41016,"children":41017},{"style":370},[41018],{"type":40,"value":41019},"    ]\n",{"type":34,"tag":253,"props":41021,"children":41022},{"class":255,"line":795},[41023],{"type":34,"tag":253,"props":41024,"children":41025},{"style":5059},[41026],{"type":40,"value":41027},"    # 在支援的模型中，你將會看到回傳的文本包含 \u003Cthink> 標籤\n",{"type":34,"tag":253,"props":41029,"children":41030},{"class":255,"line":5085},[41031],{"type":34,"tag":253,"props":41032,"children":41033},{"style":370},[41034],{"type":40,"value":11509},{"type":34,"tag":35,"props":41036,"children":41037},{"id":9888},[41038],{"type":40,"value":9888},{"type":34,"tag":42,"props":41040,"children":41041},{},[41042],{"type":40,"value":41043},"對於像我們這樣喜歡折騰 Side Project 的開發者來說，NVIDIA 提供的 NIM API 搭配最新的 DeepSeek-V4-Pro 簡直是「白嫖神器」。它不僅讓你無痛體驗 100 萬 Token 的超長文本處理能力，更讓原本需要高昂租金的硬體算力變得垂手可得。",{"type":34,"tag":42,"props":41045,"children":41046},{},[41047],{"type":40,"value":41048},"強烈建議現在就去申請一個 Key，感受一下「GPU 大廠」帶來的極致推論速度！",{"type":34,"tag":1548,"props":41050,"children":41051},{},[41052],{"type":40,"value":1552},{"title":8,"searchDepth":708,"depth":708,"links":41054},[41055,41056,41057,41063],{"id":37,"depth":708,"text":37},{"id":40328,"depth":708,"text":40331},{"id":40426,"depth":708,"text":40429,"children":41058},[41059,41060,41061,41062],{"id":40444,"depth":733,"text":40447},{"id":40463,"depth":733,"text":40466},{"id":40506,"depth":733,"text":40509},{"id":40888,"depth":733,"text":40891},{"id":9888,"depth":708,"text":9888},"content:articles:nvidia-nim-free-api.md","articles\u002Fnvidia-nim-free-api.md","articles\u002Fnvidia-nim-free-api",{"_path":41068,"_dir":41069,"_draft":7,"_partial":7,"_locale":8,"title":41070,"description":41071,"date":41072,"updated":41072,"category":41073,"image":41074,"draft":7,"body":41075,"_type":1569,"_id":41468,"_source":1571,"_file":41469,"_stem":41470,"_extension":1574},"\u002Fnews\u002Fcursor-ios-mobile-app","news","Cursor for iOS 公開測試上線：手機也能啟動 Agent、審查程式碼與合併 PR","Cursor 發表原生 iOS app，讓開發者可以從手機啟動 Cloud Agent、遠端控制本機 Agent、看影片 demo、用語音與截圖回饋任務，甚至在手機上審查程式碼並合併 PR。","2026-06-30","News","\u002Fday_assets\u002Fcursor-ios\u002Fcover.jpg",{"type":31,"children":41076,"toc":41458},[41077,41081,41086,41098,41103,41107,41140,41143,41149,41160,41165,41170,41175,41180,41185,41284,41289,41295,41320,41325,41337,41342,41347,41352,41357,41362,41385,41391,41396,41401,41406,41411,41416,41421,41426,41431],{"type":34,"tag":35,"props":41078,"children":41079},{"id":37},[41080],{"type":40,"value":37},{"type":34,"tag":42,"props":41082,"children":41083},{},[41084],{"type":40,"value":41085},"Cursor 這次正式把 AI 編碼工作流帶到 iPhone 上。",{"type":34,"tag":42,"props":41087,"children":41088},{},[41089,41091,41096],{"type":40,"value":41090},"官方在 2026 年 6 月 29 日宣布 ",{"type":34,"tag":1008,"props":41092,"children":41093},{},[41094],{"type":40,"value":41095},"Cursor for iOS",{"type":40,"value":41097}," 進入公開測試，定位不是「手機上寫完整專案」那麼簡單，而是把手機變成 Cursor Agent 的控制台：你可以在外面用語音丟想法、啟動 cloud agent、收到完成通知、看 agent 跑出來的影片 demo，再從手機審查程式碼、補回饋，最後直接 merge。",{"type":34,"tag":42,"props":41099,"children":41100},{},[41101],{"type":40,"value":41102},"這件事有趣的地方在於，它把原本很桌機導向的 agentic coding 往「隨時可介入」推了一步。Cursor 不只是讓你在手機上聊天，而是讓手機參與本機、雲端與程式碼審查之間的整個循環。",{"type":34,"tag":112,"props":41104,"children":41106},{"src":41105},"\u002Fday_assets\u002Fcursor-ios\u002FCursor%20-%20Introducing%20Cursor%20for%20iOS.%20%20Build%20from%20anywhere%20by%20launching%20always-..._subtitled.mp4",[],{"type":34,"tag":122,"props":41108,"children":41109},{},[41110,41120,41130],{"type":34,"tag":126,"props":41111,"children":41112},{},[41113],{"type":34,"tag":72,"props":41114,"children":41117},{"href":41115,"rel":41116},"https:\u002F\u002Fcursor.com\u002Fzh-Hant\u002Fblog\u002Fios-mobile-app",[76],[41118],{"type":40,"value":41119},"Cursor 官方部落格：Introducing Cursor for iOS",{"type":34,"tag":126,"props":41121,"children":41122},{},[41123],{"type":34,"tag":72,"props":41124,"children":41127},{"href":41125,"rel":41126},"https:\u002F\u002Fx.com\u002Fcursor_ai\u002Fstatus\u002F2071641103191998810",[76],[41128],{"type":40,"value":41129},"Cursor 官方 X 發表影片",{"type":34,"tag":126,"props":41131,"children":41132},{},[41133],{"type":34,"tag":72,"props":41134,"children":41137},{"href":41135,"rel":41136},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Fcursor-code-with-ai\u002Fid6749005285",[76],[41138],{"type":40,"value":41139},"App Store：Cursor",{"type":34,"tag":98,"props":41141,"children":41142},{},[],{"type":34,"tag":35,"props":41144,"children":41146},{"id":41145},"核心不是手機寫-code而是手機管-agent",[41147],{"type":40,"value":41148},"核心不是手機寫 code，而是手機管 Agent",{"type":34,"tag":42,"props":41150,"children":41151},{},[41152,41154,41159],{"type":40,"value":41153},"從官方影片來看，Cursor for iOS 最清楚的使用方式是：",{"type":34,"tag":1008,"props":41155,"children":41156},{},[41157],{"type":40,"value":41158},"把手機當成 AI coding agent 的 remote control",{"type":40,"value":222},{"type":34,"tag":42,"props":41161,"children":41162},{},[41163],{"type":40,"value":41164},"影片裡示範了三個情境。第一個是讓 Cursor 在雲端測試與使用軟體，使用跟 MacBook 上相同的工具，最後把可運作的影片 demo 傳回來。接著使用者可以在手機上讀 code、補 feedback，準備好後直接 merge。",{"type":34,"tag":42,"props":41166,"children":41167},{},[41168],{"type":40,"value":41169},"第二個情境是語音輸入。使用者可以在吃飯、通勤，甚至快睡著前，用很長的 voice note 把想法丟給 Cursor，快速啟動幾個 agent。等 agent 跑完後，iOS 會用通知或 Live Activity 顯示狀態。",{"type":34,"tag":42,"props":41171,"children":41172},{},[41173],{"type":40,"value":41174},"第三個情境是 UI feedback。看到畫面有問題時，可以截圖、用 markup 直接圈註，像是提醒「間距再收緊一點」，再讓 agent 接續處理。這比純文字描述 UI 問題更貼近設計與前端開發的實際工作。",{"type":34,"tag":35,"props":41176,"children":41178},{"id":41177},"官方列出的功能重點",[41179],{"type":40,"value":41177},{"type":34,"tag":42,"props":41181,"children":41182},{},[41183],{"type":40,"value":41184},"Cursor 官方部落格把 iOS app 分成幾個主要能力：",{"type":34,"tag":6866,"props":41186,"children":41187},{},[41188,41203],{"type":34,"tag":6870,"props":41189,"children":41190},{},[41191],{"type":34,"tag":6874,"props":41192,"children":41193},{},[41194,41198],{"type":34,"tag":6878,"props":41195,"children":41196},{"align":6880},[41197],{"type":40,"value":36771},{"type":34,"tag":6878,"props":41199,"children":41200},{"align":6880},[41201],{"type":40,"value":41202},"代表意義",{"type":34,"tag":6890,"props":41204,"children":41205},{},[41206,41219,41232,41245,41258,41271],{"type":34,"tag":6874,"props":41207,"children":41208},{},[41209,41214],{"type":34,"tag":6897,"props":41210,"children":41211},{"align":6880},[41212],{"type":40,"value":41213},"啟動 Cloud Agents",{"type":34,"tag":6897,"props":41215,"children":41216},{"align":6880},[41217],{"type":40,"value":41218},"出門也能把任務丟進雲端執行",{"type":34,"tag":6874,"props":41220,"children":41221},{},[41222,41227],{"type":34,"tag":6897,"props":41223,"children":41224},{"align":6880},[41225],{"type":40,"value":41226},"遠端控制本機 Agents",{"type":34,"tag":6897,"props":41228,"children":41229},{"align":6880},[41230],{"type":40,"value":41231},"手機可以接手電腦上正在跑的 agent",{"type":34,"tag":6874,"props":41233,"children":41234},{},[41235,41240],{"type":34,"tag":6897,"props":41236,"children":41237},{"align":6880},[41238],{"type":40,"value":41239},"語音、圖片與文字互動",{"type":34,"tag":6897,"props":41241,"children":41242},{"align":6880},[41243],{"type":40,"value":41244},"不必坐在桌前，也能把想法補進任務",{"type":34,"tag":6874,"props":41246,"children":41247},{},[41248,41253],{"type":34,"tag":6897,"props":41249,"children":41250},{"align":6880},[41251],{"type":40,"value":41252},"審查程式碼與影片 demo",{"type":34,"tag":6897,"props":41254,"children":41255},{"align":6880},[41256],{"type":40,"value":41257},"agent 完成後可直接在手機檢查結果",{"type":34,"tag":6874,"props":41259,"children":41260},{},[41261,41266],{"type":34,"tag":6897,"props":41262,"children":41263},{"align":6880},[41264],{"type":40,"value":41265},"合併 PR",{"type":34,"tag":6897,"props":41267,"children":41268},{"align":6880},[41269],{"type":40,"value":41270},"手機不只是看狀態，也能完成最後決策",{"type":34,"tag":6874,"props":41272,"children":41273},{},[41274,41279],{"type":34,"tag":6897,"props":41275,"children":41276},{"align":6880},[41277],{"type":40,"value":41278},"Live Activities 與通知",{"type":34,"tag":6897,"props":41280,"children":41281},{"align":6880},[41282],{"type":40,"value":41283},"任務完成或卡住時可以即時回來處理",{"type":34,"tag":42,"props":41285,"children":41286},{},[41287],{"type":40,"value":41288},"這裡的產品方向很明確：Cursor 想讓 agent 工作流脫離「人一定要坐在 IDE 前面」的限制。當 agent 能在背景執行，手機端就變成任務派發、審查、回饋、批准的入口。",{"type":34,"tag":35,"props":41290,"children":41292},{"id":41291},"composer-25-也來到行動端",[41293],{"type":40,"value":41294},"Composer 2.5 也來到行動端",{"type":34,"tag":42,"props":41296,"children":41297},{},[41298,41300,41305,41307,41312,41314,41319],{"type":40,"value":41299},"官方也提到，",{"type":34,"tag":1008,"props":41301,"children":41302},{},[41303],{"type":40,"value":41304},"Composer 2.5",{"type":40,"value":41306}," 現在可以在 iOS app 裡使用，而且為了慶祝 mobile app 發表，Composer 2.5 的所有行動端請求到 ",{"type":34,"tag":1008,"props":41308,"children":41309},{},[41310],{"type":40,"value":41311},"2026 年 7 月 5 日",{"type":40,"value":41313}," 之前都有 ",{"type":34,"tag":1008,"props":41315,"children":41316},{},[41317],{"type":40,"value":41318},"75% 折扣",{"type":40,"value":222},{"type":34,"tag":42,"props":41321,"children":41322},{},[41323],{"type":40,"value":41324},"這個折扣有一個很實際的訊號：Cursor 不是只把 iOS app 當通知工具，而是希望使用者真的在手機上啟動與推進任務。若 mobile request 成本下降，使用者更可能在零碎時間用語音、截圖、簡短指令啟動 agent，而不是等回到電腦前再處理。",{"type":34,"tag":42,"props":41326,"children":41327},{},[41328,41330,41335],{"type":40,"value":41329},"不過目前官方也明確說，Cursor for iOS 對 ",{"type":34,"tag":1008,"props":41331,"children":41332},{},[41333],{"type":40,"value":41334},"所有付費方案使用者",{"type":40,"value":41336}," 開放公開測試。也就是說，這不是完全免費的獨立 app，而是 Cursor 付費工作流的一部分。",{"type":34,"tag":35,"props":41338,"children":41340},{"id":41339},"這對開發者工作流的影響",[41341],{"type":40,"value":41339},{"type":34,"tag":42,"props":41343,"children":41344},{},[41345],{"type":40,"value":41346},"Cursor iOS app 真正改變的不是輸入裝置，而是工作節奏。",{"type":34,"tag":42,"props":41348,"children":41349},{},[41350],{"type":40,"value":41351},"以前 AI coding agent 的問題是：它可以跑很久，但你常常要等在電腦前看它什麼時候需要補資訊、什麼時候完成、什麼時候可以審查。現在手機端補上後，這個循環可以被切成更小的片段：想到需求就用 voice note 發出去、看到 UI 問題就截圖標註、agent 完成後看 demo、最後檢查 diff 並 merge。",{"type":34,"tag":42,"props":41353,"children":41354},{},[41355],{"type":40,"value":41356},"這也讓 agentic coding 更接近「非同步開發」。人不一定全程陪跑，但仍然能在關鍵節點介入：定義需求、修正方向、確認結果、批准合併。",{"type":34,"tag":42,"props":41358,"children":41359},{},[41360],{"type":40,"value":41361},"我覺得這會特別適合幾種人：",{"type":34,"tag":122,"props":41363,"children":41364},{},[41365,41370,41375,41380],{"type":34,"tag":126,"props":41366,"children":41367},{},[41368],{"type":40,"value":41369},"已經常用 Cursor Cloud Agent 的開發者",{"type":34,"tag":126,"props":41371,"children":41372},{},[41373],{"type":40,"value":41374},"經常在路上想到產品或 UI 修改的人",{"type":34,"tag":126,"props":41376,"children":41377},{},[41378],{"type":40,"value":41379},"需要審查小型 PR、demo、hotfix 的團隊 lead",{"type":34,"tag":126,"props":41381,"children":41382},{},[41383],{"type":40,"value":41384},"喜歡用語音快速描述需求，再讓 agent 拆任務的人",{"type":34,"tag":35,"props":41386,"children":41388},{"id":41387},"也要注意手機端越方便權限邊界越重要",[41389],{"type":40,"value":41390},"也要注意：手機端越方便，權限邊界越重要",{"type":34,"tag":42,"props":41392,"children":41393},{},[41394],{"type":40,"value":41395},"能從手機 merge PR 很方便，但也代表 Cursor iOS 不只是通知中心，而是有實際操作權限的工作入口。",{"type":34,"tag":42,"props":41397,"children":41398},{},[41399],{"type":40,"value":41400},"接下來比較值得觀察的是幾件事：手機端 code review 的可讀性是否夠好、merge 前的確認流程是否清楚、agent 在本機與雲端之間切換時權限如何管理、長語音需求轉成任務後是否容易追蹤。這些會決定它是「好玩的 remote control」，還是真的能進入日常開發。",{"type":34,"tag":42,"props":41402,"children":41403},{},[41404],{"type":40,"value":41405},"目前第一版公開測試看起來，Cursor 已經抓到一個很明確的方向：手機不是拿來取代 IDE，而是拿來補上 agent 工作流裡最缺的那個環節，也就是人在離開電腦後仍能下指令、看結果、做決策。",{"type":34,"tag":35,"props":41407,"children":41409},{"id":41408},"今日觀察",[41410],{"type":40,"value":41408},{"type":34,"tag":42,"props":41412,"children":41413},{},[41414],{"type":40,"value":41415},"Cursor for iOS 的發表，代表 AI 編碼工具正在從「桌面 IDE」走向「跨裝置 agent workflow」。",{"type":34,"tag":42,"props":41417,"children":41418},{},[41419],{"type":40,"value":41420},"當 coding agent 能在 cloud 或本機背景跑，手機就自然成為控制層。這也是為什麼官方影片一直強調：可以在手機上發起任務、接收通知、看 demo、用截圖回饋、遠端控制電腦上的 agent。",{"type":34,"tag":42,"props":41422,"children":41423},{},[41424],{"type":40,"value":41425},"如果 Cursor 接下來把 code review、權限確認、任務追蹤與通知體驗做好，這款 iOS app 可能會讓 agentic coding 更像真正的非同步工作流程，而不只是 IDE 裡的一個 AI 功能。",{"type":34,"tag":35,"props":41427,"children":41429},{"id":41428},"資訊來源",[41430],{"type":40,"value":41428},{"type":34,"tag":122,"props":41432,"children":41433},{},[41434,41442,41450],{"type":34,"tag":126,"props":41435,"children":41436},{},[41437],{"type":34,"tag":72,"props":41438,"children":41440},{"href":41115,"rel":41439},[76],[41441],{"type":40,"value":41119},{"type":34,"tag":126,"props":41443,"children":41444},{},[41445],{"type":34,"tag":72,"props":41446,"children":41448},{"href":41125,"rel":41447},[76],[41449],{"type":40,"value":41129},{"type":34,"tag":126,"props":41451,"children":41452},{},[41453],{"type":34,"tag":72,"props":41454,"children":41456},{"href":41135,"rel":41455},[76],[41457],{"type":40,"value":41139},{"title":8,"searchDepth":708,"depth":708,"links":41459},[41460,41461,41462,41463,41464,41465,41466,41467],{"id":37,"depth":708,"text":37},{"id":41145,"depth":708,"text":41148},{"id":41177,"depth":708,"text":41177},{"id":41291,"depth":708,"text":41294},{"id":41339,"depth":708,"text":41339},{"id":41387,"depth":708,"text":41390},{"id":41408,"depth":708,"text":41408},{"id":41428,"depth":708,"text":41428},"content:news:cursor-ios-mobile-app.md","news\u002Fcursor-ios-mobile-app.md","news\u002Fcursor-ios-mobile-app",[41472,41475,41476,41479,41482,41485,41488,41491,41494,41497,41500,41503,41506,41509,41512,41515,41518,41521,41524],{"_path":41473,"title":41474,"date":41072},"\u002Fnews\u002F2026-06-30-ai-news-summary","自動 AI 新聞摘要：Claude SDK、Ornith Agentic Coding 與本地模型更新",{"_path":41068,"title":41070,"date":41072},{"_path":41477,"title":41478,"date":11},"\u002Fnews\u002F2026-06-29-ai-news-summary","自動 AI 新聞摘要：GPT-5.6 存取治理、GLM-5.2 開源權重與開發者工具更新",{"_path":41480,"title":41481,"date":1579},"\u002Fnews\u002F2026-06-28-ai-news-summary","自動 AI 新聞摘要：GPT-5.6 後續、Mythos 受限與 LLM 推論效率更新",{"_path":41483,"title":41484,"date":2141},"\u002Fnews\u002F2026-06-27-ai-news-summary","自動 AI 新聞摘要：GPT-5.6 預覽、模型存取治理與 Agent 工具鏈更新",{"_path":41486,"title":41487,"date":2668},"\u002Fnews\u002F2026-06-26-ai-news-summary","自動 AI 新聞摘要：OpenAI Agent 報告、Copilot Review 與開源工具更新",{"_path":41489,"title":41490,"date":3460},"\u002Fnews\u002F2026-06-25-ai-news-summary","自動 AI 新聞摘要：OpenAI 推論晶片、Gemini 電腦操作與 Agent 工具更新",{"_path":41492,"title":41493,"date":4218},"\u002Fnews\u002F2026-06-24-ai-news-summary","自動 AI 新聞摘要：OpenAI 標準協作、Copilot CLI 與 Agentic App 更新",{"_path":41495,"title":41496,"date":4218},"\u002Fnews\u002Faside","Aside AI Browser 發布：主打 SOTA Browser Agent 與本地工作流",{"_path":41498,"title":41499,"date":4856},"\u002Fnews\u002F2026-06-23-ai-news-summary","自動 AI 新聞摘要：OpenAI 安全工具、Codex 工作流與代理開發更新",{"_path":41501,"title":41502,"date":8486},"\u002Fnews\u002Fcursor-news","今日 AI 早報：Cursor 三連發——iOS Beta、Origin Git 託管、SpaceX 全股票收購",{"_path":41504,"title":41505,"date":9964},"\u002Fnews\u002Fmotionbricks","今日 AI 早報：NVIDIA 開源 MotionBricks！35 萬動作片段、15,000 FPS 極速角色動畫控制",{"_path":41507,"title":41508,"date":10460},"\u002Fnews\u002Famd-aihalo","今日 AI 早報：AMD 推出 Ryzen AI Halo 開發者平台！128GB 統一記憶體挑戰本地端 AI 霸權",{"_path":41510,"title":41511,"date":10787},"\u002Fnews\u002Freachy-mini","今日 AI 早報：Google 展示本地 Gemma 4 驅動 Reachy Mini！299 美元開源機器人開啟具身智慧新時代",{"_path":41513,"title":41514,"date":12798},"\u002Fnews\u002Fthetop","今日 AI 早報：SpaceX 上市，Elon Musk 成為史上首位兆元富豪",{"_path":41516,"title":41517,"date":13476},"\u002Fnews\u002Foracle-peoplesoft-zero-day","今日科技快報：Oracle PeopleSoft 高危漏洞曝光，逾百家機構疑遭波及",{"_path":41519,"title":41520,"date":14457},"\u002Fnews\u002Fdeepmind-robotics-accelerator","今日 AI 早報：Google DeepMind 啟動機器人加速器，招收 15 家歐洲新創團隊",{"_path":41522,"title":41523,"date":15386},"\u002Fnews\u002Fapplewwdc","今日 AI 早報：Apple 發表全新 Apple Intelligence 與 Siri AI",{"_path":41525,"title":41526,"date":15386},"\u002Fnews\u002Fy-zipper","MIT 的可變剛性結構 Y-Zipper：讓布料變鋼板的「三向拉鍊」",1782784238759]