Skip to content

3. 코드 설명

SeungAhSon edited this page Mar 21, 2024 · 1 revision

3. 코드 설명

3.1. 내용만 추가&수정하려는 경우

  • _data 폴더

    1. info.yml

      a-1. 랜딩페이지에 대한 이미지 및 내용을 지정해줍니다.

      Untitled (6)

      a-2. https://kaist-vil.github.io/info/ 탭의 내용을 지정합니다.

      Untitled (5)
    2. members.yml ⇒ 양식 변경가능 name 칸은 원래 한국어 이름을 넣어두는 칸이었는데 일단 비워두기로 했습니다. bio에는 직장이나, 관심분야 등등.. 넣고싶은거 넣으면 되는 항목이고 google_scholar는 https://scholar.google.com/citations?user= 다음에 오는 user_id만 넣어야합니다.

    Untitled (4)
    1. notice.yml status close인 경우면 보이지 않음. 공지사항 있는 경우 업데이트 해줘야합니다.
    Untitled (3)
    1. research.yml 양식에 맞춰서 쓰기. 이미지는 넣어도 되고 안넣어도 됨
    Untitled (2)
    1. publications.csv 아래 양식으로 채우기. Important 항목이 yes로 되어있으면 랜딩페이지에서 보여집니다.
    Untitled (1)
  • _posts 폴더

    1. md files 기사를 간단히 텍스트 파일로 작성하여 만들어 _posts 폴더에 넣어두면 됩니다. 파일 이름은 다음의 형식을 따라주세요. [2019-08-23-간단한제목.md] 넣어야할 이미지가 많다면 줄바꿈 후 [- 경로명] 형식으로 넣어주세요.
    Untitled
  • img 폴더

    이미지들을 넣는 폴더. 직관적으로 이름 지었습니다.

    1. default : 로고, 아이콘, 배너 등
    2. info : 랜딩페이지
    3. news : 뉴스
    4. ppl : 사람들
    5. research : 연구 탭 참고 이미지

3.2. 웹 페이지의 기능 및 디자인을 수정하려는 경우

Jekyll 사이트를 편집하려면 HTML과 CSS에 대한 기본적인 이해가 있어야 합니다.

news 페이지 빼고 대부분 마크다운으로 만들어져 있습니다.

  • _includes: footer, head, header.html 바닥글, 머리글과 같은 재사용 가능한 구성 요소
  • _layouts: 다양한 페이지 유형에 대한 레이아웃 템플릿.
    1. default.html - 랜딩페이지용
    2. page.html - info, research, members, publication 탭에 대한 레이아웃
    3. post.html - news에 대한 레이아웃
  • _pages: 각 파일 이름에 해당되는 페이지의 마크다운 파일
    1. 0.info.md
    2. 1.research.md
    3. 2.members.md
    4. 3.publications.md
    5. members.html
  • _sass: scss 파일들 폴더
    1. base.scss - 전역적으로 적용되는 기본 스타일을 포함합니다.
    2. color_keys.scss - 프로젝트에 사용되는 색상에 대한 키 정의 ⇒ 사실 거의 안쓰는 파일. 없앨까 하고 있음
    3. *colors.*scss - 프로젝트의 특정 색상 스타일
    4. header, headerColor.scss - 헤더 구성 요소의 스타일
    5. layout.scss -전체 레이아웃에 대한 스타일
  • news : index.html - news 페이지에 대한 코드