wangchucheng/hugo-eureka

Gallery/Slideshow to show all images for post in fullscreen

開放

#97 建立於 2021年4月21日

在 GitHub 查看貢獻者指南
 (2 則留言) (1 個反應) (0 位負責人)HTML (198 個分叉)batch import
enhancementhelp wanted

倉庫指標

星標
 (857 顆星)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

Is your feature request related to a problem? Please describe.

Images can not be clicked or viewed in fullscreen mode.

Describe the solution you'd like It would be a great feature to make them clickable and swipe to all images for one post.

貢獻者指南

研究方向
首先檢查 Hugo Eureka 主題中圖片的目前渲染方式，特別是單篇文章範本（例如 layouts/ default/single.html）。查找任何現有的圖片處理或燈箱功能。然後研究 JavaScript 函式庫，如 Lightbox2 或 Swiper.js，以實現全螢幕畫廊。目標是使圖片可點擊，並允許在文章中的所有圖片之間滑動瀏覽。考慮新增畫廊短代碼或修改現有的 Markdown 圖片渲染。查閱主題文件和 GitHub issues，了解之前的討論。實作後，在單篇文章中使用多張圖片進行測試。
技術棧
htmlcssjavascript
領域
frontend
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
HTMLCSSJavaScriptHugo
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65