블로그 제작기2

November 2023 (124 Words, 1 Minutes)

블로그 제작 포스팅(2)

jekyll 을 이용하여 손쉽게 홈페이지를 꾸밀 수 있습니다.
홈페이지 자동 생성기라고 생각하시면 됩니다!

1. Jekyll 다운 받기

터미널에서 아래 명령을 실행합니다.

gem install bundler 
gem install jekyll

2. 기존에 만들었던 index.html 을 삭제하기

다운로드가 끝나면 기존의 index.html 을 제거합니다.

rm -f index.html

3. 다운 받은 jekyll 을 이용하여 홈페이지의 기본적인 틀을 생성하자

터미널에서 아래의 명령을 실행합니다. 원격저장소에 연결된 root directory 에 저장해야 합니다.나중에 git push를 했을때, 바로 설치 파일들이 다 보여야 합니다.

jekyll new ./

만약 m1 mac 을 사용 중이라면 아래의 오류가 뜰 수 있습니다.

You may have encountered a bug in the Ruby interpreter or extension libraries.

3-1. 에러해결

1. rbenv 설치

brew install rbenv ruby-build

1. ruby version 확인 (현재 사용중인 버전)

   rbenv versions
   

2. 설치 가능한 버전 확인

rbenv install -l

1. 루비 설치하기, 저는 2.6.9 버전으로 다운받았습니다

   rbenv install 2.6.9
   

2. jekyll 을 다시 다운받습니다.

   gem install jekyll
   

   저는 루비 새로운 버전을 받아서 문제를 해결했습니당!

4. 번들 설치

다운받은 것을 실행 시킵니다.

bundle install

5. jekyll 을 로컬 서버에 띄우기

로컬 서버

boundle exec jekyll serve

http://127.0.0.1:4000/ 을 브라우저에 입력해 보세요!

6. Push

자 이제 우리 로컬에서 잘 작동합니다. 변경된 내용을 깃헙 원격 저장소에 저장해줘야 우리의 웹사이트도 변경된 모습을 가지게 될 거에요. 위 코드를 터미널에 입력하면 푸쉬가 마무리 됩니다. 자신의 블로그에 들어가보세요.아래와 같이 변경되었나요?