<div id="readability-page-1" class="page"><div>

 				<article>
					
					<div>
						<p>Blogger에서 Hugo( <a href="http://gohugo.io/">http://gohugo.io</a> )로 갈아타는 과정을 정리해 봅니다.</p>

<p><a href="https://github.com/spf13/hugo/releases">https://github.com/spf13/hugo/releases</a> 에서 본인의 환경에 맞는걸 찾아서 설치합니다.<br>
Linux는 deb를 제공하고 있지만, Windows는 exe파일을 제공하고 있어서 환경변수(PATH)를 잡아주던가, 환경변수가 잡혀있는곳에 복사를 해줍니다.<br>
(이름도 hugo.exe로 바꿔주는게 사용하기에 더 편리한것 같습니다.)<br>
MAC은 안 써봐서 잘 모르겠습니다.</p>
<h2 id="github에-저장소를-만듭니다">github에 저장소를 만듭니다</h2>
<p>github에서 호스팅을 받아서 hugo를 사용하기 위해서는 2개의 저장소를 만들어야 합니다.<br>
hugo의 컨텐츠를 관리하기 위한 저장소가 필요합니다.(ex: <a href="https://github.com/jaehoonn/blog">https://github.com/jaehoonn/blog</a>)<br>
그리고 컨텐츠를 보여주기 위한 github의 페이지 저장소(ex: <a href="https://github.com/jaehoonn/jaehoonn.github.io">https://github.com/jaehoonn/jaehoonn.github.io</a>)</p>
<h2 id="로컬에서-기초-작업을-합니다">로컬에서 기초 작업을 합니다</h2>
<p>이제 로컬에서 hugo를 이용하여 컨텐츠를 관리하기 위한 워크 스페이스를 만들어 보겠습니다.<br>
다음과 같이 blog이라는 새로운 사이트를 만듭니다.</p>
<pre><code>$ hugo new site blog 
</code></pre><p>blog 디렉토리로 들어가 보면, themes가 있습니다.</p>
<pre><code>$ cd blog   
</code></pre><p>여기에 원하는 테마(ex: hemingway)를 받습니다.<br>
테마는 <a href="http://themes.gohugo.io/">http://themes.gohugo.io/</a> 에서 골라보면 됩니다.</p>
<pre><code>$ cd themes  
$ git clone https://github.com/tanksuzuki/hemingway.git  
</code></pre><p>hemingway의 리모트를 제거합니다.(이건 해도 그만 안해도 그만입니다.)</p>
<pre><code>$ cd hemingway    
$ git remote rm origin
</code></pre><p>이제 /themes/hemingway 에서 blog로 돌아옵니다.</p>
<pre><code>$ cd ../..
</code></pre><p>config.toml을 수정해서 사이트의 기본 설정을 합니다.<br>
이 부분은 개인 취향과 테마에서 필요한 설정들을 하도록 합니다.</p>
<p>이제 로컬의 blog 디렉토리에 처음에 만들었던 github의 blog( github.com/jaehoonn/blog ) 을 리모트로 등록합니다.</p>
<pre><code>$ git init  
$ git remote add origin git@github.com:jaehoonn/blog.git
</code></pre><p>그리고 github.com/jaehoonn/jaehoonn.github.io를 blog의 서브모듈로 등록합니다.</p>
<pre><code>$ git submodule add -b master git@github.com:jaehoonn/jaehoonn.github.io.git public
</code></pre><h2 id="컨텐츠를-만듭니다">컨텐츠를 만듭니다</h2>
<p>컨텐츠를 만들기 위한 md 파일을 생성합니다.</p>
<pre><code>$ hugo new post/blah.md
</code></pre><p>위와 같이 하면 /content/post/blah.md 파일이 생성되어 있습니다.<br>
blah.md 파일의 상단 부분을 적당하게 수정하고, 아래쪽의 “+++” 다음 부터 내용을 작성합니다.</p>
<h2 id="컨텐츠-블로그에-반영">컨텐츠 블로그에 반영</h2>
<p>Linux의 경우 <a href="http://gohugo.io/tutorials/github-pages-blog/">http://gohugo.io/tutorials/github-pages-blog/</a> 의 제일 하단에서 제공하는 deploy.sh를 사용하면 됩니다.<br>
Windows는 배치파일을 만들어서 사용해도 되겠지만, 귀찮으면 deploy.sh의 내용이 별로 어렵지 않은 내용이니, 하나씩 따라하면 됩니다.</p>
<p>내용을 간략하게 보면, 다음과 같습니다.</p>
<p>로컬의 /blog 경로에서 시작합니다.</p>
<pre><code>$ hugo -t hemingway   
</code></pre><p>를 실행해서 테마가 적용된 블로그 내용을 public에 생성합니다.<br>
(혹시 개인 도메인을 사용하고 싶으면 CNAME 파일도 여기에서 등록을 해주면 됩니다.)</p>
<pre><code>$ cd public
</code></pre><p>으로 public 디렉토리로 이동합니다.</p>
<pre><code>$ git add -A
</code></pre><p>public 디렉토리의 모든 파일을 add 합니다.</p>
<pre><code>$ git commit -m "blah"
</code></pre><p>이제 변경된 내용을 커밋합니다.</p>
<pre><code>$ git push origin master
</code></pre><p>지금 까지 작업한 내용을 github.com/jaehoonn/jaehoonn.github.io에 반영합니다.</p>
<pre><code>$ cd ..
</code></pre><p>blog 디렉토리로 돌아옵니다.</p>
<p>이제 blog의 변경된 내용을 github.com/jaehoonn/blog 에 반영을 합니다.</p>
<pre><code>$ git add -A  
$ git commit -m "blahblah"  
$ git push origin master
</code></pre><h2 id="새로운-환경에서-컨텐츠-관리">새로운 환경에서 컨텐츠 관리</h2>
<p>항상 동일한 장소에서 컨텐츠를 만들고 있다면 모르겠지만,<br>
회사, 집 그리고 노트북에서 사용을 하고 있다거나 OS를 새로설치하고 다시 사용하기 위해서는,<br>
“github.com/jaehoonn/blog"을 새로 clone 받아서 사용해야 합니다.<br>
이때 필요한 절차는 다음과 같습니다.</p>
<p>blog을 clone 받습니다.</p>
<pre><code>$ git clone git@github.com:jaehoonn/blog.git
</code></pre><p>submodule로 등록해 놓은 public의 내용을 업데이트 합니다.</p>
<pre><code>$ git submodule init  
$ git submodule update
</code></pre><p>테마(themes/hemingway)의 리모트를 추가하고 테마를 갖고 옵니다.<br>
(themes도 submodule로 등록해 놓고 사용하면 편리하지 않을까 싶습니다.)</p>
<pre><code>$ cd themes  
$ cd hemingway    
$ git init  
$ git remote add origin https://github.com/masa0221/hemingway  
$ git pull origin master  
</code></pre><p>이렇게 하고 글을 작성하고 deploy.sh 를 실행하면, 잘 안됩니다.<br>
원인은 public으로 들어가서 확인을 해보면,</p>
<pre><code>$ cd public  
$ git status
</code></pre><p>다음과 같은 메세지를 보게 됩니다.</p>
<pre><code>HEAD detached from 185cdaf  
nothing to commit, working tree clean
</code></pre><p>이게 무슨 상황인지는 다음의 링크를 확인해 보면 됩니다.<br>
<a href="https://git-scm.com/book/ko/v1/Git-%EB%8F%84%EA%B5%AC-%EC%84%9C%EB%B8%8C%EB%AA%A8%EB%93%88#%EC%84%9C%EB%B8%8C%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%ED%95%A0-%EB%95%8C-%EC%A3%BC%EC%9D%98%ED%95%A0-%EC%A0%90%EB%93%A4">서브모듈 사용할 때 주의할 점들</a></p>
<p>그래서 링크에 나와 있듯이…</p>
<pre><code>$ git checkout master
</code></pre><p>이제 다시 “blog/” 로 돌아가서, deploy를 하면 잘 올라갑니다.</p>

					</div>
				</article>

			</div></div>

ShrinkLabs

Jaehoon Kim

Blogger에서 Hugo( http://gohugo.io )로 갈아타는 과정을 정리해 봅니다.
Hugo 를 설치합니다 https://github.com/spf13/hugo/releases 에서 본인의 환경에 맞는걸 찾아서 설치합니다.
Linux는 deb를 제공하고 있지만, Windows는 exe파일을 제공하고 있어서 환경변수(PATH)를 잡아주던가, 환경변수가 잡혀있는곳에 복사를 해줍니다.
(이름도 hugo.exe로 바꿔주는게 사용하기에 더 편리한것 같습니다.)
MAC은 안 써봐서 잘 모르겠습니다.
github에 저장소를 만듭니다 github에서 호스팅을 받아서 hugo를 사용하기 위해서는 2개의 저장소를 만들어야 합니다.
hugo의 컨텐츠를 관리하기 위한 저장소가 필요합니다.(ex: https://github.com/jaehoonn/blog)
그리고 컨텐츠를 보여주기 위한 github의 페이지 저장소(ex: https://github.

GitHub 페이지에 Hugo 올리기

댓글