Github 포토폴리오 만들기(2)

(1)편에서 이어집니다. :)

 

앞에서 그냥 Jekyll 사용해서 깃허브 상에서하려고했는데 루비를 깔고.. clone 받아 진행해보려고 합니다. 

 

 

1. 루비 설치 

- Jekyll는 루비 기반입니다. 

- MACos 에는 Ruby가 기본적으로 설치되어있습니다. 

- 전 윈도우 이기 때문에 루비를 깔아주고 시작하겠습니다.

- 설치 후 이렇게 확인해보시면 끝 :)

 

 

2. Jekyll 설치

- 로컬에서 설치 

 

3. Jekyll 테마 선택 후 자신의 repo에 colne 

---

를 해야한다고 생각했지만 .. 그냥 클론하고, 넣고 싶은 것 넣고 그러면 되서 조금 민망.....

 

저 처럼 그냥 에디터에 git clone하여 불러와도 좋고 그냥 깃허브 자체에서 파일을 고쳐도된다고..

 

고쳐야하는 부분이라면 

 

_config.yml 파일

   => base.url = ""

   => url = "현재 사용하는 도메인 주소"

   => 나머지 부분들은 취향대로 넣으시면됩니다. 

 

 

그리고 nav가 테마에 있고 이곳에 Markdown페이지를 만들어 연결하거나, html을 만들어서 연결하려면

우선, 각 페이지에 들어갈 파일을 먼저 만들어주고 위에 메타데이터를 선언해줍니다. 

저는 나머지 파일들은 html보다 마크다운페이지로 만들어주려고 하기 때문에 이런식으로 선언하여 확인해보았습니다. 

 

이런식으로 파일 작성해주고 url 연결해주면 

navbar을 통해 아래 처럼 페이지로 나올 수 있도록 해줍니다. 

뭐 처음에는 조금 어려운 것이라 생각해서 정리해볼까 했는데 막상 만들어보니 쉬워서 ㅎㅎ 

루비 기초만 아시는 분들도 금방하실 것 같습니다 :)