跳至內容

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

出自江振維的課程知識庫
Skipclass留言 | 貢獻
Skipclass留言 | 貢獻
Refactoring: Fixed link to 'Tool:VS_Code_+_GitHub'
 
(未顯示同一使用者於中間所作的 11 次修訂)
第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;">
* '''LM Studio''' 
<div style="font-size:2.5em; font-weight:800; letter-spacing:-1px; margin-bottom:8px;">工具說明與官方資訊查詢</div>
: **官方網站**:[https://lmstudio.ai/ LM Studio] 
<div style="font-size:1.3em; font-weight:300; opacity:0.9;">Essential Tools & Official Resources</div>
: **支援作業系統**:Windows/macOS/Linux 
<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;">
: **中文說明**:[LM Studio 本地模型部署教學(The Walking Fish)](https://the-walking-fish.com/p/lmstudio/?utm_source=chatgpt.com) 
⚠️ 安全提醒:請務必從官方來源取得軟體,以確保版本正確與資訊安全。
</div>
</div>


* '''AnythingLLM''' 
<div style="margin-bottom: 30px;">
: **官方網站**:[https://anythingllm.com AnythingLLM]|[https://docs.useanything.com/ 官方文件] 
<div style="font-size:1.5em; font-weight:bold; color:#8e44ad; margin-bottom:15px; border-left:5px solid #8e44ad; padding-left:15px;">
: **支援作業系統**:Windows/macOS(桌面版)、Docker/自行部署 
🤖 語言模型與輔助工具 LLMs
</div>


* '''Ollama''' 
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
: **官方網站**:[https://ollama.com/download Ollama] 
: **支援作業系統**:Windows/macOS/Linux 


* '''Superpower ChatGPT(瀏覽器外掛)''' 
<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;">
: **官方網站**:[https://spchatgpt.com/ Superpower ChatGPT][https://github.com/saeedezzati/superpower-chatgpt GitHub]
<div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:10px;">
: **支援平台**:Chrome/Edge/Firefox 等桌面瀏覽器 
<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;">
* '''ComfyUI''' 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">AnythingLLM</div>
: **官方網站**:[https://www.comfy.org/ ComfyUI]|[https://github.com/comfyanonymous/ComfyUI GitHub] 
<div style="margin-bottom:15px;">
: **支援作業系統**:Windows/macOS/Linux 
<span style="background:#e8f6f3; color:#16a085; font-size:0.8em; padding:3px 8px; border-radius:4px; font-weight:bold;">Windows</span>
: **中文說明**:[ComfyUI 入門安裝完整教學](https://stable-diffusion-art.com/comfyui/?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>
<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>


* '''DiffusionBee''' 
<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;">
: **官方網站**:[https://diffusionbee.com/ DiffusionBee]
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Ollama</div>
: **支援作業系統**:macOS(M 系列與 Intel,需 macOS 12.3+) 
<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>


=== 開發與程式編輯工具 ===
<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''' 
<div style="font-size:1.3em; font-weight:bold; color:#2d3436; margin-bottom:10px;">Superpower ChatGPT</div>
: **官方網站**:[https://code.visualstudio.com/ VS Code]
<div style="margin-bottom:15px;">
: **支援作業系統**:Windows/macOS/Linux 
<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>


* '''Cursor(AI 輔助編輯器)''' 
</div>
: **官方網站**:[https://cursor.com/ Cursor] 
</div>
: **支援作業系統**:Windows/macOS/Linux 
: **中文說明**:[Cursor 中文使用文檔](https://cursordocs.com/?utm_source=chatgpt.com) 


=== 表達簡報工具 ===
<div style="margin-bottom: 30px;">
* '''Gamma(AI 簡報)''' 
<div style="font-size:1.5em; font-weight:bold; color:#d35400; margin-bottom:15px; border-left:5px solid #e67e22; padding-left:15px;">
: **官方網站**:[https://gamma.app/zh-tw Gamma]
🎨 圖像生成與設計工具 Image Gen
: **支援平台**:網頁版(支援現代瀏覽器) 
</div>
: **中文說明**:[Gamma AI 簡報製作教學(GenApe)](https://app.genape.ai/zh-TW/tutorial-article/ai-generator/gamma-ai-presentation?utm_source=chatgpt.com)
 
<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 (瀏覽器)