[git] github 블로그 만들기

강의와 각종 자료로 공부한 내용을 취업시장에 더욱 잘 활용하기 위해서 본격 포트폴리오 작성을 하려고 한다.

많은 사람들이 주로 포트폴리오 작성을 위해서 깃허브로 자신만의 블로그를 작성한다는 것을 알게 되었고 훌륭하게 만들어주신 다른 분들의자료를 바탕으로 Jekyll을 통해 블로그를 만들 것이다.

하는 방법에 대해서 자세하게 기록하기 보다 어떤 과정을 거쳤는지 기록할 예정이다. (일단 방법을 몰라도 너무 몰라.. ^^)

0. 참고 사이트

Githubpages

새로알게된 Github Pages 블로그, Jekyll 기술과 내용 설명 등등

khw11044.github.io

- 초기 세팅부터 어떻게 활용하는지에 대한 방법을 전반적으로 파악할 때 도움이 되었다. (사이트 주인분께 감사함을 전합니다 ^ㅡ^)

<이용한 테마 사이트>

Home

Just the Docs is a responsive Jekyll theme with built-in search that is easily customizable and hosted on GitHub Pages.

pmarsceill.github.io

- 테마를 가져온 이후에는 그 테마 속에 설명이 자세하게 나와있다. 그에 맞게 세팅을 하면 된다. 영어라서 살짝 괴롭긴 하다만...

1. 개발 환경 프로그램 세팅 : M1 Mac

M1 Mac에서 github.io 블로그 준비하기

처음부터 이블로그를 통해 만든사람은 1번부터 그냥 따라 하면 된다. 솔직히 말하자면 나는 여기서 오래 걸린것같다. 우선 블로그를 만들기전에, 깔아야할 프로그램들이 있다. Ruby를 설치하라고

choijaegwon.github.io

- 설치 중에 꽤 많은 오류를 만날 수 있는데 그런 경우에는 이전에도 작성했지만 "arch -arm64" 뒤에 설치할 시스템을 작성하면 된다! (꼭 써주자.. 나는 설치하고 중간에 오류나서 삭제하고를 n번 해야 했다,.)

2. bundle exec jekyll serve : Jekyll에 Bundler사용하기 (http://127.0.0.1:4000/ 실행)

- 로컬 호스트 페이지에서 미리 수정된 내용을 확인한다.

3. Configuration : _config.yml 파일 수정하기 (로고와 검색창, 우측 상단의 링크, 하단 컨텐츠, 색상, GA, 문서 정리(왼쪽 카테고리 정리))

+ 로고 이미지 변경하기 : assets/images/원하는 png 파일 넣기

4. 색상 원하는데로 커스텀

- 보라색이 원래 색상이지만 분홍색으로 색상을 조정하고 싶어서 조정했다.

- _sass/mixins/_variables 파일내에 전체 색상을 조정했다. purple을 이용한 항목(버튼,색상 등)이 많아서 그냥 내가 원하는 색상으로 이를 조정했다. (항목을 찾아서 바꾸긴 귀찮았어요.. ㅎㅅㅎ)

5. 본격 왼쪽 카테고리 수정

1) index.md : Home이었던 (지금은 Hi. I'm Munju라고 되어있는) 초기 화면의 내용이다. 원하는 내용 입력하고 수정하면 된다! 마크다운 파일로 형식에 맞게 작성하기~

2) docs 폴더의 하위 폴더 ui-components, utilities와 md 파일들 각각 위 이미지의 카테고리 내용이다. 내용에 맞게 수정하는 것은 Home과 동일하다.

어느정도 감은 잡혔으나 아직 서투른 것이 많다. 페이지는 만들어 둔 상태이고 본격적인 글들은 하나씩 정리해나가며 올릴 예정이다.

여기 티스토리에 마구잡이로 올리는 매일의 공부 내용들을 적을 것인지, 프로젝트로 해온 것들을 올릴지는 생각해봐야 할 것 같다.

* gemfile에 gem (모듈) 을 추가한 경우

 bundle install

이걸 해줘야 반영이 됨..! gemfile.lock 파일도 생김

728x90

보리보리쌀 ;p