← 回到池塘 (Back to Pond) ✍️ 前往池畔發佈台 (publish.html)
📜 ✨

Pond 池畔手冊 — Scripta 網頁製作與發佈指南

歡迎來到池塘!任何成員都能在 Pond 建立與分享自己的 Scripta 手稿網頁。不需要懂艱深程式碼,搭配 AI 就能輕鬆做出漂亮又實用的頁面!

🌱 方法 A(最推薦,免帳號):使用池畔發佈台 (publish.html)

推薦新手與日常使用

只要有瀏覽器,貼上 AI 生成的內容即可一鍵發佈與更新,幾秒內即可在手機與電腦上瀏覽。

1

請 AI (ChatGPT / Gemini / Claude) 幫你寫好單一 HTML 網頁

你可以打開日常慣用的 AI 工具(例如 ChatGPT、Google Gemini 或 Anthropic Claude),點擊下方按鈕複製預先精心調校的提示詞範本,填入你想做的主題即可:

AI 提示詞範本 (點擊右側按鈕複製)
請幫我製作一個單一自包含的 HTML5 網頁,用於發佈在 Pond 網站的 Scripta 專區。 主題:【請在此替換為你的主題,例如:2026 東京賞櫻旅行攻略 / 私房料理食譜整理 / 紅耳龜飼育生活手記 / 週末讀書會與電影清單】 請遵循以下網頁規範: 1. 語言使用繁體中文(zh-Hant),採用溫暖、乾淨、現代感的視覺風格。 2. 檔案必須為「單一獨立 HTML 檔案」: - 外部樣式請引用官方 Bootstrap 5 CDN: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous"> - 所有自訂樣式寫在 <style> 標籤內,互動功能直接寫在 <script> 標籤內。 - 不得依賴本地圖片或外部客製檔案(若需圖示可使用 Emoji 表情符號)。 3. 採用響應式設計(RWD),在手機直式螢幕與電腦螢幕上均有良好閱讀排版。 4. 在網頁最頂端放上一枚返回首頁的按鈕: <a href="../index.html" class="btn btn-outline-secondary btn-sm mb-3">← 回到池塘 (Pond)</a> 5. 請直接輸出完整的 HTML 原始碼,方便我複製張貼。
2

打開 publish.html,填寫網址代稱與標題

點擊頂部或下方的連結前往池畔發佈台,填寫兩項基本資訊:

  • 網址代稱 (Slug): 請使用簡短的英文字母與連字號,例如 tokyo-trip 或 recipe-beef。這會成為你專屬網頁的網址後綴。
  • 手稿標題: 例如「2026 東京賞櫻旅遊手冊」。

接著把 AI 給你的 HTML 程式碼完整貼入編輯區。此時右側(或手機版下方)的即時預覽窗格會立刻渲染出網頁實機畫面,確認排版無誤。

3

按下「發佈至池塘」,即刻上線!

確認預覽畫面滿意後,點擊「發佈至池塘」綠色按鈕:

🎉 成果發佈:
網頁會立刻儲存於邊緣資料庫,並即時上線於:
/s/tokyo-trip
同時,這篇手稿會自動出現在 Pond 首頁的「池畔手稿 (Scripta)」區塊中,打開首頁就能立刻看見!
4

如何修改或更新已發佈的網頁?

若日後想要補充旅遊景點或微調內容,操作一樣非常簡單:

  1. 打開 publish.html 發佈台。
  2. 在頁面最上方的「載入已發佈的手稿」下拉選單中,選擇你要修改的網頁。
  3. 系統會自動將先前儲存的標題與 HTML 代碼載入編輯器中。
  4. 修改完畢後,再次點擊「儲存更新」按鈕即可完成覆寫更新!
💡 持久保存小知識:
池畔手稿是獨立保存在 Cloudflare KV 雲端資料庫中,即使網站底層程式碼更新或重新部署,已發佈的手稿都永遠完整保存,不會遺失。

🛠️ 方法 B(進階):透過 GitHub 網頁版直接上傳至 pages/ 資料夾

適合熟悉 Git 或永久典藏

如果希望手稿與網站的原始碼一同進行版本控制、永久進入 Git 歷史紀錄,可以使用此方法。

對於具備 GitHub 帳號並擁有儲存庫權限的協作者或維護者,可以透過 GitHub 網頁介面直接新增靜態頁面:

  1. 上傳 HTML 檔案:
    前往 GitHub 儲存庫的 pages/ 資料夾,點擊「Add file」→「Create new file」,建立檔案如 pages/my-story.html,並貼入完整的 HTML 程式碼。
  2. 登記到索引清單 (Manifest):
    開啟 pages/manifest.json 檔案,點擊編輯,在陣列中加入一筆新紀錄,例如:
    {
      "slug": "my-story",
      "title": "我的池畔故事",
      "description": "這是一篇存放在 Git 儲存庫中的靜態手稿典藏。",
      "url": "pages/my-story.html",
      "author": "作者名稱",
      "updatedAt": "2026-10-24"
    }
  3. Commit 送出:
    點擊「Commit changes」儲存提交。Cloudflare Pages 會自動偵測到新變更並在一分鐘內自動部署上線!