블로그 개편하고 싶음

나름 개인 홈페이지라고 만들어 놓은 블로그인데, Jekyll Theme이 대부분 그렇지만 기술블로그 내지 포트폴리오 느낌이 나서 맘에 안 든다…

인터넷 돌아다니다가 ‘나루’라는 개인 홈페이지 플랫폼을 알게 되었다.

요 플랫폼을 사용하는 블로그들이 소개되어 있길래 구경하다가 ark3dia님의 블로그를 봤는데 넘 맘에 들었다. 소소하고 아늑한 느낌이 좋음! 근데 저 테마는 직접 만드신 건지, 아니면 어디서 찾아볼 수 있는지 궁금하다. 꼭 저 테마일 필요는 없고 저런 레이아웃이면 충분할듯. Duboo님의 블로그도 내가 생각하는 블로그 모양이라 맘에 든다.

그리고 ‘갠홈’ 키워드로 구글링을 해보니 은근히 예쁜 테마들이 많더라. 다만 기존 홈페이지 관련 서비스 위에서 작동하는 것처럼 보여서 자세한 건 더 알아보아야 할 것 같다.

설령 테마 파일을 얻어도 거기서 부터 산 넘어 산일텐데, 기존에 내 맘대로 바꾸어 놓은 CSS며 추가한 JavaScript며 일일이 다 바꾸어야 한다고 생각하니 막막하다. 그치만 해볼만 할 수도???! 아니면 기존의 TeXt theme 파일 자체를 내가 수정할 수도 있지 않을까…사실 이쪽이 더 현실성 있어 보임. 테마 새로 하면 이거 모바일 테마 등 싹 다 바꿔야 하는데;;; Jekyll theme development로 더 찾아볼까봐.

그래서 취미로 하는 블꾸 ¹ 계획을 좀 정리해 보았다. 생각날 때마다 여기에 적어둘 거.

기능 추가

테마를 바꾸기 전에 기능을 추가하고 싶다. “테마 바꾸고 기능 추가해야 잘 작동할 거 아니냐” 하겠지만, 사실 어떻게든 테마 바꿔서 성공적으로 빌드된다 해도 거기서 부터 새로운 시작이라고 봄. 차라리 기능을 여기서 구현하면서 기본적인 메커니즘과 방법을 먼저 익히는 게 내 상황에 더 맞을 것 같다.

1. 좋아요 버튼 취소 기능
   • ☐ 최근에 만든 ‘좋아요 버튼’은 한 번 누르면 취소할 수가 없음. 취소할 수 있도록 할 계획.
2. 댓글창 추가: 기능 추가! (Update 2025-02-16)
   • ‘좋아요 버튼’ 추가한 것과 마찬가지의 방법으로 Firebase를 이용하여 댓글창을 구현할 계획이다. giscus나 utterance는 깃헙에 로그인을 해야 쓸 수 있어서 번거로울 것 같다.
   • ☑ 외부 서비스 가입 없이 이름과 비밀번호로 댓글을 작성하도록.
   • ☑ 작성 시 기입한 비밀번호로 글을 수정할 수 있도록.
   • ☑ 체크 박스에 체크하여 작성자와 나만 볼 수 있는 비밀 댓글이 가능하도록.
   • ☑ 작성자가 원할 때 삭제할 수 있도록.
   • ☑ 비밀번호는 MD5같은 걸로 암호화하여 데이터베이스에 저장되도록.

   갈 길이 멀다…멀어…

   • ☐ 비밀번호 MD5 말고 Bcrypt로 암호화하여 데이터베이스에 저장되도록 할 예정.

3. 위로 올라가기 버튼 추가: 화면 아랫부분에 위로 올라가기 버튼을 넣어서 쉽게 이동할 수 있도록 하고 싶음.

4. 음악 플레이어 추가: 기능 삭제! (Update 2025-03-02)
   • ☑ 귀퉁이에 작은 음악플레이어를 추가하고 싶음!
   • ☑ 유튜브 iframe으로 연결…?
   • ☑ 대신 블로그 첨 들어왔을 때는 무조건 정지 상태. 홈페이지 들어갈 때 예상치 못하게 큰 음악이 흘러나오면 당황스럽자나… 다들 그런 경험 있지 않나
   • ☑ 작은 음악 플레이어인데 검은색이고 작은 형태로. 이퀄라이저 모양도 있으면 예쁠듯.
   • YouTube 연결하여 썸네일 or 비디오가 나오도록 하는 플레이어를 만들어 footer에 넣었다. 처음에는 썸네일 보여주는 플레이어를 넣었는데, 지금은 유튜브 비디오가 나오도록 하였다. 광고가 나오면 건너뛸 수 있도록 하고 원본 페이지로 갈 수 있도록 하기 위해 변경한 것. 앞으로 자체 *.mp3 파일을 재생하는 플레이어도 만들어 볼 예정이다. (Update 2025-02-08)
   • 근데 그냥 지움… 로딩 속도가 생각보다 좀 걸려서 별로인데다가 자주 사용할 것 같지도 않다. (Update 2025-03-02)

테마 수정

1. 글꼴 바꾸기: 변경 완료! (Update 2025-02-08)
   • ☑ IBM Plex에서 Pretendard로 글꼴 변경. Pretendard 글꼴이 되게 가독성 좋고 깔끔한듯.
2. 스킨 옵션 바꿔보고 적당한 것 찾기.
   • 지금 하늘색 스킨도 좋긴한데 더 느낌있는 색조의 스킨은 없을지?
   • 스킨 바꾸면 내가 임의로 추가한 CSS도 다 수정해야 한다.
   • 어두운 톤으로 바꾸면 현재 lightmode-darkmode toggle 버튼이 필요 없어질 수도 있다. 상황에 따라서 냅두거나 없애기.
   • 스킨 그냥 지금 그대로 유지할 예정이다. 이대로도 괜찮아 보인다. (Update 2025-02-24)