跳至內容

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

出自江振維的課程知識庫
← 較舊編輯
Skipclass​（留言 | 貢獻）
行政員、​介面管理員、​管理員
993筆編輯
視覺化wikitext
Skipclass​（留言 | 貢獻）
行政員、​介面管理員、​管理員
993筆編輯
無編輯摘要
Skipclass​（留言 | 貢獻）
行政員、​介面管理員、​管理員
993筆編輯
Refactoring: Fixed link to 'Tool:VS_Code_+_GitHub'
 
（未顯示同一使用者於中間所作的 15 次修訂）
第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;">
* '''ComfyUI''' 
<div style="font-size:2.5em; font-weight:800; letter-spacing:-1px; margin-bottom:8px;">工具說明與官方資訊查詢</div>
: 開源的節點（node-based）生成式 AI 工具，可在本地執行，支援圖像、影片等創作。使用者可透過節點組合流程進行高度客製化。 
<div style="font-size:1.3em; font-weight:300; opacity:0.9;">Essential Tools & Official Resources</div>
: 官方網站：[https://www.comfy.org ComfyUI 官網]｜原始碼：[https://github.com/comfyanonymous/ComfyUI GitHub] 
<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>


* '''DiffusionBee''' 
<div style="margin-bottom: 30px;">
: 一鍵安裝的 Stable Diffusion GUI 工具，強調簡單易用，支援文字生成影像、影像到影像、放大與變體生成，所有流程在本地執行。 
<div style="font-size:1.5em; font-weight:bold; color:#8e44ad; margin-bottom:15px; border-left:5px solid #8e44ad; padding-left:15px;">
: 官方網站：[https://diffusionbee.com DiffusionBee 官網]｜原始碼：[https://github.com/divamgupta/diffusionbee-stable-diffusion-ui GitHub] 
🤖 語言模型與輔助工具 LLMs
</div>


=== 程式編輯工具 ===
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
* '''VS Code''' 
: 微軟推出的免費程式編輯器，支援多種語言、擴充套件與跨平台操作，適合程式開發與互動設計。 
: 官方網站：[https://code.visualstudio.com VS Code 官網] 


* '''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;">
: 基於 VS Code 的 AI 輔助編輯器，由 Anysphere 開發，支援智慧補全、自然語言生成與程式碼重構。 
<div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:10px;">
: 官方網站：[https://cursor.com Cursor 官網]
<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>


=== 語言模型工具 ===
<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;">
* '''LM Studio''' 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">AnythingLLM</div>
: 輕量化的本地端 LLM 執行工具，支援直接下載與運行多種開源語言模型，適合離線對話與文件輔助。 
<div style="margin-bottom:15px;">
: 官方網站：[https://lmstudio.ai LM Studio 官網]
<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>


* '''AnythingLLM''' 
<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;">
: 開源的本地端 LLM Web 介面工具，提供知識庫整合與聊天功能，方便研究與應用。 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Ollama</div>
: 官方網站：[https://anythingllm.com AnythingLLM 官網]
<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://ollama.com/download 下載 Ollama]</li>
</ul>
</div>


* '''Ollama''' 
<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;">
: 本地端 LLM 執行平台，可快速安裝並管理多種模型，支援命令列與應用程式呼叫。 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Superpower ChatGPT</div>
: 官方網站：[https://ollama.com Ollama 官網]
<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>


=== 文字簡報工具 ===
</div>
* '''Gamma''' 
</div>
: AI 驅動的簡報工具，能將文字快速轉換為設計良好的投影片，並支援雲端協作。
 
: 官方網站：[https://gamma.app Gamma 官網]
<div style="margin-bottom: 30px;">
<div style="font-size:1.5em; font-weight:bold; color:#d35400; margin-bottom:15px; border-left:5px solid #e67e22; padding-left:15px;">
🎨 圖像生成與設計工具 Image Gen
</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 #e67e22;">
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">ComfyUI</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://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 (瀏覽器)

取自「https://wiki.interaction.tw/index.php?title=Tool:Tool:AI工具&oldid=852」