Hugo Blog 만들기-1

1
2
3
4
5
6

# Hombrew Package manager 사용
$ brew install hugo

# 정상적으로 설치되었는지 확인
$ hugo version
hugo v0.104.3+extended darwin/arm64 BuildDate=unknown

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

$ hugo new site technical-blog

$ tree
.
├── archetypes
├── config.toml
├── content
├── data
├── layouts
├── public
├── static
└── themes

1
2
3
4
5

$ cd technical-blog

# 다른 테마의 경우
# git submodule add https://github.com/${테마Repository}.git themes/${테마이름}
$ git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

# Github page로 사용할 URL로 변경해주어야합니다.
baseurl: https://korcasus.github.io/
languageCode: en-us
theme: hugo-theme-stack
paginate: 5
title: Read Write

languages:
    en:
        languageName: English
        title: Read Write
        weight: 1

disqusShortname: hugo-theme-stack
...

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

$ hugo server -D

Start building sites …
hugo v0.104.3+extended darwin/arm64 BuildDate=unknown

                   | EN
-------------------+-----
  Pages            | 41
  Paginator pages  |  2
  Non-page files   |  4
  Static files     |  0
  Processed images | 18
  Aliases          | 18
  Sitemaps         |  1
  Cleaned          |  0

Built in 1494 ms
Watching for changes in /Users/user/Workspace/technical-blog/{archetypes,assets,content,data,layouts,static,themes}
Watching for config changes in /Users/user/Workspace/technical-blog/config.yaml, /Users/user/Workspace/technical-blog/themes/hugo-theme-stack/config.yaml
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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

# 현재 위치 확인
$ pwd
/Users/user/Workspaces/blog

# blog -> blog 레포지토리 연결
# git remote add origin http://github.com/<username>/technical-blog.git
$ git remote add origin http://github.com/korcasus/technical-blog.git

# blog/public -> <username>.github.io 연결
# git submodule add -b master http://github.com/<username>/<username>.github.io.git public
$ git submodule add -b master http://github.com/korcasus/korcasus.github.io.git public

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

#!/bin/bash

echo -e "\033[0;32mDeploying updates to GitHub...\033[0m"

# Build the project.
# hugo -t <여러분의 테마>
hugo -t hugo-tranquilpeak-theme

# Go To Public folder, sub module commit
cd public
# Add changes to git.
git add .

# Commit changes.
msg="rebuilding site `date`"
if [ $# -eq 1 ]
  then msg="$1"
fi
git commit -m "$msg"

# Push source and build repos.
git push origin master

# Come Back up to the Project Root
cd ..

# blog 저장소 Commit & Push
git add .

msg="rebuilding site `date`"
if [ $# -eq 1 ]
  then msg="$1"
fi
git commit -m "$msg"

git push origin master

1
2
3
4
5

# deploy.sh 실행 파일 권한 부여
$ chmod 777 deploy.sh

# 배포 실행
$ ./deploy.sh

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

$ cd $project

# hugo new ${content내 directory}/${사용할 파일명}.md
$ hugo new post/hugo-blog-2/index.md
Content "/Users/user/Workspace/technical-blog/content/post/hugo-blog-2/index.md" created

$ cat content/post/hugo-blog-2/index.md
---
title: "Hugo Blog 2"
date: 2022-11-14T23:58:09+09:00
draft: true
---

1
2
3
4
5

---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

params:
  comments:
    enabled: true
    provider: disqus

    disqusjs:
      shortname:
      apiUrl:
      apiKey:
      admin:
      adminLabel:

    utterances:
      repo:
      issueTerm: pathname
      label:

1
2
3
4
5
6
7

params:
  comments:
    enabled: true
    provider: utterances
    utterances:
      repo: Korcasus/blog-comments
      issueTerm: title