Google Sites｜打造 AI 程式碼整合平台：集結 Gemini、Felo 與 Canva
 |
| Gemini Canvas 示範效果 |
Canva Code、Gemini Canvas 以及 Felo AI 網頁很方便就能生成一個又一個網頁，但若沒有分類整理，一個個連結就算名稱標示完整，分享及再用也很麻煩，網站本來就是要把重要內容，集結一起的。雖然用 AI 作網頁，看似簡單沒技術性，但內容也是我們花了心思設計，來回過程也是花了時間的，當然還是要整合在一起，並把它好好分類，就可以分享給沒有在使用 AI 的朋友。
Google Sites 是我覺得目前最好的整合平台，一來它是 Google 的免費網站，功能性很強，很多 Google 服務都有整合在一起（Google 日曆、文件、簡報、表單、地圖等），就算沒買專屬網域，協作平台功能時日已久，也比較能被認得，相對可以確認網站安全性，且操作簡單，作為整合平台最適合不過了。
若你還想再優化，也已經有自己的網域，也可以做個子網域給 Google Sites，就可以不用再多花一筆錢，也能和主內容分開，並有比較好的網址分享。若你也是使用之前的 Google Domains，現在網域服務已轉給 SQUARESPACE，日後我會再寫一篇分享，如何做子網域。
- class.celiasu.org：大部份都用 Gemini Canvas 做的網頁示範網站（陸續補充中）
- celiasu.org 是主網站，綁定在 Canva
- Canva Code 做的網頁效果：https://celiasu.org/code-for-me
取得程式碼
Canva Code
- 點按 顯示代碼
- 點按 複製代碼
Gemini Canvas
- 點按 共用
- 點按 複製內容
Felo AI 網頁
- 點按 演示
- 在網頁中，按滑鼠右鍵，點按 檢視框架原始碼
- Ctrl + A 全選，Ctrl + Ｃ 複製
Google Sites
若你不清楚如何用 Google Sites 做網站，可以先參考以下這篇
頁面/整頁嵌入
- 選擇 頁面，最下方選擇大大的 + 字號
- 選擇 整頁嵌入
- 新增子頁面為子頁面命名，建議使用英文，或點選進階自設英文路徑（網址）
- 點選新增 嵌入內容，至 Code 來源處複製上方介紹取得的程式碼
- 點選 嵌入程式碼 貼上程式碼，最後選擇 插入
就能在 Google Sites 代出美美的網站了
可參考示範內容，這網站 80% Code 來源包含 Canva Code / Gemini Canvas / Felo AI 網頁，部份內容使用 Google Sites 本身即有的功能
當然 Google Sites 也可以貼上網址當頁面，就可以再導覽至其他。AI 工具的方便，讓自己想法很容易完整呈現，工具也愈來愈簡單實用，難的永遠是創意的發想及整合：選擇什麼樣的內容；花多少時間力氣；呈現什麼樣的作品。
留言
張貼留言