ChatGPT Sites 完整教學：用 Work 建立網站、分享權限與網址設定

作者： -
ChatGPT Sites 建立網站首頁介面，可用 Work 快速建立網站並分享網址
ChatGPT Sites 首頁展示，透過 Work 建立網站後，可快速設定分享權限、網址與網站內容。

要整理微型企業的 AI 協助相關內容時，第一篇文章寫的就是建立自己的專屬網站

如果你覺得 Google Sites 或者是 Google Blogger 都有點難度，Canva 你也覺得還要有想法，當然還有其他的 AI 工具可以幫忙，Claude Design 也有。現在最受大家歡迎，常用、沒陌生感的 ChatGPT 也有了相對完整的網站功能。說它完整是因為涵蓋了必要的 SEO 及想得到的網站設置功能。

ChatGPT Sites

OpenAI 於 2026 年 7 月 9 日宣布推出 ChatGPT Sites 公開測試版。使用者可以直接在 ChatGPT Work 中，透過對話建立、修改及發布網站。不需要懂 HTML、CSS，也不用購買主機或安裝架站系統，只要告訴 ChatGPT 想做什麼網站，就能透過對話逐步完成。

目前開放給 Pro、Pro Lite、Edu 等帳號使用者，Plus 帳號陸續開放中，免費帳號及 Go 帳號目前無法使用，日後是否可用官方說明中沒提及。

我是 Plus 帳號，7/10 日就看到 Work 標示新功能，只依 ChatGPT 對我的了解，另外再完整給了它我的部落格、形象網站、Instagram 與 YouTube 網址，請 ChatGPT Work 幫我建立一個課程教學網站。從內容架構、版面設計、數位平台入口，到後續修改字體、導覽列、按鈕與網址，都透過對話完成。

ChatGPT Sites 的優點

ChatGPT Sites 最大的優勢在於我們不用說太多，因為若你已是長期使用者，它夠了解我們說話的風格及喜好。比如我們的職業、對什麼感興趣，它都能從平常對話中了解，並主動提供內容，做出來的網址也滿足 SEO  要求，包括：
  • 會提供 ChatGPT Sites 的網域，網址也會依內容自動給一個，可以修改，也可以綁定自己的網域
  • 網站 For RWD，會依使用裝置更改適當排版（它會主動完成）
  • 若有上傳照片，手機版也會採取直式照片配置
  • 圖片檔名若沒指定，也會自己判定給更好的檔名（預設檔案類型是 .webp）
  • 圖片檔案大小會自動考慮網站載入速度縮小
ChatGPT Sites 網站分享後，在 Facebook、RWD 手機版與 LINE 的預覽呈現效果。
ChatGPT Sites 網址 Facebook、LINE 等社群平台分享效果及 RWD 響應式設計手機呈現

ChatGPT Sites 成品

第一個用 ChatGPT 做的示範網站
我有做的特別要求：
  1. 頂部導覽列可以固定或往下捲動時變霧面
  2. 加上右下角「回到最上方」按鈕

建網站前先準備什麼

如果 ChatGPT 也記憶了你主要的數位平台或主要工作內容，不需主動再提，它也可以完成的，我們只需決定要做什麼內容的網站，比如說我做教學網站，但若你有偏好顏色，也可以指定網站風格。網站中若有要提供圖片，也可以上傳，它也會依內容，自己區分為「教學特色」或「代表作品」等。

處理網站通常一開始不會完整知道要呈現哪些內容，所以第一步只需依平常對話內容，ChatGPT 會依對我們的了解，自行先做一版，等它完成，你就會有想法去增添哪些內容，再逐一在對話中要求它補充進去即可。

ChatGPT Sites 網站設置操作步驟

ChatGPT Work 建立網站第一步操作介面
圖一 用 Work 建立網站 第一步
ChatGPT Sites 建立網站第一步
  1. 從「更多」選單開啟網站功能
  2. 點選「網站」
  3. 點選「建立網站」
選擇建立網站後，會自動切換到 Work 介面，並在提示詞中自動標示：幫我做一個關於……的 Sites
下圖為日後再新增其他網站時，比較簡潔的畫面，比較好呈現它自動提示，對話框的內容是如何呈現（都是自動生成的）
ChatGPT Work 介面，可輸入指令建立 ChatGPT Sites 網站

入門

ChatGPT Work 首頁介面，提供 Slack、Teams、Google 工具整合、自訂運作方式與工作流程管理功能。

