Hugo Content Management [1] - Contents Path

Hugo가 어떻게 각각에 컨텐츠에 접근하고, 폴더를 조직화하여 블로그를 구성하는지 알아보자. 컨텐츠 구성 (root) └── content └── project | └── index.md // <- https://example.com/project/ ├── posts | ├── firstpost.md // <- https://example.com/posts/firstpost/ | └── secondpost.md // <- https://example.com/posts/secondpost/ └── study ├── first.md // <- https://example.com/study/first/ └── second.md // <- https://example.com/study/second/ 위 처럼 각각 project, posts, study 총 3개의 카테고리가 있다고 가정할 때, Hugo는 section, slug, path, url의 변수들을 이용해 컨텐츠를 관리한다....

December 30, 2019 · 1 min · 199 words · ralpioxxcs

Getting Started Hugo [4] - 레포지토리 연동 및 웹 호스팅

나만의 블로그를 구축하는데 성공하였다. 이제 로컬에 저장돼있는 hugo 사이트를 github repository와 연동하여 실제로 주소를 갖는 블로그를 만들어보자. Step 1. github repository 생성 github에 로그인하여 총 2개의 repository를 생성한다. blog 폴더 자체를 저장할 repository hugo로 빌드된 결과파일들을 저장할 repository 두번째 repository의 이름은 [github계정명].github.io의 형식으로 만들어야 한다. remote repository 연동 c://hugo/blog 경로에서 $ git init .으로 로컬 repository를 생성한다. $ git remote add origin [첫번째 repository url]를 입력한다. $ git submodule add -b master [두번째 repository url] public을 입력하여 hugo로 빌드될 public폴더를 서브모듈로 연결한다....

December 29, 2019 · 1 min · 130 words · ralpioxxcs

Getting Started Hugo [3] - 디렉터리 구조

명령창에 $ hugo new site를 입력하면 아래의 구조를 가진 폴더가 하나 생성되는것을 보았을것이다. 각각의 폴더의 역할은 다음과 같다. ( root ) ├─ archetypes ├─ content ├─ data ├─ layouts ├─ static ├─ themes ├─ config.toml archetypes $ hugo new 커맨드를 이용해 새로운 contents 파일을 만들때, 이 폴더내의 default.md 의 front matter 형태를 갖는 content를 자동으로 초기화 하여 만들어준다. 많은양의 content를 만들 때 유용하게 사용될수 있고, front matter field를 직접 수정하여 하나의 archtypes로 만들 수 있다....

December 29, 2019 · 2 min · 227 words · ralpioxxcs

Getting Started Hugo [2] - 블로그 생성

Let’s create own blog Step 1. 블로그 폴더 생성 c://hugo 의 경로에서 $ hugo new site [폴더이름] 을 입력한다. 여기서 폴더이름은 말 그대로 터미널 상에서 접근할 폴더이름일 뿐, 생성하고자 하는 블로그의 이름이 되진 않는다. (예시는 blog로 하였다.) 폴더를 만들었으면 $ cd blog && ls 를 입력해 생성된 폴더의 내부를 확인한다. -> 정상적으로 생성이 되었으면 archtypes, assets, config.toml 등 여러 파일과 폴더들이 생성된 것을 확인할 수 있다. 테스트 $ hugo server 명령어를 입력하고 localhost:1313 을 크롬, 파이어폭스등 웹브라우저 주소창에 입력해 생성된 사이트를 확인해보자....

December 28, 2019 · 2 min · 241 words · ralpioxxcs

Getting Started Hugo [1] - 설치 및 환경설정

Hugo? Hugo는 웹사이트를 간편하게 만들어주는 정적 사이트 생성기 (static site generator)중 하나이며, 비슷한 생성기들 중 대표적인 예로는 Jekyll (지킬이라고 부른다)이 있다. 처음에는 지킬을 사용하여 블로그를 만들려했다가 단순하게 뭔가 Jekyll보다는 Hugo의 네이밍이 마음에 들어서 Hugo를 선택하여 블로그를 개설하게 되었다. Install 설치방법은 install hugo에 각 OS별로 설치를 하는 방법이 잘 안내되어 있다. OSX brew install hugo Debian, Ubuntu sudo apt-get install hugo package installer를 이용하는 방법외에는 Release 다운로드 사이트에서 직접 다운로드하여 설치하는 방법도 있다....

December 28, 2019 · 3 min · 485 words · ralpioxxcs