Hugo로 포트폴리오 웹사이트 구축

개인 웹페이지는 당신에 대해 세상에 알리고 과거의 업적을 보여줄 수 있는 완벽한 장소입니다. 당신의 이력서, 프로젝트, 블로그를 개인화된 테마로 넣어 사람들이 당신이 훌륭한 취향을 가지고 있다는 것을 알 수 있도록 하세요: 올인원! 온라인에 공개되는 포트폴리오, 별 노력 없이 할 수 있는 작지만 멋진 프로젝트, 왜 안 될까요?

Github Pages를 사용하면 도메인 이름을 찾지 않고도 개인 웹 페이지를 호스팅할 수 있고 Hugo를 사용하면 선택할 수 있는 다양한 테마가 있습니다. 이제 이 단계별 자습서를 시작하여 개인 웹페이지를 설정해 보겠습니다.

HUGO 및 GitPage 소개

Hugo는 가장 인기 있는 오픈 소스 정적 사이트 생성기 중 하나이며 GO로 작성되었습니다. 간단하고 효율적이며 확장하기 쉽고 빠르게 배포할 수 있습니다. 간단히 brew로 설치하고 Github 또는 공식 웹 사이트HUGO에서 원하는 테마를 복제하고 구성 파일을 일부 변경하고 배포하면 페이지가 온라인 상태가 됩니다.

Github Pages은 Github에서 제공하는 정적 웹 호스팅 서비스로 1GB의 여유 공간을 제공하며 Github 저장소를 통해 직접 편리한 배포를 제공합니다.

이 사이트는 Hugo 및 Github Pages를 사용하여 만들고 배포합니다. 다음은 배포 프로세스를 간략하게 소개합니다.

설치

휴고 설치

터미널을 열고 다음 명령줄을 하나씩 실행합니다.

맥OS:

      brew install hugo

리눅스:

      sudo apt install hugo

윈도우:

      scoop install hugo

Hugo가 성공적으로 설치되었는지 확인하려면 터미널에 다음을 입력하십시오.

hugo version

구성

hugo new my-website
cd my-website
hugo

전개

Github 페이지:
터미널을 열고 다음 명령줄을 하나씩 실행합니다.

    hugo
    git add .
    git commit -m "update"
    git push origin master
    git push pages master
    cd ..
    rm -rf my-website

맥OS:

    open http://localhost:1313

리눅스:

    firefox http://localhost:1313

윈도우:

    start http://localhost:1313

결론

축하합니다! Hugo 및 Github Pages로 개인 웹페이지를 성공적으로 설정했습니다.

참조

HUGO : Hugo는 Go로 작성된 정적 사이트 생성기입니다.

Github Pages : Github Pages는 Github에서 제공하는 정적 웹 호스팅 서비스로 1GB의 여유 공간을 제공하며 Github 저장소를 통해 직접 편리한 배포를 제공합니다.

예

Blog Site

Portfolio Site