首次使用時，參考圖一 用 Work 建立網站第一步點入時，會自動導入 ChatGPT Work 首頁，會有簡單的教學指引（上圖），提供可使用的功能，包含 Slack／Teams 整合、行事曆、自訂運作方式、連接工具、學習寫作風格 等功能。

ChatGPT Work 提供多種 AI 工作範例，包括摘要整理、研究分析、部落格寫作、網站規劃與電子郵件草稿

還會依最近的內容，提示 ChatGPT Work 提供的多種 AI 工作範例，可協助完成摘要整理、研究分析、部落格內容創作、網站規劃與電子郵件撰寫，快速建立完整工作流程。

使用 ChatGPT Work 建立個人化 AI 寫作風格

  • 我選擇了：學習我的寫作風格
ChatGPT Work 學習我的寫作風格功能，可分析過去對話與已連接的電子郵件，建立個人化寫作風格

ChatGPT 自動給提示詞：從我們的對話與任何已連接的電子郵件來源學習我的寫作風格；如有需要，協助我連接電子郵件，並說明未來將如何運用這些學習成果協助我撰寫內容。

ChatGTP  會分析過去對話與已連結的電子郵件，建立個人化寫作風格。完成分析後，會提供它的觀察面向、寫作特徵，及未來套用原則讓我們確認，會舉例說明，會依照不同需求，比如說部落格開場詞、課程宣傳、社群分享、Email 等，依我們常用的文字語氣、說話風格，讓我們評比是否符合需求，相同的，若你覺得不妥，可以請它更改。

過程中還會提供使用者調整與確認 AI 寫作風格的介面，依個人需求點選。這部份很有 Claude 的影子。

ChatGPT Work 完成寫作風格分析後，提供使用者確認與調整 AI 個人化寫作風格的介面

提示詞：
幫我做一個關於我的課程教學的 @Sites 
我的主部落格 https://www.celiasu.com/ 
我的形象網站 https://celiasu.org/ 
ig https://www.instagram.com/celia/ 
https://www.youtube.com/@CeliaSu

ChatGPT Sites 根據部落格、形象網站與社群內容，自動規劃網站架構與內容方向

我常態性的對話中事實上有提供過數位平台，它的記憶庫中也有，但為了一次性完成，很方便能給的內容，我還是在第一時間給它了，免得浪費 Token。將部落格、品牌網站、Instagram 與 YouTube 等公開內容提供給 ChatGPT Sites 後，ChatGPT 會整理網站定位、課程特色與內容架構，快速完成網站初步規劃。

ChatGPT Work 會自動規劃網站架構與內容，它會描寫說明，過程中有不妥可以介入要求它修改。圖下為生成的網頁文字，我要求改字型大小，ChatGPT Sites 會自動調整網站內容與版面配置。

ChatGPT Sites 編輯網站內容時，自動檢查網站資訊並調整文字大小，畫面顯示網站編輯流程

完成後會給一個 ***.chatgpt.site，的網址，可以要求改網址，但等於它幫忙重做，或者一開始，你就指定要用什麼前綴字元，也可以套用自己的網域。

設定流程如下：
  1. 在這個網站加入選定的自訂網域。
  2. 系統會產生 CNAME 與網域驗證紀錄。
  3. 到購買網域的平台新增指定的 DNS 紀錄。
  4. 等待驗證與 SSL 安全憑證生效。
  5. 完成後即可用自己的網址開啟網站。

原本的 chatgpt.site 網址通常可以保留，不會影響自訂網域。等你決定要使用哪個子網域後，ChatGPT 可以先建立綁定，再提供需要填入網域後台的確切 DNS 資料。

日後如何修改
chatgpt-sites-open-website-editor

  1. 在 ChatGPT 左側選單點選更多
  2. 點選 網站（Sites） 後，即可查看所有建立的網站
  3. 點擊 編輯 即可進入網站編輯器，修改內容、版面
這裏的編輯比較適合文字類的，我的經驗是若點按編輯後，若於跳轉的頁面中上傳圖片，它只參考圖片顏色去改網站色彩搭配，沒有把相片代入網站內。

如何加入照片或圖片

若想在網站中加入照片或圖片，建議在一開始建立網站要求的對話區上傳，可以不改圖片檔名直接上傳，它會自己判讀圖片類型去做網站中的展示置放，也會代為更改檔名，雖然沒有很符合，但相對貼切且接近，是以圖片內容去做標示。

自訂網域

  1. 選擇要修改的 網站（Sites），點按 三個點點
  2. 點擊 設定 即可進入更詳細的內容修改

可修改項目包括：

