| trình bày lại hugo gallery p1

Hugo hoàn cmn hảo với các tác vụ publishing từ computer, nhưng chạy trong Pi server như ccc, rất bất tiện. Anh đã cài Ghost vào đó¹ và lăn lóc với nó mấy ngày nay.

Ngoài lề tí. Sáng nay thử cài ghost trên PC thấy nó báo cài bản 2.26.0, và… đéo cài được. Lỗi symlink gì đó. Anh đồ rằng zo nó không tạo được cái shortcut kiểu symlink² như hệ thống file *nix. Cũng tính mò mẫm jải quyết nhưng thôi kệ cmn. Chạy ghost trên PC không fải thứ nên ưu tiên. Hết ngoài lề 😄

Điều anh thích ở Ghost là jaoziện editor và jaoziện hiển thị được làm rất tốt. Biên bài trên editor như nào thì xem trang web jống ychang vậy luôn, thích nhất là cách nó trình bày photo gallery.

Đây là trình bày gallery của anh hiện tại trong Hugo

Anh zùng flex & object-fit, chưa ưng lắm vì ảnh bị chia đều, không hiển thị được toàn bộ hình ảnh trong trường hợp hình ảnh có tỉ lệ khác nhau.

Còn đây là cách trình bày của Casper theme

Get the point, right? Zĩnhiên để (tự động) bày được như casper theme thì css không thôi là không đủ. Fải zùng thêm tí mì chính a.k.a javascript. Rất may đội phát triển casper theme chỉ ra công thức khá rõ ràng cho những kẻ mù js nhưng vẫn muốn táy máy như anh.

Anh tính thuổng cách trình bày này cho Hugo site. Vấn đề gặp fải là code jaoziện anh làm cho hugo rối như mớ bòng bong. Mò mẫm được cần nhét cái nào vào chỗ nào cũng rất khoai fết quá. Nhẽ lại đập đi xây lại, lần nữa? 😨

Từ từ anh làm. Hic! sẽ report phần sau.