Blog Start

안녕하세요 JK 입니다.

obsidian 궁합이 맞는 quartz4 를 이용하여 블로그를 운영 하려 합니다. 뭐가 맞는지는 사용해 봐야 알거 같습니다.

node 는 미리 설치 되어 있어야 합니다. hosting 을 위하여 아래의 사이트도 가입 되어 있어야 합니다. hosting 은 여러가지 대안이 있으니 입맛에 맞게 구성 하시면 됩니다.

• github
• cloudflare.comㅁ

정적 사이트 생성하는 건 hugo 나 jekyll 등 여려가지가 있는데 obsidian 이랑 잘 맞는다는 quartz4 를 선택 하였습니다.

• https://quartz.jzhao.xyz/

Step 00. node 설치

brew install node
node -v

• quartz4 가 node 기반이라 node 가 설치 되어 있어야 한다.

Step 01. git clone

git clone https://github.com/jackyzha0/quartz.git blog 

quartz4 를 git clone 하여 local 에 받아 옴.

Step 02. 필요 패키지 설치

cd blog  
npm i

Step 03. 새로운 quartz 생성

npx quartz create

위의 명령을 하면 기본 설정 파일 들이 생성 된다. 질문나오면 디폴트로 설정 설치 완료.

Step 04. local 에서 잘 뜨는지 확인

npx quartz build --serve

http://localhost:8080 접속 하여 화면 확인

깔끔하게 잘 떴다. 서치 기능도 디폴트고 테마도 변경 기능 / graph View 기능도 있다.

Step 05. 분석

tree -d -L1 명령으로 디렉토리 구조를 보니 아래와 같다.

.
├── content
├── docs
├── node_modules
├── public
└── quartz

content 에 글을 쓰면 public 에 html 이 생성 될거같고 quartz 밑에 있는 파일을 토대로 변경이 일어 날거라고 예상 된다.

메뉴얼을 읽어 보니 설정은

• quartz.config.ts
• quartz.layout.ts 두 파일 로 메인 화면과 레이아웃의 설정을 할수 있다고 한다.

Step 06. Next Action

• github 연동
• cloudflare 설정
• 대문 설정
• 레이아웃 변경
• blog posting workflow 설정