Hugo 설치(Install) & 마크다운(Markdown)

참고사이트

• Install Hugo Link
• Quick Start Link

설치 환경

• Windows 10, Github

Github 설치

• Github Download Link

Download & Install

• Windows 환경 Hugo 설치는 Binary 파일을 다운로드 받고 시스템 환경 변수에 등록만 하면 됩니다. Hugo Download Link
• C:\Hugo\bin 디렉토리 생성 후 다운로드 받은 파일을 bin 디렉토리 안에 넣습니다.
  
• Hugo 바이너리를 시스템 환경 변수에 등록합니다.
  

Create a New Site

• Hugo 운영할 사이트를 생성합니다.
• 명령어: hugo new site quickstart
• 위 명령어를 수행하면 quickstart 디렉토리가 생성되고 다음 그림과 같이 생성됩니다.
  

Add a Theme $ Config

• Hugo Theme 에서 마음에 드는 테마를 선택해 다음이 명령어를 수행합니다. 저는 심플한 디자인을 좋아해서 Kiera를 사용했습니다.
• git init
• git submodule add https://github.com/funkydan2/hugo-kiera.git themes/hugo-kiera

Config Setting

• exampleSite 디렉토리에서 config.toml파일을 참고해서 수정하길 권장드리며, config 파일을 열어 운영 사이트에 맞게 수정합니다.

Add Some Content

• 다음 명령어를 수행하면 “content\posts\my-first-post.md” 파일이 생성됩니다. 파일을 열어 편집합니다.
• hugo new posts/my-first-post.md

Start the Hugo server

• Hugo 서버를 시작하고 http://localhost:1313/ 로 접속합니다.
• hugo server -D

Hugo build & Github clone

• hugo 빌드를 수행하면 public 디렉토리가 생성됩니다. 생성된 public 디렉토리에 접근해 git clone을 수행합니다(force로 수행해야 함).
• hugo -D

Hugo 마크다운

• Hugo 마크다운 문법을 사용합니다.

• Hugo Learn Markdown

• Hugo Learn Markdown

  Left-Aligned	Center Aligned	Right Aligned
  col 3 is	some wordy text	$1600
  col 2 is	centered	$12
  zebra stripes	are neat	$1

• 열병합

  Column 1	Column 2	Column 3	Column 4
  No span	Span across three columns