Markdown을 이용하여 포스팅 작성시 포스팅을 꾸밀 수 있는 기능을 몇가지 소개합니다. 뱃지(Badge) 뱃지는 Repository에 버전 또는 프로젝트 진행 상황 등을 간단히 표현하기 좋은 도구이다. 만드는 법은 어렵지 않다. 여기에서 사용법에 대한 정보를 얻을 수 있다. 사용법은 아래 코드 양식에 맞춰 입력해주면 된다. ?style=스타일타입&logo=로고명&logoColor=색상코드(#없이)) 사용 예제를 보자. EX1) 기본뱃지  ![Generic badge](http://img..

본격적인 커스터마이징을 하기 앞서 시안을 만들고 현재 테마의 구조를 파악하기로 했다 사용된 테마는 아래와 같은 구조로 되어 있었다. 왼쪽을 기준으로 고정시킨 다음, 오른쪽 페이지에 컨텐츠를 띄우는 방식이다. (포스팅 글 클릭시 왼쪽 프로필 페이지는 그대로 유지) 이 구조를 아래와 같이 변경하고 싶었다. 먼저 포스팅한 내용은 기존과 동일하게 메인 페이지에 리스트업 시키되(포트폴리오를 만드는 과정을 포스팅하고 싶었기 때문에) 포스팅 클릭시 왼쪽의 프로필을 상단으로 올리고 포스팅 위치를 가운데로 하고 하단에는 포스팅 리스트를 뿌려준다. 또 나를 소개하는 페이지(about.md)와 프로젝트 리스트 페이지(works.md)를 만들기로 했다. 이 구조는 기존 구조와 같이 왼쪽에 프로필 페이지를 그대로 두고 오른쪽 ..

이번 글에서는 Jekyll 테마를 커스텀하기 위해 로컬 환경을 준비하는 작업을 정리했습니다. 로컬 환경이 준비되신 분들은 다음 장으로 넘어가주세요 :) 1) 먼저 Fork 받았던 저장소를 옮기는 작업이 필요하다. Clone 방법은 본인의 스타일로 하면 된다. 나는 GitHub Desktop을 이용하였다. Clone a repository from the Internet 클릭 2) Repository 선택 후 원하는 로컬 경로 지정 후 Clone 클릭 3) 해당 fork에 대한 사용 계획을 묻는데 오픈 소스에 대한 기여가 목적이 아니기 때문에 두번째 선택지 For my own purposes를 클릭한다. 4) 이제 로컬 경로에 가보면 저장소에 있던 소스들을 내려받은 것을 확인할 수 있다. 5) 이제 로컬에..

GitHub에서 무료로 웹 서비스 호스팅을 사용할 수 있다는 것을 알고 “포트폴리오 페이지 하나쯤 만들어놔야지..” 했는데 차일피일 미루다가 이제야 만들어 봤네요. 설정 과정, 처음 보는 문법들, 발생한 에러들과 해결법까지. 만들었던 과정들을 공유하고자 글을 작성했습니다. GitHub Pages GitHub에서는 GitHub Pages라는 기능을 통해 홈페이지를 운영할 수 있는 웹호스팅 서비스를 제공해준다. GitHub Pages는 정적 페이지만 호스팅이 가능하다. 하지만 무료라는 점과 Github Pages에서 직접 제공하는 Jekyll에 다양한 테마들이 오픈소스로 공유되어 있어 커스텀이 편리하다. 이러한 이유로 개발자들에게는 개인 포스팅을 위한 블로그 또는 포트폴리오로서 널리 활용되고 있다. GitH..