阿榮ê厝｜Celia Su

Google Sites｜打造 AI 程式碼整合平台：集結 Gemini、Felo 與 Canva 為了把用 AI 程式碼做的學習網頁集結在一起，弄一個子網域 Google Domains 停止服務後，SQUARESPACE 是主要的承接商，為了新增子網域，第一次到新服務商 SQUARESPACE 來看 SQUARESPACE 沒有中文介面，看起來有點複雜，沒有 Google Domains 好理解 感謝 Google Gemini 及 ChatGPT，什麼語言的介面都不再那麼可怕😅😅 SQUARESPACE SQUARESPACE 不只賣網域，主要是網頁設計，強調簡單拖放及精美專業版型，類似 Canva，但網站功能更完整，有電商、Email 行銷和 SEO 工具，等於是一站解決網站行銷需求，從域名 ⇨ 網站 ⇨ 電商 ⇨ 行銷 ⇨ 分析，全部功能都能在同一平台完成。 網站設計除了選用模板外，也可以自訂，或者使用 Blueprint Al 協助。是完整的網站建置與網域管理平台。 https://www.squarespace.com/ Google Domains 本來網域很多都 12美金/年，今年也被調整為 15美金/年 網站建置是付費的，有 14天的試用期，包含了 免費的圖片調整器 免費的網域產生器 免費的企業名稱產生器 免費的Bio Sites 免費的 LOGO 平台設計 SQUARESPACE 主要功能與服務 1. 網域服務（Domains） 域名註冊、續約與轉移功能。 內建 DNS 管理工具（A 記錄、CNAME、TXT、MX 等），方便設定 Blogger、Google Workspace、郵件或其他外部平台。 提供 WHOIS 隱私保護（視國家與域名後綴而定）。 2. 網站建置（Website Builder） ...

Gemini Canvas 示範效果 Canva Code、Gemini Canvas 以及 Felo AI 網頁很方便就能生成一個又一個網頁，但若沒有分類整理，一個個連結就算名稱標示完整，分享及再用也很麻煩，網站本來就是要把重要內容，集結一起的。雖然用 AI 作網頁，看似簡單沒技術性，但內容也是我們花了心思設計，來回過程也是花了時間的，當然還是要整合在一起，並把它好好分類，就可以分享給沒有在使用 AI 的朋友。 Google Sites 是我覺得目前最好的整合平台，一來它是 Google 的免費網站，功能性很強，很多 Google 服務都有整合在一起（Google 日曆、文件、簡報、表單、地圖等），就算沒買專屬網域，協作平台功能時日已久，也比較能被認得，相對可以確認網站安全性，且操作簡單，作為整合平台最適合不過了。 若你還想再優化，也已經有自己的網域，也可以做個子網域給 Google Sites，就可以不用再多花一筆錢，也能和主內容分開，並有比較好的網址分享。若你也是使用之前的 Google Domains，現在網域服務已轉給 SQUARESPACE，日後我會再寫一篇分享，如何做子網域。 用 SQUARESPACE 新增子網域指向 Google Sites 操作流程 class.celiasu.org ：大部份都用 Gemini Canvas 做的網頁示範網站（陸續補充中） celiasu.org 是主網站，綁定在 Canva Canva Code 做的網頁效果： https://celiasu.org/code-for-me 取得程式碼 Canva Code ...

先假設你已依序看過我之前寫的 Google Sites 的二篇文章，才進入這主題的，或者你的網站本來是由別人幫忙弄的，也建議你先看以下這二篇： 建立Google Sites協作平台  Blogger｜Google免費網站Sites-協作平台 新功能 Google｜Google Sites協作平台自訂主題 這篇主要是說取得 評估ID 的方式，其他沒提及的大部份在其他篇，簡單的就不再贅述，若你有其他問題，也可以試著問我，我會的就會回答，或者再補充進來，嘉惠其他網友。 修改 Google Sites 協作平台內容 我們是從雲端硬碟進來建立 Google Sites 協作平台的，所以想修改內容，一樣可以從雲端硬碟找到它，直接點二下即可開啟，並開始其他內容的編修。 使用 Google Analytics (分析) Google 協作平台使用  Google Analytics  分析功能很方便，將你的網站連結至 Google Analytics (分析) 帳戶，即可取得網站使用情形的深入分析和相關指標 操作步驟 點連結  Google Analytics   點按  開始測量 ， 取得 Google Analytics (分析) 追蹤 ID 或評估 ID 後貼回 帳戶設定 帳戶名稱可以填網站名稱以利日後辨識，或統一使用自己名字也可以（會有網址可以辨識） 資料捲軸往下，點按下一個 資源設定 ③ 資源名稱就填網站名稱 ④ 資料捲軸往下，把網域填入 之後會以 G4 為主，所以建議把第一個選項打勾，會直接至 Google Analytics-G4 新介面 提供商家相關資訊 ⑤ 回答一些簡單問題後 ⑥ 服務條款合約有二個勾，要拉到底最後一個勾記得勾選才能按  我接受 網頁串流詳情 完成  Google Analytics (分析) 步驟後就能看到  評估 ID  了 ⑦ 複...

