GithubIO와 hugo theme을 적용하면서 정리함
1. hugo 설치
% brew isntall hugo
% hugo version // 휴고 버전 확인
2. Directory 구성
├── archetypes
├── config.toml //hugo theme 설정파일
├── content // post 저장 위치
├── data
├── layouts
├── static //image 저장 위치 인듯...?
└── themes // 테마 저장 폴더
3. hugo로 웹 사이트 생성 & 테마 다운로드
% hugo new site <hugo디렉토리명>
% cd theme
<hugo디렉토리명>/themes % git submodule add <테마git 주소> <테마명>
테마다운로드주소 : https://themes.gohugo.io
4. hugo 테마 적용
hugo 테마는 github repository가 2개 필요함. hugo 설정파일 repository와 실제 사이트 repository 두개를 생성해야함.
% cd <hugo디렉토리명>
<hugo디렉토리명> % git init
<hugo디렉토리명> % git remote add origin <hugo repository 주소>
<hugo디렉토리명> % git submodule add -b master <github.io repository 주소> public //실제 사이트는 public 폴더에서 볼 수 있음.
<hugo디렉토리명> % hugo -t <테마명>
5. config.toml 설정
% vi config.toml
theme = "테마명" //적용할 테마명을 넣는다.(필수!!)
// 나머지 설정은 테마에 따라 설정이 달라진다.
// theme에 저장한 theme의 config.toml을 참조해서 수정하면 될 듯 하다.
6. 글작성
% hugo new <폴더명>/[md파일명].md //content/<폴더명>/[md파일명].md 에 파일 생성 됨.
% vi content/<폴더명>/[md파일명].md //글 쓰기
% hugo -D //static 파일을 생성한다. md파일을
명령어 실행 후 아래와 같이 파일 내용이 작성된다. categories,tags는 원할 경우 아래와 같이 추가해서 사용해야함.
-–
title: “제목”
date: 날짜
draft: true // false는 비공개 글.
categories: [“category명”]
tags: [“tag명”]
-–
7. hugo git에 반영
아래 명령어 순서대로 입력
<hugo디렉토리명> % hugo -t soho
<hugo디렉토리명> % hugo -D
<hugo디렉토리명> % cd ./public
<hugo디렉토리명>/public % git add .
<hugo디렉토리명>/public % git commit -m "$msg"
<hugo디렉토리명>/public % git push origin master
<hugo디렉토리명>/public % cd ..
<hugo디렉토리명> % git add .
<hugo디렉토리명> % git commit -m "$msg"
<hugo디렉토리명> % git push origin master
8. Disqus Comment 추가하기
8.1 Disqus 가입 후 Setting 클릭
8.2 Profile, Account 작성
8.3 Home으로 이동 후 Get Started 클릭
8.4 I want to install Disqus on my site 클릭
8.5 Create a new site 작성
8.6 화면을 조금 내리서 Basic에 Subscribe Now 클릭(돈많으면…돈내고쓰세요…ㅠㅠ)
8.7 화면을 조금 내려서 아래 버튼 클릭(hugo는 지원목록에 없다. 추가될수도..?)
8.8 configure 클릭
8.9 사이트 정보 기입
8.10 완료!
8.11 config.toml 수정
% vi config.toml
disqusShortname = "<Disqus shortname>"
8.11.1 short name 확인방법
수정중…20.12.21 ~ ing