JEKYLL3 [Git Portfolio 만들기7] 포트폴리오 화면 구조 설명 _config.yml 파일 수정은 끝났다. 이제 소스 파일을 수정하기전, 포트폴리오의 화면 구조를 설명하려고한다. ▶ 페이지의 첫 화면은 index.html을 띄운다. index.html 을 열면 YAML 형식으로 'layout: default' 라고 선언되어있다. layout 은 사용할 레이아웃 파일을 지정하며, 확장자명을 제외한 나머지 부분만 입력한다. (layout 파일은 '_layouts' 폴더 안에 존재해야한다.) ▶ 선언된 대로 _layouts 폴더의 'default.html' 로 이동해준다. include 태그를 이용해 '_include' 폴더에 저장된 다른 파일의 내용을 포함시키고 있다. {% include [_include폴더 내 파일명] %} ▶ 소스 구조를 보기 전, 이해를 돕기위해 .. 2020. 9. 30. [Git Portfolio 만들기6] _config.yml 수정하기 이제 '남'의 포트폴리오를 '나'의 포트폴리오로 수정해야한다. 일단 setting 파일을 수정해주는 것부터 시작하자. ▶ Sublime Text에서 '_config.yml' 파일을 열어준다 ▶ '_config.yml' 파일의 맨위 title, email, url, description, ..., meta_author 부분을 수정해준다. ▶ title, skills 부분은 화면의 이부분이 변경된다. ▶ 'CONTACT' 부분의 email 발송 기능을 활성화 하기위해 email도 수신할 이메일로 변경해준다. ▶ '_config.yml' 아래 'social'부분도 본인의 url로 변경해준다. 없을 경우 #을 통해 주석처리해준다. social 종류로는 'google-plus, flickr, dribbble, p.. 2020. 9. 30. [Git Portfolio 만들기2] jekyll themes 고르기 이제 git 계정을 만들었으니 [이름].github.io 로 접속할 수 있는 개인의 포트폴리오를 만들어보자 포트폴리오를 만들기전 먼저 jekyll themes를 골라야한다. ▶ 아래의 사이트에서 테마를 고른다 github.com/jekyllthemes.org/ Jekyll Themes jekyllthemes.org ▶ 앞으로의 설명은 아래 테마를 이용해 진행할 예정이다. jekyllthemes.org/themes/freelancer/ Freelancer Freelancer Freelancer theme, a portfolio theme that allows you to showcase your projects. The theme is based on Freelancer theme by Start Boot.. 2020. 9. 30. 이전 1 다음
