📸 照片上傳說明
📸 照片上傳說明
需要上傳的圖片文件
您需要上傳兩個圖片文件到網站中:
1. 關於聯盟頁面照片
新北市雙語策略聯盟成果展活動大合照
2. 聯絡頁面圖標
聯絡我們頁面的裝飾圖標
📋 操作步驟
A. 關於聯盟頁面照片:
- 重命名照片
- 將您的合影照片重命名為
about-photo.jpg - 確保文件格式為 JPG
- 將您的合影照片重命名為
- 放置照片
- 將重命名後的
about-photo.jpg文件複製到assets/images/目錄中 - 完整路徑:
assets/images/about-photo.jpg
- 將重命名後的
B. 聯絡頁面圖標:
- 重命名圖標
- 將您的聯絡圖標重命名為
contact-icon.png - 確保文件格式為 PNG
- 將您的聯絡圖標重命名為
- 放置圖標
- 將重命名後的
contact-icon.png文件複製到assets/images/目錄中 - 完整路徑:
assets/images/contact-icon.png
- 將重命名後的
- 檢查效果
- 重新啟動Jekyll服務器:
bundle exec jekyll serve --baseurl "/" - 在瀏覽器中訪問
localhost:4000/about/查看效果
- 重新啟動Jekyll服務器:
✅ 圖片會顯示在
關於聯盟頁面照片:
- 關於聯盟頁面 (
/about/) 的左側區域 - 照片會自動調整尺寸並有圓角效果
- 響應式設計,在手機上也會正確顯示
聯絡頁面圖標:
- 聯絡我們頁面 (
/contact/) 的英雄區域左側 - 與 “CONTACT US!” 標題並排顯示
- 圖標會自動調整尺寸
🔧 圖片規格建議
關於聯盟頁面照片:
- 文件格式: JPG
- 建議尺寸: 800x600px 或更高解析度
- 文件大小: 建議控制在 2MB 以內
聯絡頁面圖標:
- 文件格式: PNG(支援透明背景)
- 建議尺寸: 120x120px 或更高解析度的正方形
- 文件大小: 建議控制在 500KB 以內
📝 照片描述
網站已設定照片的描述文字為:「新北市雙語策略聯盟成果展活動大合照,參與者手持雙語教育相關標語」
這將幫助無障礙瀏覽和SEO優化。
如果圖片沒有顯示,請檢查:
- ✅ 文件名是否正確
- 關於照片:
about-photo.jpg - 聯絡圖標:
contact-icon.png
- 關於照片:
- ✅ 文件是否在正確的目錄中(
assets/images/) - ✅ 是否重新啟動了服務器
- ✅ 瀏覽器是否需要強制刷新(Ctrl+F5)