hU-Go-Girl #
관련 내용 및 참고 링크
Static vs Dynamic #
정적웹은 사용자의 요청에 대해 준비된 응답만을 제공.
graph LR A[ 사용자 ]-->|요청|B[웹서버] B-->|응답|A style A fill:#ffffff,stroke:#000000,stroke-width:1px style B fill:#ffffff,stroke:#000000,stroke-width:1px
동적웹은 사용자의 요청을 위해 추가적인 가공을 거쳐 처리.
graph LR D[ 사용자 ]-->|요청|F[웹서버]-->|프로세싱|G[(DB서버)] G-->|응답|F-->|응답|D style D fill:#ffffff,stroke:#000000,stroke-width:1px style F fill:#ffffff,stroke:#000000,stroke-width:1px style G fill:#ffffff,stroke:#000000,stroke-width:1px
개인 기록 용도로는 동적 서비스가 불필요. 해당 사이트는 정적웹으로 선택.
Github #
Git은 리눅스 커널의 소스코드 관리를 위해 리누스 토발즈1가 개발. Git을 위한 무료 저장소 Github. 해당 서비스에는 자료 공유를 위한 Markdown 지원의 웹 호스팅 서비스도 포함.
- Github 가입
- Repository 생성
- Github Page 설정
- Add a README file 포함
- Setting > Github Pages > Source 설정
Jekyll vs Hugo #
Jekyll은 Github의 창립자2가 Ruby3라는 언어로 만든 정적 웹 생성기. 별도 빌드 없이 Github와 연동 가능. Hugo는 GO로 작성된 정적 웹 생성기. 유사한 툴로 중국에서 제작된 Hexo도 있음.4 둘다 빠른 빌드를 특징으로 하고 있음.
Jekyll은 테마가 많고 Github에 빌드 없이 연동할 수 있음. 다만 컨텐츠에 따라 빌드 시간이 비례하여 증가5.
Theme #
문서와 기록이 주 용도로 텍스트 기반의 테마를 검토. Jekyll에서는 Just-the-doc. Hugo에서는 Book 테마. 필요에 따라 몇가지 디자인을 수정.
Markdown #
Markdown은 HTML과 같은 마크업 언어임. 마크업 언어는 별도 표현을 위한 기술언어를 의미.
Buy Me a Coffee #
개인 컨텐츠 제작자를 위한 후원 서비스 사이트. Buy me a coffee 가입 중 Paypal에 등록하여 방문객이 1$~5$ 소액 송금이 가능.6 커피 아이콘을 커스터마이징하여 사용.
Conclusion #
- VSC에서 Markdown을 이용 포스트를 작성
- Hugo Build / Sever를 통해 로컬에서 확인
- Hugo Public를 통해 Public 빌드
- Git을 통해 Github에 Push하고 Web으로 Publish
# 1) Hugo Build 경로를 삭제합니다.
rm -rf ./public/
# 2) Hugo Build 합니다.
hugo -t book
# 3) 전 제 github를 Hugo build 경로 안에 위치 시켰습니다. 해당내용을 .git만 제외하고 삭제하는 내용입니다.
find ./youraccount.github.io/ -maxdepth 1 ! -name ".git" ! -name "youraccount.github.io" -exec rm -rf {} \;
# 4) public을 pull한 경로로 옮깁니다.
cp -r ./public/* ./youraccount.github.io/
# 5) pull한 경로로 이동합니다.
cd ./youraccount.github.io
# 6) add / commit / push 합니다.
git add .
git commit -m "$(date +"%y%m%d_%H:%M")"
git push origin master
comments powered by Disqus