ChatGPT Sites 網域設定畫面，可新增自訂網域並完成 DNS 設定，將網站綁定自己的品牌網址。
  • 標題名稱可以直接修改
  • ChatGPT Sites 支援綁定自訂網域，讓網站使用專屬網址，提升品牌專業度。只要新增網域並依照系統提供的 DNS 記錄完成設定，即可使用自己的品牌網址發布網站。
  • 環境變數：你的網站執行時使用的設定，例如 URL、名稱或功能開關。
  • 機密資訊：機密設定資訊，例如金鑰和密碼。（雖然這功能有提供，但不建議）
  • 刪除網站

目前符合 SEO 項目

  • 網站公開，使用者不需登入 ChatGPT
  • 網頁標題 Title
  • 搜尋說明 Meta Description
  • H1、H2 標題結構
  • 手機版響應式設計
  • 可讀取的文字內容
  • Facebook 分享縮圖

尚未符合部份

  • LINE 分享縮圖
  • 獨立 robots.txt
  • sitemap.xml
  • Canonical 標準網址（等自訂網域確定後設定）
若沒有主動提交 Google Search Console，Google 也可能透過外部連結或其他網頁發現網站，不一定要先加入 Search Console，主動加入 Google Search Console 當然更好，但建議等網址確認，內容大致抵定再去做。

延伸閱讀

文章分類：

留言

張貼留言

這個網誌中的熱門文章

【檔案下載】大榮貨運單列印託運單下載

作者： -
圖片
如果不常寄貨，量少的通常是用手寫的三聯複寫單，會有託運單流水編號的查貨號碼在上頭，可於寄貨站上手寫。若偶爾寄但又不想手寫，也可以取回空白的三聯托運單，再自己套表列印，至少寄件人不用重覆寫，簡單用電腦打字總比寫字快，重覆的客戶資料還可以留底備用，當然電腦強的還是可以  EXCEL 建立資料再至 WORD 套印，選擇一個自己最熟悉的方式即可。二者方式都可以提供，有需要的再留言和我說（別直接留 Email 嘿，會被看光） 最方便的當然是請大榮貨運來公司安裝託運軟體，再直接用託運貼紙貼上，大榮會提供點陣式印表機適用二側有洞的小貼紙，公司寄貨量大的，直接列印托運貼紙是最方便的。 可參考：  KTJ大榮貨運託運單列印及軟體操作運費說明 Kerry大榮貨運點陣式三聯複印託運單 新版 Kerry大榮貨運點陣式三聯複印託運單 套印結果 Kerry大榮貨運 印表套印結果 Kerry大榮貨運 印表機設定-邊界 Kerry大榮貨運 印表機設定-紙張 Kerry大榮貨運 印表機設定-版面配置 印表機 因為是複印式三聯，所以要有點陣式印表機 我套的是 EPSON LQ-690C WORD 部份都已設定好，若印表機邊界差異，就微調就好 EXC...
歡迎入阮厝內逛逛....>>

Canva｜商用問題

作者： -
圖片
Canva 可以商用嗎？很多人都會詢問這問題，這是很好的現象，創作意識要有，知道要遵守更是優秀的，所以這算是很常被問的問題，國外倒是不常見這問題。商用有好幾個面向，也很重要沒錯，就如字體是否可以商用一樣。會使用 Canva 這種設計軟體，很大部份是用在社群行銷，所以我們會理解那是一種商業行為，想要確認清楚是正確的。與其我簡單回答 Yes 或 No，你或許也還是會擔心，或者我用另外一種說明方式，應該比較好理解。 Canva 是代為提供一個平台，讓創作者販售他們設計的創作（包含元素／照片／音樂），所以很大部份的創作都是有價的，Canva 會標示金額在上面，當你使用那些需付費的創作，創作者可以收到 Canva 代付的使用者付費金額，所以若你有創作天份及設計能力，你也可以把自己的設計賣給 Canva，或所有其它網路平台，會用到設計的網站，只要你的創作符合  Canva 的要求，你也可以成為提供者，只要有使用者使用了你的創作，你就可以賺到收入。這也就是為何付費元素是免費版的 N 倍，每個人都不想無償供應，使用者付費很合理。 沒有訂閱 Canva Pro 者，若使用付費素材，會有如上的浮水印，你當然就無法拿去商用 使用範圍 若你是使用免付費元素（右下角會有標示免費字樣）那一樣是可以用在數位行銷 購買  Pro 版，才不會有浮水印，就可以使用付費元素在數位行銷 也就是說如果你使用 Canva， 經過你的設計 ，可以公開的在數位媒體和印刷上發表，没訂閱 Pro 版也可以使用免費元素在公開的商業行銷，但 不能單獨販售元素至其他平台，因為侵犯了創作者的利益（沒販售也不能單獨使用） 。一般性的商業行銷行為都可以。所有數位平台 PO圖文 、 印刷等。購買 Pro 版是為了花比較少的錢，無限次數的使用 Canva 的付費元素，一個設計你或許會用到 ...
歡迎入阮厝內逛逛....>>

