블로그 개편

블로그를 Jekyll 기반에서 Hugo 기반으로 새단장했습니다!

오랫동안 방치되어 있던 GitHub Pages를 되살려보려고 했는데, Ruby와 Jekyll의 버전 문제에 된통 당하고 또 기껏 해결하니 GitHub deploy가 잘 안 되었습니다. Jekyll의 다른 theme으로 밀어버리는 방법도 있었겠지만, 우연히 새롭게 알게 된 Hugo로 이사해봤습니다. 아직 포스트를 몇 개 작성해보진 않았지만 페이지 생성 속도가 대단히 빨라 만족스럽습니다.

MemE 적용

Hugo theme을 공식 사이트에서 찾아보던 중 MemE이 마음에 들어 선택해봤습니다. i18n을 지원하지만 아쉽게 한국어는 없어 몇 가지를 추가로 반영해보았습니다.

config.toml

config.toml는 다음과 같이 수정했습니다.

 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
4,7c4,7
< baseURL = "https://example.com/"
< title = "Hugo Theme MemE"
< languageCode = "en"
< hasCJKLanguage = false
---
> baseURL = "https://evenharder.github.io"
> title = "......!"
> languageCode = "ko-kr"
> hasCJKLanguage = true
9c9
< copyright = "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en)"
---
> copyright = "[CC BY-NC 4.0](https://creativecommons.org/licenses/by-nc/4.0/deed.ko)"
28c28
< enableEmoji = false
---
> enableEmoji = true
101c101
<     name = "reuixiy"
---
>     name = "evenharder"
103c103
<     email = "reuixiy@gmail.com"
---
>     email = "comp.evenharder@gmail.com"
105c105
<     motto = "Viva La Vida"
---
>     motto = "(placeholder text for some meaningful motto)"
109c109
<     website = "https://io-oi.me/"
---
>     website = "https://evenharder.github.io/"
111d110
<     twitter = "reuixiy"
362c361
<     siteDescription = "MemE is a powerful and highly customizable GoHugo theme for personal blogs."
---
>     siteDescription = "A blog full of random stuff"
366c365
<     siteCreatedTime = "1969-07-20T20:17:43+00:00"
---
>     siteCreatedTime = "2023-09-28T20:18:00+09:00"
370c369
<     siteTwitter = "reuixiy"
---
>     # siteTwitter = "reuixiy"
630c629
<     enableMathJax = false
---
>     enableMathJax = true
747c746
<     enableGoogleAnalytics = false
---
>     enableGoogleAnalytics = true
1021c1020
<     fontFamilyTitle = "'Comfortaa', sans-serif"
---
>     fontFamilyTitle = "" #"'Comfortaa', sans-serif"
1023c1022
<     fontFamilyHeadings = "'Comfortaa', sans-serif"
---
>     fontFamilyHeadings = "" #"'Comfortaa', sans-serif"
1035c1034
<     fontFamilyBody = "'IBM Plex Serif', serif"
---
>     fontFamilyBody = "'Pretendard Variable', sans-serif"
1038c1037
<     fontsLink = "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Comfortaa:wght@700&display=swap"
---
>     fontsLink = "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Comfortaa:wght@700&family=Noto+Sans+KR:wght@400;500;700&display=swap"
1091a1091
>     # Drop cap does not suit well in Korean
1093c1093
<     enableDropCap = true
---
>     enableDropCap = false
1115c1115
<     enableSmallCaps = true
---
>     enableSmallCaps = false
1207,1210c1207,1210
<     shareOnWeibo = true
<     shareOnDouban = true
<     shareOnQQ = true
<     shareOnQzone = true
---
>     shareOnWeibo = false
>     shareOnDouban = false
>     shareOnQQ = false
>     shareOnQzone = false
1212c1212
<     shareViaQRCode = true
---
>     shareViaQRCode = false

파일이 방대하긴 하나 요약하면 다음과 같습니다.

  • 닉네임 및 홈페이지 주소 설정
  • Pretendard, Noto Sans KR 웹폰트 사용
  • MathJax 활성화
  • Drop cap 기능 비활성화
  • QQ, Weibo 등 SNS 공유 아이콘 제거

Social.toml

/data/Socials.toml은 다음과 같이 수정했습니다. 나중에 BOJ 정도 추가해볼 예정입니다.

 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
# Please do NOT edit this file!
#
# Create a new `Socials.toml` file in your site `data` directory
# instead of editing here directly.
#
# For the `icon`, see SVG.toml

[[socials]]
    id = "rss"
    url = "/rss.xml"
    icon = "rss"
    title = "RSS"
    weight = 1

[[socials]]
    id = "email"
    url = "mailto:comp.evenharder@gmail.com"
    icon = "envelope"
    title = "Email"
    weight = 2

[[socials]]
    id = "github"
    url = "https://github.com/evenharder"
    icon = "github"
    title = "GitHub"
    weight = 3

_custom.scss

Pretendard 웹폰트를 추가하는 용도로 생성했습니다.

1
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");

GitHub Pages

공식 사이트에 나와있는 방법을 그대로 따라하니 문제 없이 배포되었습니다.

결론

블로그 갈아엎기에 일주일은 걸릴 줄 알았는데 반나절 정도 안에 할 수 있었습니다. 앞으로 좀 열심히 작성해보아야겠습니다.

updatedupdated2024-04-132024-04-13