跳到主要內容

此裝置上的 Yave 整合帳號登入將結束,因此你在此裝置上使用的其他 Yave 服務也會一併登出。

用 Claude 做的網站,這樣開在真正的網址上

最後更新: 2026-08-10

先說結論 —— 把 Claude 給你的 HTML 貼到 makelayer.com 首頁,按下「建立我的網址」,60 秒內就會開啟真正的網址。不需要伺服器、不必安裝程式,也不用登記信用卡。

重點速覽

所需時間
約 1 分鐘
所需方案
免費即可
程式知識
不需要
操作位置
首頁貼上框

操作步驟

  1. 1

    請 Claude 幫你做頁面

    用文字描述想要的頁面,就會得到 HTML。這時加上一句「做成一個 HTML 檔案」,它會連設計(CSS)都放進同一個檔案,下一步就更簡單。按一下回答中程式碼區塊右上角的「複製」按鈕,就準備好了。

    Claude

    幫我把咖啡廳的介紹頁做成一個 HTML 檔案,放上菜單、位置和聯絡按鈕。
    index.html 複製
    <section class="hero"> <h1>…</h1></section>
  2. 2

    貼到 MakeLayer

    把複製的程式碼貼進首頁輸入框的瞬間,旁邊就會呈現頁面的實際樣子。還不需要存檔或註冊 —— 先用自己的眼睛確認。頁面中自行撰寫的指令碼只會在預覽中暫停,發布後就會全部正常運作。

    MakeLayer 首頁 —— 貼在左側輸入框的 HTML,在右側預覽視窗呈現為實際頁面
    一貼上就出現預覽 —— 這是實際畫面。
  3. 3

    按下「建立我的網址」並決定網址

    預覽滿意的話就按下按鈕。登入一次(貼上的程式碼會原樣保留)後,用想要的名稱決定網址就發布完成 —— 從那一刻起就在網路上公開。免費最多 2 個網站,不必登記信用卡。

    myname.mklyr.com 已發布

    發布後就會立刻產生這樣的網址。自有網域從 Starter 起可連結(HTTPS 自動)。

  4. 4

    下次要修改,用說的就好

    發布後也不必回到 Claude。在編輯器用文字說出想修改的地方,AI 會找到程式碼並修改,還會先讓你看看哪裡會改變。不滿意的話也能一次還原。

    編輯助理
    把標題改得更有力 改了三個地方。不滿意的話我可以還原。

常見問題

真的免費嗎?

是的。最多 2 個網站一直免費,也不需要登記信用卡。免費網站會附上一個小小的「Made with MakeLayer」標章,從 Starter 起就會移除。

Claude 做的程式碼能照原樣運作嗎?

可以。貼上的 HTML 會原樣發布。在發布前的預覽中,頁面中自行撰寫的指令碼不會執行,但在已發布的網站上都會正常運作。

多頁式網站也可以嗎?

可以。多個檔案(子頁面、圖片資料夾)在免費方案也能照樣上傳。免費方案限制的不是檔案數,而是儲存容量與網站數量。

可以連結自己的網域嗎?

可以。從 Starter 起連結自有網域,就會自動附上 HTTPS 憑證。免費方案直接使用核發的 mklyr.com 網址即可。

不懂程式碼也能修改嗎?

可以。在編輯器用「把價目表的數字改掉」這樣的話提出需求,AI 就會修改程式碼。也可以直接點選要修改的地方來指定,每次發布都會留下快照,隨時都能還原。

也可以直接用 Claude Code 或 MCP 連接嗎?

可以。Claude Desktop、Cursor 等支援 MCP 的工具,不必像本指南這樣複製貼上,就能直接發布在對話中做好的 HTML。連接方法另外整理在 /mcp 頁面。

動手做比閱讀更快 —— 現在就貼上你的 HTML 吧。

搜尋目前工作區的網站。若要切換工作區,請到側邊欄最上方。