使用 GitHub平台，能讓 HTML 變成一個網路連結 | Gemini | Web App | taitony.com

當你用Gemini幫你寫成Web App後，將程式碼複製到文字編輯器，將txt改成html後，分享到iPhone後，卻無法用Safari打開。

因為蘋果 iOS 系統的安全性限制，iPhone 的「檔案」App 預設不允許直接用 Safari 完整開啟並執行本地端的 .html 檔案。

透過免費的GitHub平台，就能把您的 HTML 檔案變成一個網址。

第一步：準備 HTML 檔案

1. 將我們先前產生的代碼另存新檔。
2. 重要： 請將檔案名稱統一命名為 index.html。
   • 在網頁伺服器中，index.html 會被自動視為首頁，這樣您的網址後方就不需要輸入冗長的檔名。

第二步：建立 GitHub 儲存庫 (Repository)

1. 登入 GitHub（若無帳號請先註冊）。
2. 點擊右上角的 「+」 圖示，選擇 「New repository」。
3. Repository name： 輸入一個名字，例如 my-0050-tracker。
4. Public/Private： 選擇 Public（免費帳號的 Pages 功能通常需要公開儲存庫）。
5. 點擊最下方的 「Create repository」。

第三步：上傳檔案

1. 在新的儲存庫頁面，找到並點擊 「uploading an existing file」 連結。
2. 將您的 index.html 檔案拖曳進去上傳。
3. 在下方的「Commit changes」框內輸入「Initial commit」，然後點擊 「Commit changes」 按鈕。

第四步：啟動 GitHub Pages

1. 在儲存庫頁面上方分頁中點擊 「Settings」 (設定)。
2. 在左側選單中找到並點擊 「Pages」。
3. 在 Build and deployment > Branch 部分：
   • 點擊「None」下拉選單，選擇 「main」。
   • 資料夾選擇 「/(root)」。
   • 點擊右側的 「Save」 按鈕。

第五步：取得您的專屬網址

1. 等待約 1-3 分鐘，重新整理 Pages 設定頁面。
2. 頂端會出現一列提示訊息：「Your site is live at …」，後方就是您的專屬網址（格式通常為 https://您的用戶名.github.io/my-0050-tracker/）。

第六步：在 iPhone 上操作

1. 用 iPhone 的 Safari 開啟該網址。
2. 點擊底部工具列的 「分享」 圖示（向上箭頭）。
3. 選擇 「加入主畫面」。
4. 您現在在手機桌面就會有一個專屬的 0050 追蹤 App 了！

常見問題與小撇步

• 更新數據： 之後如果您想修改持股數量（例如從 345 股增加到 400 股），只需直接在 GitHub 網頁上編輯 index.html 的代碼並儲存，網頁會在幾分鐘內自動更新。
• 安全性： 因為 GitHub Pages 是公開的，雖然程式碼裡沒有敏感資料，但如果您不希望別人看到網址，建議網址名稱取複雜一點。