웹사이트 검색

Ubuntu 22.04에 Jekyll 정적 웹 사이트 생성기를 설치하는 방법


이 튜토리얼은 다음 OS 버전에 대해 존재합니다.

  • Ubuntu 22.04(Jammy Jellyfish)
  • Ubuntu 18.04(Bionic Beaver)

이 페이지에서

  1. 전제 조건
  2. 시작하기\n
  3. 루비 설치
  4. Jekyll로 새 웹사이트 만들기
  5. Jekyll 서버 시작
  6. Jekyll 웹사이트에 액세스
  7. 결론

Jekyll은 Ruby로 작성된 무료 오픈 소스 정적 파일 생성기입니다. 몇 분 안에 웹 사이트를 만드는 데 사용되는 간단하고 사용하기 쉬운 콘텐츠 관리 시스템입니다. 즐겨 사용하는 마크업 언어로 작성된 텍스트를 사용하고 레이아웃을 사용하여 정적 웹 사이트를 만듭니다. Jekylls 내장 기능을 사용하여 사이트 모양과 느낌, URL, 페이지에 표시되는 데이터 등을 조정할 수 있습니다. 영구 링크, 카테고리, 페이지, 게시물, 사용자 정의 레이아웃 등과 같은 수많은 기능을 제공합니다.

이 튜토리얼에서는 Ubuntu 22.04에 Jekyll CMS를 설치하는 방법을 보여줍니다.

전제 조건

  • Ubuntu 22.04를 실행하는 서버.\n
  • 서버에 루트 암호가 구성되어 있습니다.\n

시작하기

시작하기 전에 시스템을 최신 안정 버전으로 업데이트하는 것이 좋습니다. 다음 명령으로 업데이트할 수 있습니다.

apt update -y
apt upgrade -y

시스템이 최신 상태이면 다음 명령을 실행하여 다른 필수 종속성을 설치합니다.

apt install make build-essential curl git tree -y

모든 종속성이 설치되면 다음 단계로 진행할 수 있습니다.

루비 설치

Jekyll은 Ruby로 작성되었으므로 시스템에 설치해야 합니다. 기본적으로 Ruby 패키지는 Ubuntu 기본 리포지토리에 포함되어 있습니다.

다음 명령을 실행하여 Ruby를 설치합니다.

apt install ruby ruby-dev -y

설치가 완료되면 Ruby의 gem 패키지 관리자에게 사용자의 홈 폴더에 gem을 배치하도록 지시해야 합니다.

~/.bashrc 파일을 편집하면 됩니다.

nano ~/.bashrc

파일 끝에 다음 줄을 추가합니다.

export GEM_HOME=$HOME/gems
export PATH=$HOME/gems/bin:$PATH

파일을 저장하고 닫은 후 다음 명령을 사용하여 환경 변수를 활성화합니다.

source ~/.bashrc

다음으로 아래와 같이 gem 명령을 사용하여 Jekyll 및 번들러를 설치할 수 있습니다.

gem install jekyll bundler

설치가 완료되면 다음 단계를 진행할 수 있습니다.

Jekyll로 새 웹사이트 만들기

이 시점에서 Jekyll이 시스템에 설치됩니다. 이제 다음 명령을 실행하여 jekyll.example.com이라는 새 웹사이트를 만듭니다.

jekyll new jekyll.example.com

웹 사이트가 생성되면 다음과 같은 결과가 표시되어야 합니다.

  Bundler: Using jekyll 4.2.2
  Bundler: Fetching jekyll-seo-tag 2.8.0
  Bundler: Fetching jekyll-feed 0.16.0
  Bundler: Installing jekyll-feed 0.16.0
  Bundler: Installing jekyll-seo-tag 2.8.0
  Bundler: Fetching minima 2.5.1
  Bundler: Installing minima 2.5.1
  Bundler: Bundle complete! 7 Gemfile dependencies, 31 gems now installed.
  Bundler: Use `bundle info [gemname]` to see where a bundled gem is installed.Don't run Bundler as root. Bundler can ask for sudo if it is needed, and
  Bundler: installing your bundle as root will break this application for all non-root
  Bundler: users on this machine.
New jekyll site installed in /root/jekyll.example.com. 

다음으로 다음 명령을 사용하여 Jekyll에서 생성한 모든 파일과 디렉토리를 나열합니다.

tree jekyll.example.com

다음 출력이 표시되어야 합니다.

jekyll.example.com
??? 404.html
??? about.markdown
??? _config.yml
??? Gemfile
??? Gemfile.lock
??? index.markdown
??? _posts
    ??? 2022-09-25-welcome-to-jekyll.markdown

1 directory, 7 files

지킬 서버 시작

먼저 웹사이트 디렉토리로 이동하고 다음 명령을 사용하여 webrick 종속성을 추가합니다.

cd jekyll.example.com
bundle add webrick

다음으로 다음 명령을 실행하여 Jekyll 웹 서버를 시작합니다.

jekyll serve --host=0.0.0.0

서버가 성공적으로 시작되면 다음 출력이 표시되어야 합니다.

Configuration file: /root/jekyll.example.com/_config.yml
            Source: /root/jekyll.example.com
       Destination: /root/jekyll.example.com/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
       Jekyll Feed: Generating feed for posts
                    done in 0.375 seconds.
 Auto-regeneration: enabled for '/root/jekyll.example.com'
    Server address: http://0.0.0.0:4000/
  Server running... press ctrl-c to stop.

지킬 웹사이트에 접속하기

이 시점에서 Jekyll이 시작되고 포트 4000에서 수신 대기합니다. 이제 웹 브라우저를 열고 URL http://your-server-ip:4000을 입력합니다. Jekyll 기본 페이지로 리디렉션됩니다:

결론

위 가이드에서는 Ubuntu 22.04에 Jekyll을 설치하는 방법을 배웠습니다. 이제 Jekyll을 탐색하고 자동 생성된 콘텐츠를 사용하여 나만의 웹사이트를 만들 수 있습니다.