Hugo의 Quick Start 및 Host on Netlify 살펴보기

6474 단어 NetlifyHugo

개요



Hugo 문서의 빠른 시작을 참고로 사이트를 작성하고, Host on Netlify에 따라 배포해 보았으므로, 빠짐없이도 메모해 둔다.
(환경은 macOS)

Hugo에서 사이트 만들기



Quick Start | Hugo에 따라 사이트를 만듭니다.

사이트 만들기


$ hugo new site hugo_quickstart
$ cd hugo_quickstart
$ git init
$ git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
$ echo 'theme = "ananke"' >> config.toml
$ hugo new posts/my-first-post.md
/Users/username/workspace/hugo_test/quickstart/content/posts/my-first-post.md created

생성된 content/posts/my-first-post.md 편집:
---
title: "My First Post"
date: 2018-05-03T22:19:20+09:00
---

# Post title

This is my first post.
draft: true 되었던 곳은 삭제했다. 이제 My First Post가 게시되고 표시됩니다. 자세한 내용은 문서을 참조하십시오.

로컬로 확인



여기서 $ hugo server 로 서버를 기동하면, http://localhost:1313/ 로부터 사이트를 확인할 수 있다 ( draft: true 의 페이지도 표시하고 싶은 경우는, -D 옵션을 붙이면 좋다).



원격 리포지토리에 push



지금까지 가능하면 원격 리포지토리에 푸시합니다. 이번에는 GitLab을 사용.
GitLab에서 빈 리포지토리(Project name: hugo_quickstart )를 만들고 다음을 수행합니다.
$ git remote add origin [email protected]:silmisilon/hugo_quickstart.git
$ git add -A
$ git commit -m "Create hugo site"
$ git push -u origin master

Netlify에 배포



Host on Netlify에 따라 배포합니다.

Netlify 에 sign up



Netlify: All-in-one platform for automating modern web projects.



GitLab 계정으로 sign up했습니다.


Authorize를 클릭합니다.
(여기서 왠지 Authentication error가 되었지만, 한번 Deny 하고 나서 다시 Authorize 하면 성공했다 )

나머지는 ...



그리고는, 공식 문서 의 스쿠쇼를 보면서 포치포치 해 나가면 배포할 수 있을 것 (잡).
배포 설정은 다음과 같습니다.



단지 빠져나갈 곳이 있었으므로 아래에 메모해 둔다.

빠는거리



Netlify에서 Hugo 버전을 지정하지 않으면 빌드에서 이끼



Continuous Deployment | Netlify

For Hugo hosting, the build command hugo will build and deploy with the version 0.17 of Hugo. For versions 0.13, 0.14, 0.15, 0.16, 0.17, 0.18 and 0.19, you can specify a specific Hugo relea. 버전 0.20 and above, use the regular hugo command and create a Build Environment Variable called HUGO_VERSION and set it to the version of your choice.

문서에 포함되도록 Hugo 버전을 지정합니다.
지정하지 않으면 빌드시 오류로 배포 할 수 없습니다 ....
이번에는 Hugo 버전 0.40.2을 사용하고 있으므로 Settings에서 다음과 같이 설정합니다.



baseURL을 설정하지 않으면 배포 후 CSS가 적용되지 않습니다.



배포되었지만 테마 (ananke) CSS가 적용되지 않습니다.



오류를 보고 HTTPS인데 HTTP에서 css를 얻으려고 오류가 있습니까? 등이라고 생각하면서 config.toml 를 보면, baseURL 가 디폴트의 http://example.org/ 그대로였다. 이 baseURL를 호스팅 대상 URL로 지정했습니다.
(참고: Netlify로 Hugo 빌드 자동화 - Qiita )
config.toml 이런 느낌 :
baseURL = "https://condescending-blackwell-5a8100.netlify.com/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "ananke"

이제 다시 배포 한 후 CSS가 적용되었습니다.

좋은 웹페이지 즐겨찾기