Google Sites 是 Google 免費的網站平台，Blogger 其實也可以是一個完整的網站，但要有更多的功能還是要以  Google Sites 為主，Blogger 偏文章內容多較為好用，詳細內容請參考： Blogger｜Google免費網站Sites-協作平台 之前因為有另外再買一個網址，想測試如何設定子網域，成功後就把主網域留給 Google Sites，還沒思考好如何使用它，畢竟也沒其他內容能再額外分享，也就擱置了好一陣子，直到最近開始迷上水晶，就先把它做為水晶收藏品的展示站，日後再想想如何併整，也因為整頓了起來，所以順便說一下實用的協作平台新功能。 優點 自訂主題主要的好處是可以分別設定字型及顏色，若你只想簡單套用，使用預設主題其實是更方便的。 自訂主題 圖一：新建主題 可以自訂一個全新的主題，並為主題命名 新增標誌：顯示在網站頂端（此也可以經由設定處，如 🔽下圖設定） 新增橫幅圖片：顯示在頁首區段做為背景 圖二：設定處新增品牌圖片 橫幅圖片也可以直接在頁面上新增 Canva｜Google Sites封面尺寸範本分享 匯入主題 若之前也有做過其他協作平台，也可以直接匯入相同的主題 主題也可以直接編輯／複製／移除 設定主題步驟 ...

Google Sites頁首可以有四種選項 封面 大型橫幅 橫幅 只有標題 Google Sites封面尺寸範本比較複雜，是因為我交相比對各種裝置的效果 電腦版 iPad 直式／橫式 手機 直式／橫式 當然大部份的人手機都是直式拿，但因為若有影片，還是有人橫看，至少畫面大一些，所以我示範較為繁雜，若是風景圖或抽象畫面，當然無需太理會各種裝置的尺寸範圍，只要設定電腦版為 1920*1080px 即可。Google Sites本身是RWD網站，也有預設一些圖片可以選擇，不想費心的，可以直接選用，內容永遠是最重要的。 Blogger｜Google免費網站Sites-協作平台 分享範本就是要讓你專注在創作及行銷上，簡易式地設定我都走過一遭了，就想協助你略過這一段路。 範本說明 我用 Canva 設計範本尺寸 1920*1080px 範本可參照我的  網站-Celia漫步雲端 ，比較複雜，就沒預刪內容，我會另外放其他免費的照片，誤差值在 1px內（別剛好置放太邊邊就好） 我有預設輔助線了，直接用第2-3頁的範本去看，就可以看到每頁也有輔助線的（該設計檔有幾頁，都會一體適用輔助線功能），處理好你的設計後，可以把第一頁刪掉，或保留，在列印時選擇你要用的那一頁，以利日後要更換封面時能參照 點選範本連結後，會另外存成新設計副本，不會與我共用。 橫幅／大型橫幅一併為你備妥 ...

Google Site 的 RWD成果 Google Sites Google 協作平台  是 Google 的免費網站平台 若想要擁有一個網站，又不想費太多時間和精神，也不想花每年租用雲端空間的錢，真的建議可以先用 Google 協作平台，先試試自己真的需要一個網站？還是只需要一個 Blogger？重點是它不僅免費，而且超簡單，有公司用這個做官網，一點兒也不含糊，該有的功能都有，又不用花錢請人架站，也不用擔心維護和安全性，B2B 的公司講究的是產品要描述清楚，不需要太花俏樣式，如果仍在 WordPress 間掙扎的，絕對建議你先參加社團，就知道會面臨什麼問題，但如果你有線上銷售的需求，還是只能花時間自己摸索或請人架 WordPress 網站了，其實如果一個不知名的網站，我是寧願去 momo 或蝦皮的，但若服務類的，那就不同考量了。 Google Site與 Blogger的比較表 上面這張表，老實說是因為  Canva｜新功能-表格元素  我硬要做的😁 因為表格結果根本是廢話，Blogger 它本來就只是部落格，只是我們把它弄成也有點像網站了，簡單和載入速度，本來就會因為它的簡略而佔有優勢，但若我們不懂  HTML／JavaScript／CSS，那想在部落格內使用  試算表 ／ 網路硬碟 ／ 表單 ／ 輪播照片， 就有點難度了，而也正因為那些功能性， 才導致協作平台的速度較慢吧？ （目前沒這感覺，速度很可以），但如果該網站載過幾次，那些微的時間差是可以忽略的，重點本來就是網站的內容有沒有價值，有價值的網站相信你也不會太在意。 設定 設定裏的  檢視者工具 ，顯示錨點連結很有趣，建議可以開啟試看看 若是長篇內容，可以標示我們讀到哪兒了，在 該段落標題 處後面，會有個連結符號，可以複製如下的網址...