본문 바로가기
개발/개발환경, 개발도구 - git , vscode

gitlab page에 hugo 사용하기

by 개발자종혁 2020. 4. 10.
728x90

파일 구조

  • archetypes
  • content (md 파일 폴더)
  • themes (적용할 테마 들어갈 폴더)
  • .gitignore
  • .gitlab-ci.yml
  • .gitmodules
  • Config.toml

1. gitlab-ci.yml 


image: monachus/hugo
variables:
  GIT_SUBMODULE_STRATEGY: recursive
pages:
  stage: deploy
  script:
    - hugo 
  artifacts:
    paths:
    - public
  only:
    - master
  tags:
    - shared-runner

 

2. theme 적용하기

- .gitmodules

[submodule "themes/reveal-hugo"]
  path = themes/reveal-hugo
  url = https://github.com/dzello/reveal-hugo.git

- config.toml

baseURL = "[page-url]"
languageCode = "en-us"
title = "title"
theme = "reveal-hugo"

[author]
name = "Jonghyeok Park"

[markup.goldmark.renderer]
unsafe = true
[markup.highlight]
style = "tango"

[outputFormats.Reveal]
baseName = "index"
mediaType = "text/html"
isHTML = true

[params.reveal_hugo]
history = true

 

[theme]

- submodule theme

- 여기서는 reveal-hugo

 

[page-url]

- 생성되는 url

- gitlab 리포지토리의  setting > pages 에서 가져옴 : (Congratulations! Your pages are served under 아래에 있음)

 

여기서 page의 url을 가져온다.

 

- .gitignore

/public

 

 

출처: https://gohugo.io/hosting-and-deployment/hosting-on-gitlab/

 

 

728x90

댓글