Tech Stock logo Tech Stock

■ Windows 환경에서의 설치와 테마 적용

요기서 받는다

링크 : https://github.com/gohugoio/hugo/releases

c:\hugo\bin 폴더를 만들고 그곳에 3개의 파일을 넣었다

hugo.exe
LICENSE
README.md

자 이제 환경변수를 설정해주자

윈도우 + E -> 내 PC 오른쪽 클릭 -> 속성 -> 고급 시스템 설정 -> 환경 변수

위쪽 섹션은 사용자에 대해서만 적용대는 사용자 전용 변수
밑쪽 섹션은 시스템 전체(어떤 사용자이든)에 적용되는 변수이다.

밑쪽 섹션에서 Path 를 찾는다. (없는경우는 거의 없으나, 없다면 새로만든다.)
편집을 누른다

환경변수 편집 창 -> 새로만들기

hugo 실행파일이 있는곳을 추가해준다 (c:\hugo\bin)

환경변수가 잘 적용 되었는지 테스트

윈도우 + r -> cmd

이렇게 쳐서

hugo version

이런식으로 나오면 ok!

Hugo Static Site Generator v0.62.2/extended windows/amd64 BuildDate: unknown

자 ! 이제 테마 적용이다.

깃배쉬를 키고 원하는 테마를 clone 해준다.

cd c:\hugo
git clone http://theme.abc.xx.xxx

이런식으로 클론 한후 클론된 폴더로 이동후 hugo 로 실행시켜 보자

cd c:\hugo\abc\example
hugo server --themesDir ../..
.
.
.

Watching for config changes in C:\hugo\first\exampleSite\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

이런식으로 나오면 ok

휴고는 기본포트가 1313이다.


■ Mac 환경에서의 설치와 테마 적용

brew로 설치해주자

brew install hugo 

블로그를 새롭게 생성해보자

hugo new site first-blog

제일 기본적인 스트럭쳐는 이렇다

archetypes/
config.toml
content/
data/
layouts/
resources/
static/
themes/

이 상태에서 hugo만을 치게되면 public이라는 디렉토리내에 배포용 파일이 생성된다.

hugo 
.
.
.


                   | EN
+------------------+----+
  Pages            |  3
  Paginator pages  |  0
  Non-page files   |  0
  Static files     |  0
  Processed images |  0
  Aliases          |  0
  Sitemaps         |  1
  Cleaned          |  0

Total in 89 ms

public 디렉토리가 생성된 것을 볼 수 있다.

archetypes/
config.toml
content/
data/
layouts/
public/
resources/
static/
themes/

테마를 적용해보자

cd themes
git clone https://xxx.xxxx

지킬에서는 config.yml에서 기본적인 환경설정을 해줬다면
휴고에서는 config.toml이다
적절히 수정해 줄것.