Skip to content

Jillian100/love-message

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💕 溫馨問候網頁

這是一個為女友製作的溫馨問候網頁,包含動畫效果和互動功能。

✨ 特色功能

  • 💖 動態心跳動畫
  • 🌈 漸層背景設計
  • ✨ 浮動愛心動畫
  • 📱 響應式設計(支援手機和電腦)
  • 🎭 打字機效果
  • 🎯 互動式動畫效果

🚀 部署到 GitHub Pages

方法一:直接上傳到 GitHub 倉庫

  1. 在 GitHub 上創建一個新的倉庫(Repository)
  2. greeting-page 資料夾中的所有文件上傳到倉庫
  3. 進入倉庫設定(Settings)
  4. 找到 "Pages" 選項
  5. 在 "Source" 選擇 "Deploy from a branch"
  6. 選擇 main 分支和 / (root) 資料夾
  7. 點擊 "Save"

方法二:使用 GitHub Desktop

  1. 下載並安裝 GitHub Desktop
  2. 登入你的 GitHub 帳號
  3. 點擊 "Clone a repository from the Internet"
  4. 選擇你剛才創建的倉庫
  5. greeting-page 資料夾中的文件複製到倉庫資料夾
  6. 在 GitHub Desktop 中提交並推送更改
  7. 按照方法一的步驟 3-7 設置 GitHub Pages

方法三:使用 Git 命令列

# 克隆倉庫
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 動畫和過渡效果

💝 使用建議

這個網頁適合:

  • 紀念日問候
  • 生日祝福
  • 日常關心
  • 遠距離戀愛的表達

希望這個網頁能為你們的愛情增添一份溫馨!💕

About

No description, website, or topics provided.

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors