Moelog AI Q&A Links

Tested PHP: 8.3 Moelog AI Q&A Links 會自動在你的文章或頁面結尾，加入一個互動式的 AI Q&A 問題清單。 當讀者點擊問題時，會開啟一個新分頁，從 OpenAI、Google Gemini 或 Anthropic Claude 獲取 AI 生成的答案。 這個回答頁面具備乾淨的 HTML 佈局、打字機動畫效果、內建的快取系統（包含靜態檔案），以及一個可選的 STM (結構化資料模式)，旨在幫助搜尋引擎和 AI 爬蟲更好地理解頁面內容。 展示頁面： 範例問題：GitHub是怎樣的一個網站?它的用途是什麼? 演示頁面：https://www.moelog.com/qna/qba-4cb-3257/ - 多供應商支援: 可串接 OpenAI (GPT-4o-mini 等)、Google Gemini (Gemini 2.5 Flash 等) 和 Anthropic Claude。 - 高度客製化: 可自訂系統提示 (System Prompt)、模型、溫度 (Temperature)。 - 智慧語言偵測: 內建規則自動偵測 (繁中/日文/英文)，無需 API。 - 雙層快取系統: 使用 WordPress Transients 和靜態 HTML 檔案雙層快取，大幅提升載入速度。 - 智慧預生成: 使用內容雜湊 (Content Hash) 偵測，僅在文章或問題變更時才重新生成答案，節省 API 成本。 - 後台管理介面: - 在文章編輯頁提供「AI 問題清單」Metabox。 - 支援拖曳排序、新增/刪除問題、即時字數統計。 - Gutenberg (區塊編輯器) 相容。 - AJAX 「重新生成全部」 按鈕，可手動清除快取並觸發預生成。 - 路由與模板: - 使用 qna/slug-hash-id/ 的漂亮固定網址 (Pretty URL) 格式。 - 使用 HMAC 雜湊確保 URL 安全，防止猜測。 - 可自訂路由基底 (預設 qna) 與快取目錄名稱。 - Shortcode 支援: - [moelogaiqna index="N"] - 在文章任意位置插入指定問題（index 範圍：1-8）。 - 完整問題清單會自動附加在文章底部，已通過短碼顯示的問題會自動排除，避免重複。 - 安全性: - API 金鑰加密: 使用 AES-256-CBC 強加密演算法 (搭配隨機 IV) 儲存 API Key，金鑰源自 WordPress Salts。 - 嚴格 CSP: 完整支援內容安全策略 (CSP)，所有內聯腳本/樣式均使用 nonce 驗證。 - 模組化架構: 程式碼清晰，易於維護 (Core / Router / Renderer / Cache / Metabox