不要害羞? 圖片網
怎麼使用
? 方式一
直接造訪：https://iuroc.github.io/haixiu/。
?方式二
Fork 本項目，然後使用Github Pages 部署/docs目錄。
專案特點
- 純靜態網站，可直接用Github Pages 部署
- 支援資料分頁和按標籤顯示，支援滾動到底部自動增加下一頁內容
- 基於PhotoSwipe 實現高品質的圖片檢視器
- 圖片檢視器切換圖片時，縮圖清單會跟著滾動，看到哪跟到哪
- 圖片檢視器到最後一張時，自動增加下一頁數據，不中斷瀏覽
- 基於Location Hash 實作支援history.back() 關閉圖片檢視器，相容於行動端返回鍵
- 基於Location Hash 實作支援history.forward() 開啟圖片檢視器，並自動復原上一次位置
- 透過Hash 關閉圖片檢視器時，支援打斷動畫，體驗很不錯
- 自動記錄捲軸位置，消除HashChange 事件對捲軸的影響
相關技術
- 使用Node.js Fetch API 爬蟲
- 將資料爬取後，分頁儲存到多個JSON 檔案中，檔案名稱中標記了頁碼和標籤訊息
- 前端使用Van.js 框架建立響應式UI
- 前端透過Fetch 直接請求靜態JSON 檔案實現分頁請求
- 使用PhotoSwipe 庫實現圖片檢視器
資源更新
請查閱這篇文件：圖片採集程式README