【Excel表格】簡易式銷貨憑單檔案下載

作者： -
圖片
Excel表格-簡易式銷貨憑單 之前分享的 EXCEL資料留言裏，偶有看到網友要索取空白的銷貨憑單，說實在的，我不太明白對方要的是什麼，通常公司會有套裝軟體，會有自己的銷貨單表格，或文具店買四聯空白收執聯。但我想想，或許也有較小的自營店，想要用電腦簡單記錄，我還真的有 form ，偶有 ERP 連線問題時，可以先出表格給客戶自取使用，所以簡單把公式代好，客戶資料／產品資料另做，若有需要的人，再留言和我說。 資料來源 檔案內含三個工作表 銷貨單： 主工作表格，大部份已代公式 客戶資料： 已格式化為表格，有新增資料直接插入一行或最末行 Enter，資料會代回銷貨單內         簡易式銷貨憑單-客戶資料              產品資料： 已格式化為表格，有新增資料直接插入一行或最末行 Enter，資料會代回銷貨單內   公式說明 A1 儲存格是代客戶簡稱（參考最上圖），已預做清單可以點選，清單來源為 客戶資料 的簡稱＝B欄，覺得自己打字比較快的，可以直接打在 A3 儲存格（但公式會被改掉就要再自己重設 A3＝A1）。 常態性客戶可以把資料留在客戶資料工作表中，點選簡稱則銷貨單據上的地址和聯絡電話會一併代出，若偶一為之的客戶，也可建一個其他客戶不代資料的，沒有聯絡資訊則會代空白。 出號單號有代公式：用前綴字元＋日期的格式＋單號...
歡迎入阮厝內逛逛....>>

銷貨退回折讓單-電子檔

作者： -
圖片
後註：請別再留言處留 Email （請自己刪除留言） 若有需求 請於部落格左側"關於我自己" 下方 "聯絡表單" 留 E-mail 再寄給 您 請參考下方連結 延伸閱讀： 使用表單索取檔案說明 銷貨退回折讓單 通常用文具店買的紙本銷退四聯單 一式四聯 若不小心開錯就得重來 很煩人 雖然用的次數不多 但要用時可以方便的用 也是不錯吧 費了一些心思以EXCEL 作了一份銷貨折讓電子檔 比較容易輸入 直接代入公式 分成二個工作表 銷貨退回/進貨退出 大致說明: 1.日期部份可以直接打 EX : 7/5 格式會自動成為99年7月5日 2.數量及單價KEY入會自帶金額及稅額 3.一份A4 可以印成二張 4.第二張代有公式，所有資料可直接於第一張完成即可，不用再另行複製 5.若同一折讓單有二個以上型號，應稅之 “ˇ”才需另外複製下來 6.部份有代公式為免誤KEY入資料已經保護設定 若有要修正的地方 再”取消保護工作表” 修正完 再存檔即可 PS： 此銷貨退回折讓單.xls 內附 4 個工作表 工作表 1.銷貨退回 2.進貨退出 目的是可以依目的(銷貨退回或進貨退出)  固定 KEY入公司資料位置 不需重覆更正位置 紙張直接以 A4直式印出 工作表 3 .4 則適用於有點陣式印表機者使用 可套印至一式四聯之空白表單 紙張設定為一般連續報表紙張大小 215.9 mm*139.7mm (或 21.6*14.0cm) 若有其他紙張需求 請再另行更正 因每台印表機設定值略有不同 建議使用前預視內文 再自行略微調整 (2015/04/05 補註有需要的人我仍會寄檔案哦 但因工作關係 會晚幾天處理) (2021/4/20 ) 若有需求   請善用 "聯絡表單" 留 E-mail 再寄給 您 延伸閱讀： 使用表單索取檔案說明 因工作關係 或許 會晚幾天處理 請勿再於本文下方留 Email 請參考 下方延伸閱讀 後註：請別再留言處留 Email   （請自己刪除留言） 若有需求 請於部落格左側"關於我自己" 下方 "聯絡表單" 留 E-mail 再寄給 您 請參考下方連結 延伸閱讀： 使用表單索取檔案說明 中一刀設定 請參閱 延伸閱讀 Google 表單索取 ： https://g...
歡迎入阮厝內逛逛....>>

