Hugo의 Quick Start 및 Host on Netlify 살펴보기
개요
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가 적용되었습니다.
Reference
이 문제에 관하여(Hugo의 Quick Start 및 Host on Netlify 살펴보기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/silmisilon/items/b81355907e8660abcb3a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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가 적용되었습니다.
Reference
이 문제에 관하여(Hugo의 Quick Start 및 Host on Netlify 살펴보기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/silmisilon/items/b81355907e8660abcb3a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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가 적용되었습니다.
Reference
이 문제에 관하여(Hugo의 Quick Start 및 Host on Netlify 살펴보기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/silmisilon/items/b81355907e8660abcb3a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)