devlog/add-image-gallery

[giscus[bot]]

devlog/add-image-gallery

Recently, I got a question asking about the functionality to make image pop up so viewer can have a better look at it. I’m not sure what is the common name of the functionality (popup image? image gallery?), but I happens to have thought about the same feature long time ago, but never started implementation. So I thought this would be the good time to start it! And it took whole friday night because I didn’t know that element.src and element.getAttribute(src) returns different thing

https://lazyren.github.io/devlog/add-image-gallery.html

[catusf]

Very cool, thank you

[yongjunism]

안녕하세요.

링크((https://lazyren.github.io/devlog/append-clap-count-to-the-post-list)의 글에 올리신 my-scripts.html이 막상 현재 Ren님 레포에 커밋되어있는 my-scripts.html(현재 글에서 알려주신 my-scripts.html대로)과 다르더라구요. 그렇지만 여전히 Ren님 블로그에 applause-button이 정상적으로 보이는 것 같긴 한데..
어떻게 가능한건지 궁금합니다. 어떤 방식으로 적용해야할지 헷갈려서요.

또한 'Remove clap_button(hydejack) entirely' 라는 커밋 기록도 보이는데 혹 clap_button과 applause_button이 다른 것인지도 살짝 헷갈리네요.. 만약 다르다면 현재 Ren님은 applause_button을 적용하신 것 같긴 합니다만...

처음에 지킬 블로그를 구축하는 것이 많이 어렵네요.
Ren님 블로그를 보면서 하나하나 잘 적용해나가고 있습니다. 감사합니다.

[LazyRen]

안녕하세요 @yongjunism 님.

1. 해당 포스트에서 적용된 script는 동일하게(살짝의 리팩토링이 가미되어) assets/js/clap-button.js으로 옮겨졌습니다. my-scripts.html에서는 해당 스크립트 파일을 로드하는 형태로 바꾸었습니다. 굳이 변경된 방법을 택하지 않고 포스트에 나와있는대로 적용하셔도 결과물은 동일합니다.
2. 여기서 말하는 clap_button은 Hydejack의 원작자가 개발하고 Hydejack에 탑재되었던 Clap Button과 관련된 코드를 의미합니다. 모종의 이유로 해당 앱은 Hydejack theme에서 제거 되었고 저는 남아있는 코드들을 지운 것 입니다. 포스트와는 전혀 관련 없는 이야기이니 무시하셔도 좋습니다.

참고하셔서 좋은 블로그 만드시기 바랍니다. 혹시 질문이 더 있으시다면 추가 댓글 부탁드립니다.
감사합니다. :)

[yongjunism]

추가적으로 여쭤보고 싶은게 있습니다!
메인 페이지에 지금 Ren님이 구성하신 대로 최근에 포스팅하신 글들이 보이게 하려면
어떤 부분(혹은 어떤 파일)을 손봐야할까요??

감사합니다:)

[LazyRen]

Hydejack documentaion 참고하셔서 root folder의 index.html의 layout을 blog로 변경하시면 됩니다.

[yongjunism]

안녕하세요 Ren님.
새로운 문제에 봉착했는데 좀처럼 해결이 되지 않아서 도움을 청하러 왔습니다.
저도 Ren님 resume처럼 장학금을 받은 학기를 highlights 밑에 넣어주었는데 좀처럼 보일 생각을 하지 않네요.
직장란에는 멀쩡히 적용이 되는데, Awards에서는 말썽이네요..
이 부분에 대해서도 혹시 아는게 있으실까요?
감사합니다.

[LazyRen]

Commit을 확인해보시면 해당 highlights는 default feature가 아닌 제가 _includes/pro/resume/awards.html에 추가하였음을 확인하실 수 있습니다.

[metehanozdeniz]

Hello Ren,

I thoroughly enjoyed reading your documentation, and it has been extremely helpful to me. I want to express my sincere gratitude to you for that. However, there is a situation I can't seem to figure out.

I have successfully implemented the 'lightbox' plugin you discussed onto my own blog. However, when I try to open any topic on the homepage of my blog by clicking on the corresponding image, the lightbox plugin activates, and the relevant content opens behind the displayed image. When I want to return to the relevant topic, I find myself needing to close the image that was opened with the lightbox plugin. I have added the keyword 'lightbox: false' to the index.html file, but I still haven't achieved the desired result. I would appreciate it if you could take a look into this matter and provide some feedback.

[LazyRen]

Hello @metehanozdeniz!
Yes, I also have noticed the same effect, but just ignored it...
But since you've mentioned it, I gave it another look and found the solution. Before updating the post itself, let me forward you to the commit to copy the solution for yourself.

Please check the commit directly and apply it.

Thank you for your interest & comments! They mean a lot to me.

If you have any other questions, please do not hesitate to add more comments. Thank you :)

[metehanozdeniz]

Yes, my problem has been solved. Thank you very much for your assistance.