檢視 Tool:Tool:AI工具的原始碼

<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>

<div style="margin-bottom: 30px;">
<div style="font-size:1.5em; font-weight:bold; color:#8e44ad; margin-bottom:15px; border-left:5px solid #8e44ad; padding-left:15px;">
🤖 語言模型與輔助工具 LLMs
</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 #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>

<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>
<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>

<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;">Ollama</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://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;">
<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>

</div>
</div>

<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> [[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>