📸 照片上傳說明

📸 照片上傳說明

需要上傳的圖片文件

您需要上傳兩個圖片文件到網站中:

1. 關於聯盟頁面照片

新北市雙語策略聯盟成果展活動大合照

2. 聯絡頁面圖標

聯絡我們頁面的裝飾圖標

📋 操作步驟

A. 關於聯盟頁面照片:

  1. 重命名照片
    • 將您的合影照片重命名為 about-photo.jpg
    • 確保文件格式為 JPG
  2. 放置照片
    • 將重命名後的 about-photo.jpg 文件複製到 assets/images/ 目錄中
    • 完整路徑:assets/images/about-photo.jpg

B. 聯絡頁面圖標:

  1. 重命名圖標
    • 將您的聯絡圖標重命名為 contact-icon.png
    • 確保文件格式為 PNG
  2. 放置圖標
    • 將重命名後的 contact-icon.png 文件複製到 assets/images/ 目錄中
    • 完整路徑:assets/images/contact-icon.png
  3. 檢查效果
    • 重新啟動Jekyll服務器:bundle exec jekyll serve --baseurl "/"
    • 在瀏覽器中訪問 localhost:4000/about/ 查看效果

✅ 圖片會顯示在

關於聯盟頁面照片:

  • 關於聯盟頁面 (/about/) 的左側區域
  • 照片會自動調整尺寸並有圓角效果
  • 響應式設計,在手機上也會正確顯示

聯絡頁面圖標:

  • 聯絡我們頁面 (/contact/) 的英雄區域左側
  • 與 “CONTACT US!” 標題並排顯示
  • 圖標會自動調整尺寸

🔧 圖片規格建議

關於聯盟頁面照片:

  • 文件格式: JPG
  • 建議尺寸: 800x600px 或更高解析度
  • 文件大小: 建議控制在 2MB 以內

聯絡頁面圖標:

  • 文件格式: PNG(支援透明背景)
  • 建議尺寸: 120x120px 或更高解析度的正方形
  • 文件大小: 建議控制在 500KB 以內

📝 照片描述

網站已設定照片的描述文字為:「新北市雙語策略聯盟成果展活動大合照,參與者手持雙語教育相關標語」

這將幫助無障礙瀏覽和SEO優化。


如果圖片沒有顯示,請檢查:

  • ✅ 文件名是否正確
    • 關於照片:about-photo.jpg
    • 聯絡圖標:contact-icon.png
  • ✅ 文件是否在正確的目錄中(assets/images/
  • ✅ 是否重新啟動了服務器
  • ✅ 瀏覽器是否需要強制刷新(Ctrl+F5)