google에 개발 관련된 자료를 찾아보면, 사이트 주소에 github.io 가 포함된 사이트들이 많더라고, github으로도 블로그를 만들 수 있는건가 궁금해서 찾아보니, static site 가 많이 만들어져서 사용되고 있는 것을 알게되었어. 물론 나는 티스토리가 더 편하고 좋지만, 나도 한번 해보자는 생각으로 자료들을 검색해서 만들어 봤어.
정적 웹 페이지란 사용자가 이용하면서 자료가 바뀌는 동적인 웹 페이지가 아닌 페이지의 주인이 써놓은대로만 보여주는 항상 같은 내용만을 보여주는 웹 페이지를 말해 동적 웹 페이지들은 DB를 활용하고, 정적 웹 페이지는 DB를 사용하지 않고 전부 html 단위의 파일로 이루어져 있지
위키피디아에 검색해보니 "정적 웹 페이지는 저장된 것과 똑같이 사용자에게 전달됩니다. 정적 웹 페이지 (플랫 페이지 / 고정 페이지라고도 함)는 웹 응용 프로그램에 의해 생성 된 동적 웹 페이지와 달리 사용자에게 정확히 저장된 페이지로 전달됩니다. 결과적으로, 정적 웹 페이지는 웹 서버의 최신 기능에 따라 모든 컨텍스트의 모든 사용자에 대해 동일한 정보를 표시합니다. 이러한 버전은 사용 가능한 버전이 있고 서버에서 그렇게 구성된 컨텐트 유형 또는 언어를 협상합니다." 라고 나왔어 자, 이제 우리가 어떤 걸 만들어 볼지 알겠지?
static stite generator 에는 많은 종류가 있어 그 중에 자주 쓰이는 애들은 Jekyll, Hexo, Gatsby, Hugo, NUXT 등이 있는데 나는 그 중에 Hugo를 선택했어 이유는 Jekyll보다 빠른 속도야. 마크업과 템플릿의 간단한 사이트를 밀리 초 단위로 조합하거나 몇 초 만에 수천 페이지를 비울 수 있다고 해. 물론 나는 시험삼아 만들어 보는 거라 뭘 쓰든 상관없지만, 일단 한 번 해볼게!
1. Hugo 란?
Hugo is a static site generator written in Go. Hugo is developed by Bjørn Erik Pedersen, Steve Francia, and other contributors. Hugo is an open source project licensed under the Apache License 2.0.[2]
(Hugo는 Go라는 언어로 쓰여진 정적 사이트 생성기 이다. Hugo 는 Bjørn Erik Pedersen, Steve Francia, and other contributors 들이 개발했다.
Hugo는 Apache License 2.0 에 따라 사용이 허가된 오픈 소스 프로젝트 입니다.) 출처 - 위키피디아
Hugo 사이트에 들어가보면 당당하게 The world's fastest framwork for building websites라고 써져있어 자신감 좋지
Quick Start에 들어가면 친절한 설명이 있으니깐 참고하도록! 근데 macOS에서 터미널로 때려서 설치하거나 window에서 Chocolaty를 사용하는 사람들을 위한 설명이어서 나는 hugo github에 들어가서 내 환경에 맞는 hugo를 다운받아서 설치했어 나 같은 경우는 Windows-64bit.zip을 다운 받아서 설치했어. 나도 빨리 돈 벌어서 mac에서 터미널로 때려서 개발환경 구축하고 싶다! 아무튼 나는 다들 아는 방법으로 zip파일의 압축을 풀고 hugo를 설치했어. 휴고를 설치했고, 니 컴퓨터의 어느 곳에서든 hugo를 쓰고 싶다면, 시스템의 환경변수와 path에 니가 다운 받고 설치한 휴고 프로그램이 있는 path를 추가해줘야해 그래야 window cmd에서 hugo를 쓸 수가 있거든
위에 사진처럼 시스템 속성에서 고급 탭을 클릭하고 맨 밑에 환경 변수를 클릭해서 수정해주고 적용해 주면 돼
적용이 완료됐는지 확인하려면 cmd창에서 hugo version이라는 명령어를 치면 version을 보여줘 그럼 환경 변수 설정이 잘 된거야, 적용이 안됐으면 그 니가 hugo를 설치한 폴더에서만 hugo의 버전을 확인하거나 실행할 수 있어
자 이제 설치와 환경 변수 설정이 완료됐다면, 이제 블로그를 만들어 볼 차례야