Computer >> 컴퓨터 >  >> 네트워킹 >> 인터넷

Jekyll 및 GitHub 페이지로 블로그를 무료로 호스팅하는 방법

Jekyll 및 GitHub 페이지로 블로그를 무료로 호스팅하는 방법

블로그를 시작하려는 경우 처음 접하게 되는 이름은 WordPress입니다. 그 이유가 있습니다. WordPress는 믿을 수 없을 정도로 유연하며 거대한 웹사이트와 작은 웹사이트를 모두 지원합니다. 문제는 모든 웹사이트, 특히 단순한 블로그에 이처럼 강력한 인프라가 필요한 것은 아니라는 것입니다.

더 작고 간단하며 저렴한 옵션을 사용할 수 있습니다. 예를 들어 GitHub Pages는 개인용으로 무료입니다. 이를 정적 사이트 생성기인 Jekyll과 결합하면 블로그에 필요한 모든 것을 갖게 됩니다. 더군다나 무료입니다.

시작하기 전에

자신의 컴퓨터에서 Jekyll을 실행하게 되며 macOS와 Linux만 공식적으로 지원됩니다. 여기서는 두 운영 체제를 모두 다룰 것이며 Linux 지침은 Ubuntu를 실행하는 Linux용 Windows 하위 시스템에서 작동할 수 있습니다. 즉, 테스트되지 않았습니다.

또한 좋은 텍스트 편집기에 액세스하고 싶을 것입니다. TextEdit 또는 GEdit가 할 수 있지만 더 강력한 것을 원할 수 있습니다. 우리는 과거에 여러 훌륭한 크로스 플랫폼 텍스트 편집기를 살펴보았습니다.

알아야 할 사항

최소한 명령줄에 대해 어느 정도 익숙해져야 합니다. git과 GitHub에 익숙해지는 것도 필요합니다. 익숙하지 않다면 git에 대한 가이드가 있으며 GitHub의 자체 문서가 훌륭합니다.

Jekyll 및 GitHub 페이지로 블로그를 무료로 호스팅하는 방법

마지막으로 Jekyll은 Markdown을 활용하여 일반 텍스트로 작성하지만 콘텐츠를 HTML로 사용자에게 표시할 수 있습니다. Markdown에 익숙하거나 최소한 배울 의향이 있어야 합니다. 어렵게 들릴 수 있지만 Markdown은 배우기 쉽습니다(치트시트도 있음).

Jekyll 및 종속 항목 설치

이것은 macOS Mojave 및 Ubuntu 18.04에서 테스트되었습니다. 두 운영 체제의 다른 버전을 실행 중인 경우 자세한 내용은 Jekyll 웹사이트를 확인해야 할 수 있습니다.

macOS

Jekyll을 설치하기 전에 다음 명령을 사용하여 XCode 명령줄 도구를 설치해야 합니다.

xcode-select --install

설치를 선택하고 설치 프로그램이 완료될 때까지 기다립니다. 이제 Jekyll 및 Bundler를 설치할 수 있습니다.

gem install --user-install 번들러 jekyll

이 명령을 실행하면 아래와 유사한 경고가 표시됩니다.

WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.

버전 번호를 기록해 두십시오. 위의 메시지를 가정하고 다음 명령을 실행하고 다른 경우 올바른 버전 번호로 대체합니다.

반향 내보내기 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH'>> ~/.bash_profilesource ~/.bash_profile

우분투

Jekyll을 설치하기 전에 다음 명령으로 빌드 도구를 설치해야 합니다.

sudo apt-get install ruby-full build-essential zlib1g-dev

macOS와 마찬가지로 우리는 루트가 아닌 홈 디렉토리에서 설치하고 실행하기를 원합니다. 다음 명령을 실행하십시오.

echo 'export GEM\_HOME="$HOME/gems"'>> ~/.bashrcecho 'export PATH="$HOME/gems/bin:$PATH"'>> ~/.bashrcsource ~/.bashrc 

