這是一個為女友製作的溫馨問候網頁,包含動畫效果和互動功能。
- 💖 動態心跳動畫
- 🌈 漸層背景設計
- ✨ 浮動愛心動畫
- 📱 響應式設計(支援手機和電腦)
- 🎭 打字機效果
- 🎯 互動式動畫效果
- 在 GitHub 上創建一個新的倉庫(Repository)
- 將
greeting-page資料夾中的所有文件上傳到倉庫 - 進入倉庫設定(Settings)
- 找到 "Pages" 選項
- 在 "Source" 選擇 "Deploy from a branch"
- 選擇
main分支和/ (root)資料夾 - 點擊 "Save"
- 下載並安裝 GitHub Desktop
- 登入你的 GitHub 帳號
- 點擊 "Clone a repository from the Internet"
- 選擇你剛才創建的倉庫
- 將
greeting-page資料夾中的文件複製到倉庫資料夾 - 在 GitHub Desktop 中提交並推送更改
- 按照方法一的步驟 3-7 設置 GitHub Pages
# 克隆倉庫
git clone https://github.com/你的用戶名/你的倉庫名.git
cd 你的倉庫名
# 複製文件
cp -r ../greeting-page/* .
# 添加文件
git add .
# 提交更改
git commit -m "Add greeting page"
# 推送到 GitHub
git push origin main設置完成後,你的網頁將可以通過以下網址訪問:
https://你的用戶名.github.io/你的倉庫名
你可以修改以下文件來自訂網頁內容:
index.html- 修改文字內容style.css- 修改顏色和樣式script.js- 修改動畫效果
- 背景:藍紫色漸層
- 心形:粉紅色 (#ff6b6b)
- 文字:深灰色 (#333, #555)
- 裝飾:白色半透明
- 純 HTML/CSS/JavaScript
- 無需額外依賴
- 支援現代瀏覽器
- 響應式設計
- CSS 動畫和過渡效果
這個網頁適合:
- 紀念日問候
- 生日祝福
- 日常關心
- 遠距離戀愛的表達
希望這個網頁能為你們的愛情增添一份溫馨!💕