跳至內容

「Tool:Tool:AI工具」:修訂間差異

出自江振維的課程知識庫
Skipclass留言 | 貢獻
無編輯摘要
Skipclass留言 | 貢獻
Refactoring: Fixed link to 'Tool:VS_Code_+_GitHub'
 
(未顯示同一使用者於中間所作的 16 次修訂)
第1行: 第1行:
== 工具說明與官方資訊查詢 ==
<div style="width:100%; max-width:1000px; margin:0 auto; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color:#f4f5f7; color:#2d3436; box-sizing: border-box; line-height: 1.6;">


以下是本課程中使用/介紹的各項工具與平台的功能概覽,以及官方網站與下載管道/注意事項。請同學務必從官方來源取得軟體/模型,以確保版本正確與安全。
<div style="padding: 15px 0 10px 5px;">
<span style="background:#dfe6e9; padding:6px 15px; border-radius:20px; font-size:0.9em; font-weight:bold;">
[[首頁|← 回首頁]]
</span>
</div>


=== 圖像生成工具 ===
<div style="background: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%); color:white; border-radius:16px; padding:40px 30px; box-shadow: 0 10px 20px rgba(44, 62, 80, 0.2); margin-bottom: 25px;">
<div style="font-size:2.5em; font-weight:800; letter-spacing:-1px; margin-bottom:8px;">工具說明與官方資訊查詢</div>
<div style="font-size:1.3em; font-weight:300; opacity:0.9;">Essential Tools & Official Resources</div>
<div style="margin-top:15px; border-top:1px solid rgba(255,255,255,0.2); padding-top:15px; font-size:0.95em; background:rgba(0,0,0,0.1); display:inline-block; padding:8px 15px; border-radius:8px;">
⚠️ 安全提醒:請務必從官方來源取得軟體,以確保版本正確與資訊安全。
</div>
</div>