이제 Jekyll과 번들러를 설치하세요:

jekyll 번들러 설치

Jekyll 설치 테스트

모든 것이 제대로 실행되고 있는지 확인하려면 다음을 실행하세요.

지킬 -v

모든 것이 올바르게 설치된 경우 버전 번호가 포함된 메시지가 표시됩니다. 대신 command not found와 같은 메시지가 표시되는 경우 , 지킬 문서를 참조하십시오.

Jekyll로 새 블로그 설정

이제 Jekyll이 설치되었으므로 새 블로그를 만드는 것은 간단합니다.

jekyll 새 블로그

위 명령어에서 블로그 대신 원하는 이름을 사용할 수 있습니다. 이것은 단순히 Jekyll이 생성하는 디렉토리의 이름입니다. 이제 cd 방금 만든 디렉터리로 이동하고 다음 명령을 실행합니다.

exec jekyll 서브 번들

Jekyll 및 GitHub 페이지로 블로그를 무료로 호스팅하는 방법

그러면 컴퓨터에서 로컬로 실행하는 것에 대한 새 블로그가 시작됩니다. 브라우저에 표시된 URL을 열어 사이트를 살펴보십시오. 보시다시피, 해야 할 일이 있습니다. Ctrl 누르기 + C 중지합니다.

블로그 맞춤설정

사이트 제목 및 기타 정보를 편집하려면 블로그 디렉토리를 열고 "_config.yml"을 편집하십시오. 여기에 있는 다양한 옵션은 상당히 분명합니다. 이제 원하는 경우 "index.md" 파일인 홈페이지를 편집할 수 있지만 이는 선택 사항입니다.

Jekyll 및 GitHub 페이지로 블로그를 무료로 호스팅하는 방법

첫 번째 블로그 게시물 작성을 시작하려면 "_posts" 폴더를 열면 샘플 게시물이 표시됩니다. 이것을 열고 편집하거나 복제하여 새 게시물을 만드세요.

GitHub에 블로그 배포

이제 사이트가 로컬로 설정되었으므로 온라인으로 전환해야 합니다. GitHub 계정이 아직 설정되어 있지 않다면 가입하고 컴퓨터에 git을 설치하고 구성하세요. 다음으로 "username"을 GitHub 사용자 이름으로 바꾸고 username.github.io라는 이름으로 새 저장소를 만듭니다.

Jekyll 및 GitHub 페이지로 블로그를 무료로 호스팅하는 방법

이제 터미널을 열고 cd 블로그 폴더로 이동합니다. 다음 명령어를 실행하세요.

git initgit add --allgit commit -m "초기 커밋"git 원격 추가 원본 https://github.com/username/username.github.io.gitgit push -u 원본 마스터

이제 username.github.io를 방문하여 새 블로그를 볼 수 있습니다. 바로 표시되지 않으면 잠시 기다렸다가 다시 시도하세요.

다음 단계

위의 단계는 시작 및 실행을 위한 기본 사항일 뿐입니다. Jekyll은 많은 것을 제공하므로 문서를 확인하십시오. 또한 블로그를 멋지게 꾸밀 수 있는 다양한 테마가 있습니다.

GitHub Pages에서도 수행할 추가 단계가 있습니다. HTTPS 지원을 활성화하는 것은 더 복잡한 프로세스였지만 이제는 저장소 설정에서 수행할 수 있습니다. 자신의 도메인 이름을 설정하는 것도 간단한 과정이며, GitHub에는 설정 방법에 대한 훌륭한 가이드가 있습니다.

마지막으로 명심해야 할 점은 사이트 변경 사항을 저장소에 커밋하기 전에 로컬에서 확인하는 것이 좋습니다. bundler를 실행하기만 하면 됩니다. 컴퓨터에서 사이트를 보기 위해 이전에 사용한 명령입니다. 이렇게 하면 오타에서 Markdown 구문 오류에 이르기까지 모든 것을 잡는 데 도움이 됩니다.