用 Gemini 做的網站,這樣開在真正的網址上
最後更新: 2026-08-10
結論先說 —— 把 Gemini 做的 HTML 貼到 makelayer.com 首頁,按下「建立我的網址」,60 秒內就有真正的網址。不需要伺服器、安裝,也不必登記信用卡。
重點速覽
- 所需時間
- 約 1 分鐘
- 所需方案
- 免費即可
- 程式知識
- 不需要
- 操作位置
- 首頁貼上框
操作步驟
- 1
請 Gemini 幫你做頁面
描述想做的頁面,Gemini 就會幫你寫好 HTML。這時要求「做成一個 HTML 檔案」,連 CSS 都會放進同一個檔案,下一步會輕鬆許多。按下回覆中程式碼區塊的複製圖示,就準備好了。
Gemini
幫我把社區皮拉提斯教室的介紹頁做成一個 HTML 檔案,放上課程時間表、位置和預約諮詢按鈕。index.html 複製<section class="hero"> <h1>…</h1></section> - 2
貼到 MakeLayer
把複製來的程式碼貼進首頁的輸入框,旁邊就會立刻以實際頁面呈現。現在還不必註冊或存檔,先用眼睛確認成果吧。頁面裡的指令碼只會在預覽階段暫停,發布後就會全部正常運作。
一貼上就出現預覽 —— 不是合成圖,而是實際畫面。 - 3
按下「建立我的網址」並決定網址
預覽滿意的話就按下按鈕。登入的過程中,貼上的程式碼也會原樣保留,決定好網址名稱的那一刻就會公開到網路上。免費方案也能使用最多 2 個網站,不需要登記信用卡。
myname.mklyr.com 已發布發布後就會立刻產生這種形式的網址。自有網域從 Starter 方案起可連結,HTTPS 也會自動套用。
- 4
下次修改,用說的就好
發布之後想修改時,不必再打開 Gemini。在編輯器用一句話提出需求,AI 會找到對應的程式碼修改,並先讓你看看會改什麼。結果不滿意的話,可以立刻還原。
編輯助理把預約按鈕改得更顯眼 已修改兩處,包括按鈕的顏色和文字。不滿意的話我會還原。
常見問題
真的免費嗎?
是的,最多 2 個網站可以持續免費使用,也不需要登記信用卡。只是免費網站會附上一個小小的「Made with MakeLayer」標章,從 Starter 方案起就會移除。
Gemini 做的程式碼能照原樣運作嗎?
可以,貼上的 HTML 會原封不動地發布。在發布前的預覽畫面中,頁面裡的指令碼會暫停,但在實際發布的網站上都會正常運作。
可以做由多個頁面組成的網站嗎?
可以。由子頁面、圖片資料夾等多個檔案組成的網站,在免費方案也能使用。免費方案限制的不是檔案數,而是儲存容量與網站數量。
可以連結我已經有的網域嗎?
可以,從 Starter 方案起就能連結自有網域,HTTPS 憑證也會自動核發。免費方案直接使用核發的 mklyr.com 網址即可。
不懂程式碼也能自己修改嗎?
可以。在編輯器用「把營業時間改掉」這樣的話提出需求,AI 就會找到程式碼修改。也可以點選元素指出位置,每次發布都會留下快照,隨時都能回到之前的狀態。