우선 지난 포스팅에서처럼 여러 오픈소스들과 챗GPT의 도움을 받아 원하는 갤러리 형태까지는 만들어두었고,
이것을 Jekyll 기반 Git블로그에 올리는 과정에 대해 소개하려 한다.
나는 도영이의 이야기를 그린 ‘gallery_2’ 과 ‘gallery_meat’라는 각각의 갤러리 MD 파일을 만들었고
이 파일을 아래 사진처럼 config 파일에서 네비게이션 바의 하위메뉴로 추가되도록 연결하였다.
(1) MD 파일로 변환하기
위 캡쳐화면처럼 config 파일에서 같은 경로의 md 파일은 별다른 것 없이 “파일명” 으로만 넣어주면 바로 연결이된다.
그래서 HTML 파일을 Md (Markdown) 파일로 수정하여 저장해주었다.
MD파일로 변환하는 것은 구글링을 통해 “html을 markdown로 변환” 검색하여 이용했다.
링크연결: html을 markdown로 변환 구글검색
(2) MD파일 내에 Css, JS 파일 경로의 설정하기
기본적으로 Jekyll 에서는 각종 그림이나 js,css 등의 파일을 Assets 이라는 폴더로 관리한다.
그래서 내가 만든 css와 js 도 헷갈리지 않도록 같은 경로에 넣어두었다.
일반적으로 html, css, js 세트메뉴가 한 경로에 있어야하는데 나처럼 다른 경로라면, MD파일에서 “경로를 수정” 해주자!
★★★ 여기서 특이점이 ★★★
경로를 사용할 때 \ 또는 / 을 잘 구분해주어야 했다!!
나의 경우에는 이미지의 경우에는 \ 이 모양으로 경로에 이미지.jpg 형태로 넣었을 때 불러와졌지만,
css 또는 js 파일을 불러올 때에는 / 요 모양으로 경로를 불러와야만 인식이 되었다.
사실 정확한 사유는 모르겠지만… 파일 확장명에 따라서 Path 를 인식하는 구분기호가 달리 사용되는 것 같다.
최종적으로 생긴 각 갤러리 링크는 아래와 같다.
이렇게 된 참에 도영이의 이야기를 더 그림으로 그려내고 진짜 책으로도 엮어볼 수 있기를 바래보며……. 포스팅 끄읕!!