* '''ComfyUI''' 
<div style="margin-bottom: 30px;">
  **功能簡介:** ComfyUI 是一套開源、節點(node-based)工作的生成式 AI 工具,支援圖像、影片、音頻等創作;使用者可藉由節點拼接流程(workflow)設定模型載入、文字提示(prompt)、取樣器(sampler)、控制網絡(ControlNet)等節點,靈活組合與擴充。  [oai_citation:0‡維基百科](https://en.wikipedia.org/wiki/ComfyUI?utm_source=chatgpt.com) 
<div style="font-size:1.5em; font-weight:bold; color:#8e44ad; margin-bottom:15px; border-left:5px solid #8e44ad; padding-left:15px;">
  **官方來源/下載:** 
🤖 語言模型輔助工具 LLMs
  - 官方主頁   ComfyUI 的官方網站 [https://www.comfy.org ComfyUI 官網]  [oai_citation:1‡ComfyUI](https://www.comfy.org/?utm_source=chatgpt.com) 
</div>
  - GitHub 倉庫   comfyanonymous/ComfyUI(包含原始碼與版本釋出)  [oai_citation:2‡GitHub](https://github.com/comfyanonymous/ComfyUI?utm_source=chatgpt.com) 
  **注意事項:** 
  - 掛接節點和外掛時要確認是否來自信任來源(避免惡意 extension)。 
  - workflow 可以儲存共享,要注意是否含有敏感模組或外部依賴。 


* '''DiffusionBee''' 
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
  **功能簡介:** 可在本機運行 Stable Diffusion 模型的 GUI 工具,強調簡單易用,「一鍵安裝器」的方式讓使用者不用繁複設定即可生成圖像。支援輸入文字提示、影像到影像(image-to-image)、影像放大(upscaling)、變體生成等功能。全部生成流程在本地運作,不經雲端。  [oai_citation:3‡DiffusionBee](https://diffusionbee.com/?utm_source=chatgpt.com) 
  **官方來源/下載:** 
  - DiffusionBee 官網下載頁面 [https://diffusionbee.com DiffusionBee 官網]  [oai_citation:4‡DiffusionBee](https://diffusionbee.com/?utm_source=chatgpt.com) 
  - GitHub 倉庫(stable diffusion wrapping + UI)   divamgupta/diffusionbee-stable-diffusion-ui 等專案  [oai_citation:5‡GitHub](https://github.com/divamgupta/diffusionbee-stable-diffusion-ui?utm_source=chatgpt.com) 
  **注意事項:** 
  - 系統相容性:在 Mac(尤其 Apple Silicon/M-系列晶片)上效能較好;在其他平台可能較慢。  [oai_citation:6‡DiffusionBee](https://diffusionbee.com/?utm_source=chatgpt.com) 
  - 用戶需注意授權/圖像使用權限(例如 Stable Diffusion 的 license)與道德使用。 


=== 程式/程式編輯工具 ===
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #9b59b6;">
<div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:10px;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436;">LM Studio</div>
</div>
<div style="margin-bottom:15px;">
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Linux</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://lmstudio.ai/ LM Studio 官網]</li>
<li>📖 <strong>教學資源:</strong> [https://the-walking-fish.com/p/lmstudio/?utm_source=chatgpt.com 本地模型部署教學 (The Walking Fish)]</li>
</ul>
</div>


* '''VS Code''' 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #9b59b6;">
  **功能簡介:** 微軟推出的免費且開源(部分核心)程式編輯器,支援多語言、強大的外掛生態系統,適合作為程式撰寫、原型開發與互動實作之工具。 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">AnythingLLM</div>
  **官方來源/下載** 請至 Visual Studio Code 官方網站下載最新版。 
<div style="margin-bottom:15px;">
  **注意事項** 選擇合適的外掛與語言支援,並善用本控制備份
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS</span>
<span style="background:#fef9e7; color:#d35400; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Docker</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://anythingllm.com AnythingLLM]|[https://docs.useanything.com/ 文件]</li>
<li>💡 <strong>特色</strong> 支援桌面版與自行部署</li>
</ul>
</div>


* '''Cursor''' 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #9b59b6;">
  **功能簡介:** AI 輔助的程式編輯環境,由 Anysphere 開發,基於 VS Code 的架構,但加入許多智慧補全、自然語言提示(prompt)來生成/修改程式碼的功能;也支援整個程式碼庫的查詢與自動重寫(smart rewrite)、重構等操作。  [oai_citation:7‡維基百科](https://en.wikipedia.org/wiki/Cursor_%28code_editor%29?utm_source=chatgpt.com) 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Ollama</div>
  **官方來源/下載** Cursor 官網 [https://cursor.com Cursor 官方]  [oai_citation:8‡Cursor](https://cursor.com/?utm_source=chatgpt.com) 
<div style="margin-bottom:15px;">
  **注意事項:** 
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
  - 隱私模式(Privacy Mode):程式碼不會被上傳或儲存在雲端(若使用此功能)以保護個人與專案資料安全。  [oai_citation:9‡維基百科](https://en.wikipedia.org/wiki/Cursor_%28code_editor%29?utm_source=chatgpt.com) 
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS</span>
  - 使用 AI 生成或修改程式碼時,要注意理解生成結果,避免產生錯誤或不安全的程式片段。 
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Linux</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://ollama.com/download 下載 Ollama]</li>
</ul>
</div>


=== 語言模/LLM 工具 ===
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #9b59b6;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Superpower ChatGPT</div>
<div style="margin-bottom:15px;">
<span style="background:#f4f6f6; color:#2c3e50; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Chrome</span>
<span style="background:#f4f6f6; color:#2c3e50; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Edge</span>
<span style="background:#f4f6f6; color:#2c3e50; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Firefox</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://spchatgpt.com/ 官網]|[https://github.com/saeedezzati/superpower-chatgpt GitHub]</li>
<li>🧩 <strong>類:</strong> 瀏覽器外掛 (Extension)</li>
</ul>
</div>


* '''LM Studio''' 
</div>
  **功能簡介:** 本地端執行多種開源大型語言模型(LLMs),支援 Windows 等系統,以 GUI 介面讓使用者容易下載與操作模型,如 HuggingFace 上的 GGUF 模型等;適合做離線問答、對話或文件輔助。  [oai_citation:10‡LM Studio](https://lmstudio.ai/?utm_source=chatgpt.com) 
</div>
  **官方來源/下載:** LM Studio 的官方網站 [https://lmstudio.ai LM Studio 官網]  [oai_citation:11‡LM Studio](https://lmstudio.ai/?utm_source=chatgpt.com) 
  **注意事項:** 
  - 模型大小與運算需求可能很高,GPU 若支援會效果較好。 
  - 關於模型授權與資料來源要確認是否允許用於商業或公開用途。


* '''Ollama''' 
<div style="margin-bottom: 30px;">
  **功能簡介:** 支援在本地機器與多平台上執行開源語言模型:可下載/管理模型、與模型互動、使用命令列工具或 GUI(視版本)操作。適合用來做專題、研究以及教學用途。  [oai_citation:12‡Ollama](https://ollama.com/?utm_source=chatgpt.com) 
<div style="font-size:1.5em; font-weight:bold; color:#d35400; margin-bottom:15px; border-left:5px solid #e67e22; padding-left:15px;">
  **官方來源/下載:** 官網 [https://ollama.com Ollama 官方網站]  [oai_citation:13‡Ollama](https://ollama.com/?utm_source=chatgpt.com) 
🎨 圖像生成與設計工具 Image Gen
  **注意事項:** 
</div>
  - 若使用者僅有 CPU 或效能較低的 GPU,執行大型模型會有性能壓力。 
  - 安全隱私定要設妥,也要注意不要公開敏感資料或未經授權的模型。


=== 文字簡報工具 ===
<div style="display: flex; flex-wrap: wrap; gap: 20px;">


* '''Gamma''' 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #e67e22;">
  **功能簡介** 簡報/投影片製平台,常見特色包括快速從文本轉成簡報視覺、模板可用+美觀、支援線上協作等。 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">ComfyUI</div>
  **官方來源/下載查詢** 請至 Gamma 站查詢最新功能與訂閱方案。 
<div style="margin-bottom:15px;">
  **注意事項** 若模板或圖片有版權限制,要確認是否可以公開或商業使用。
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Linux</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://www.comfy.org/ ComfyUI]|[https://github.com/comfyanonymous/ComfyUI GitHub]</li>
<li>📖 <strong>教學資源:</strong> [https://stable-diffusion-art.com/comfyui/?utm_source=chatgpt.com 入門與安裝完整教學]</li>
</ul>
</div>
 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #e67e22;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">DiffusionBee</div>
<div style="margin-bottom:15px;">
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS (M1/M2/Intel)</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://diffusionbee.com/ DiffusionBee 官網]</li>
<li>⚠️ <strong>需求:</strong> 需 macOS 12.3 以上版本。</li>
</ul>
</div>
 
</div>
</div>
 
<div style="margin-bottom: 30px;">
<div style="font-size:1.5em; font-weight:bold; color:#2980b9; margin-bottom:15px; border-left:5px solid #3498db; padding-left:15px;">
💻 開發與程式編輯工具 Development
</div>
 
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #3498db;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">VS Code</div>
<div style="margin-bottom:15px;">
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Linux</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://code.visualstudio.com/ VS Code 官網]</li>
<li style="margin-bottom:8px;">📘 <strong>校內資源</strong> [[Tool:VS_Code_+_GitHub|VS Code + GitHub 新手手快速指南]]</li>
<li>⚙️ <strong>進階設定:</strong> [https://github.com/doggy8088/github-copilot-configs 最佳 VS Code 工環境設定]</li>
</ul>
</div>
 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #3498db;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Cursor</div>
<div style="margin-bottom:15px;">
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">macOS</span>
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Linux</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://cursor.com/ Cursor 官網]</li>
<li>✨ <strong>特色:</strong> AI 深度整合的程式碼編輯器。</li>
</ul>
</div>
 
</div>
</div>
 
<div style="margin-bottom: 30px;">
<div style="font-size:1.5em; font-weight:bold; color:#f39c12; margin-bottom:15px; border-left:5px solid #f1c40f; padding-left:15px;">
📢 表達與簡報工具 Presentation
</div>
 
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
 
<div style="flex: 1 1 400px; background:white; border-radius:16px; padding:25px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #f1c40f;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Gamma</div>
<div style="margin-bottom:15px;">
<span style="background:#f4f6f6; color:#2c3e50; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Web (瀏覽器)</span>
</div>
<ul style="list-style:none; padding:0; margin:0; font-size:0.95em;">
<li style="margin-bottom:8px;">🌐 <strong>官方來源:</strong> [https://gamma.app/zh-tw Gamma 官網]</li>
<li>📖 <strong>教學資源</strong> [https://app.genape.ai/zh-TW/tutorial-article/ai-generator/gamma-ai-presentation?utm_source=chatgpt.com Gamma AI 簡報製作教學]</li>
</ul>
</div>
 
</div>
</div>
 
</div>

於 2026年2月1日 (日) 13:39 的最新修訂

工具說明與官方資訊查詢
Essential Tools & Official Resources

⚠️ 安全提醒:請務必從官方來源取得軟體,以確保版本正確與資訊安全。

🤖 語言模型與輔助工具 LLMs

LM Studio

Windows macOS Linux

AnythingLLM

Windows macOS Docker

  • 🌐 官方來源: AnythingLLM文件
  • 💡 特色: 支援桌面版與自行部署。
Ollama

Windows macOS Linux

Superpower ChatGPT

Chrome Edge Firefox

  • 🌐 官方來源: 官網GitHub
  • 🧩 類型: 瀏覽器外掛 (Extension)

🎨 圖像生成與設計工具 Image Gen

ComfyUI

Windows macOS Linux

DiffusionBee

macOS (M1/M2/Intel)

💻 開發與程式編輯工具 Development

VS Code

Windows macOS Linux

Cursor

Windows macOS Linux

  • 🌐 官方來源: Cursor 官網
  • 特色: AI 深度整合的程式碼編輯器。

📢 表達與簡報工具 Presentation

Gamma

Web (瀏覽器)