Hugo, obsidian 사용해서 블로그 포스팅하기

긱뉴스에 올라온 옵시디언을 사용한 블로그 포스팅 관련해서 따라해보려고 포스팅. Hugo 설치는 여기서 가능. 윈도의 경우 윈도버전을 사용하면 된다. chocolatey나 scoop 써도 되지만 파워셀에서 그냥 winget 쓰면 된다. 긱뉴스 댓글에 보니 옵시디언 디지털 가든 플러그인을 사용하는 것도 깃헙을 사용한 블로깅으로 좋은 선택이라고 함.

 

파워셀을 관리자 권한으로 열고,

winget install Hugo.Hugo.Extended

 

복붙해서 엔터, Hugo 설치를 진행하자. 그럼 이제 hugo 명령을 사용할 수 있게 된다. 이제 파워셀을 닫고 관리자 권한으로 파워셀을 재시작하자.  참고로 user/사용자 폴더 안에 저장됨.

hugo new site myblog
cd myblog

 

이제 휴고로 사이트를 신규로(myblog)로 생성하고, myblog 폴더로 이동하자. 여기서는 bear blog 테마를 사용한다고. bear blog가 뭔지 궁금하면 여기 참조(텍스트 만으로 이루어진 빠른 블로그). 테마는 맘에 드는걸로 골라도 되며, 다음을 복붙해서 곰돌 테마 설치하자.

git init
git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog

 

그 다음에 config.toml을 수정하라고 하는데,

내 경우 이 파일이 안보여서 그냥 myblog내 hugo.toml을 수정함. 아래 내용 넣어주면 됨.

# The name of this wonderful theme ;-).
theme = 'hugo-bearblog'

 

옵시디언과의 연결해도 되고 VS CODE를 사용해도 무방. 옵시디언을 예로 들면 폴더를 볼트로 열기를 선택해서 사용하되, myblog 폴더 내 content 폴더 안의 blog 폴더를 만들고, 거기에 글을 작성하라고 함(문서를 content 폴더 내 blog 폴더 아래에 저장).

 

**옵시디언에서의 볼트 열기는 blog 폴더(myblog/content/blog)를 선택하면 됨.

 

이후 글을 적되, 옵시디언에서 hugo용 프론트 매터 템플릿을 추가해줘야함.

+++
title= "Your Post Title"
date= YYYY-MM-DD
tags= ["post"]
draft= true
+++

 

tittle 부분은 포스팅 제목, date는 2024-04-30 처럼 해줘야 하고, 이부분 수정하지 않으면 hugo에서 사이트 빌드할 적에 에러남. 마지막 draft 부분이 중요한데, 글을 다 적고 포스팅할 준비가 되면 ture를 false로 바꿔주면 됨.

 

포스팅을 로컬에서 미리보기해보고 싶으면 파워셀에서 다음을 입력하고 실행하면, 브라우저에서 볼 수 있는 주소가 나온다.

hugo server -D

 

(종료는 Ctrl+C)

이후 옵시디언에서 수정하면 알아서 내용 반영됨.

 

이후 GitHub를 사용해 포스팅하기 위해 깃헙 레포를 하나 생성하고, Hugo를 연결하면 된다.

git remote add origin https://github.com/yourusername/yourblog.git
git add .
git commit -m "Initial commit"
git push -u origin main

 

깃헙 가입 > 신규 레포 생성, 아이디 적어주고 맨 윗부분(~yourname/yourblog.git) 자기에게 맡게 수정하자. 깃헙 레포 작성법은 많으니까 참조하고. 처음 레포 생성한다면 아마 리모트 레포 연결 등을 위한 작업이 필요하지 싶은데, 레포 생성하고 해야 할 일 아래에 있으니 먼저 실행해 둡시다(....or create a new repository on the comman line / ...or push an existing repository from the command line 부분)

 

**레포 삭제할 떄에는 생성된 레포 대시보드의 설정(Settings) > Genral 부분에서 쭉 내려보면 Danger Zone이라고 있는데 여기서 레포 삭제가 가능하다.

 

그 다음 클라우드 플레어의 계정을 하나 생성하여 클라우드 플레어 페이지를 사용할 준비를 하자(깃헙 계정 연결).

클라우드 플레어 페이지의 설정과 관련한 건 여기를 참조합시다.

 

여기까지 하면 게시는 어렵지 않음. 옵시디언으로 작성 > 게시할 완료가 되면 draft:false로 변경, 이후 다음을 입력하여 배포.

git add .
git commit -m "Publish new post"
git push

 

이러면 이제 클라우드페이지가 알아서 페이지로 만들어서 몇 분후 사이트로 변환된다고 함. 개인 도메인이 있다면 나쁘지 않은 선택...이라고 보는데 굳이? 싶기도 하고. jekyll, pelican, netlify 같은 옵션도 있고, 개인 웹페이지같은 거는 사실 월 3천원 내의 호스팅을 사용하는 게 여러모로 마음 편하지 않나 싶습니다요....