特休統計依到職日特休統計表檔案下載分享

作者： -
圖片
  後註：請別再留言處留 Email  若有需求 請於部落格左側"關於我自己" 下方 "聯絡表單" 留 E-mail 再寄給 您 請參考下方連結 延伸閱讀： 使用表單索取檔案說明 之前特休是以曆年制計算，假單統一年度底即可知道尚未休幾天 今年改成依到職日計算特休，還要去看各同事的到職日 計算及統整日期變的比較麻煩 用EXCEL 弄了個簡易的特休統計表 一來方便相同職務同事請假時互相錯開日期 二來可以讓主管即時知道所有休假情況（同一天太多人請假會很Orz) 想說好不容易撥空才完成它，或許有人也有需要，就大概說明一下 （檔案不難，只是說明太長 ） １.第四列：滿年資為到去年年底為止實際滿整年的年資 ２.第五列：多加了個 "到職日前"是為了在儲存格A11-A375 (106/1/1-106/12/31) 依每個人到職日前一日作格式設定，提醒用而已 ３.A6 儲存格有註解，新年度的說明　 　很重要關係到下個年度工作表的正確，請務必看懂XD 第六列：為代公式依到職年資代出來的特休日數（M1-M21有天數說明） ４.第七列：為去年已休日數，因為今年為起始年，所以這欄要自己KEY IN 下個年度就可以按巨集鈕    代入取得 ５.第八列 ：2017年已休，已代公式計算　1/1日至到職日前一日的天數 （若有新同事，此列公式需改一下加總區間） ６.第九列：將請假情況入完，特休天數－已休天數＝未休天數 若超請了，變負數提醒一下 XD ７.第十列： 到職日後請的假就算 下年度囉 （若有新同事，此列公式需改一下加總區間） ８.儲存格A11-A375 ：為該年度一年天數 106/1/1-106/12/31 請務必隨年度更改 J11-J375 為代公式，無需刻意更正，為了若同事太多，讓右側的好對應日期而已 ９.有代 today 的日期，是故檔案離開都會詢問是否存檔 代有公式　預設為＂保護工作表＂無設密碼，若有修正必要可取消保護 修正完請記得再保護工作表，以免誤改 １０.新年度請務必先看 A6 註解說明 按巨集鈕 即可將下圖左之"當年度" copy 至下圖右之"新年度"...
歡迎入阮厝內逛逛....>>

Google｜表單封面及內圖尺寸

作者： -
圖片
圖一：在 Canva 定稿時 圖二：電腦上開啟表單 雖然 Google 表單封面尺寸在手機上看略小，感覺效益不大，但若客人在電腦上開啟，感覺效果也還不錯，既然都會 Canva 了，就會想要自己做一個適合該表單的封面。 內圖尺寸 內圖沒限制要什麼尺寸，長方形也可以，在電腦上 1280*720px，我覺得看圖最舒服，手機上看字體會略小。因為我是用 ig 的尺寸去改，手機看很舒適，且大部份的人都用手機開啟。所以還是選擇用正方形。 本來想直接用 ig 尺寸，但在電腦上開啟，圖會太大，不太合適，所以縮至 600*600px，雖然在電腦上看仍略大，但取其相對清楚，且手機上看效果很棒，就沒再縮尺寸。 600*600px 1280*720px 封面尺寸 1350*336px Google 表單 Banner 尺寸套用結果如首圖 一二你可以比對，誤差值很小。這尺寸是我自己試出來的，也套用過數份表單，因為表單封面其實尺寸不大，所以我沒要求畫質。 Google 表單因為製作簡單，填寫資料的人也很方便，且可以直接彙整至試算表，不用再整理訂單，所以真的要好好利用它。 Midjourney 生圖時，可以精準要求圖片比例，此封面尺寸就可以設為 --ar 225:56 關閉表單 此為舊版功能 若表單截止要關閉表單功能，只要把  接受回應 改成 不接受回應 即可。 其他要依時間或滿額關閉表單，因為要安裝外掛，都是簡體中文介紹，雖然有前輩介紹過，但我個人沒有需求，就自己時間到時，手動關閉表單就好。 Google｜Font字型-日文推薦 更新 2025/11/21 補說明畫...
歡迎入阮厝內逛逛....>>