atom.xml

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title><![CDATA[hatch2 gh-page]]></title>
  
  <link href="/atom.xml" rel="self"/>
  <link href="http://hatch2.github.io/"/>
  <updated>2014-08-18T14:54:16.795Z</updated>
  <id>http://hatch2.github.io/</id>
  
  <author>
    <name><![CDATA[hatch2]]></name>
    
  </author>
  
  <generator uri="http://zespia.tw/hexo/">Hexo</generator>
  
  <entry>
    <title><![CDATA[hexoセットアップしてみた]]></title>
    <link href="http://hatch2.github.io/2014/08/16/hexo-setup/"/>
    <id>http://hatch2.github.io/2014/08/16/hexo-setup/</id>
    <published>2014-08-15T23:34:24.000Z</published>
    <updated>2014-08-18T14:36:22.000Z</updated>
    <content type="html"><![CDATA[<p>最近流行ってるらしいhexoという静的ページジェネレータをつかって何もやってなかったGithub PageにBlogを設置してみました。<br>第一印象としてはJekyllのnode版の様な感じで、テンプレートを記述するメタ言語を変更できたり、node moduleをつかって拡張したりできます。</p>
<h2 id="セットアップ">セットアップ</h2>
<p>とりあえずnvmやnodebrewを入れてnodeの最新版をインストール(ここは別のサイトを調べていただいて)します。<br>nodeが入ってしまえば3ステップで始められます。</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line">$ npm install -g hexo        <span class="comment"># 1 hexoをインストールします</span></div><div class="line">$ hexo init &lt;プロジェクト名&gt;   <span class="comment"># 2 hexoのプロジェクトフォルダを作成します</span></div><div class="line">$ npm install                <span class="comment"># 3 hexoに必要なnode moduleのインストールをします</span></div></pre></td></tr></table></figure>

<p>以下のサーバを立ち上げてみましょう。<br>ローカル上で実際に公開される記事をプレビューする事ができます。<br>通常の場合は <a href="http://localhost:4000/" target="_blank" rel="external">http://localhost:4000/</a> をブラウザで開くと確認できます。</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo s                     <span class="comment"># hexoのサーバを起動する</span></div></pre></td></tr></table></figure>

<h2 id="プラグインでやりたい事をやれるようにする">プラグインでやりたい事をやれるようにする</h2>
<p>hexo用のnode moduleを追加する事でsassやcoffeeやjadeなどのメタ言語が利用できるようになります。<br>テンプレートなども変更できるようなので少しずつカスタムしてみようかと思います。<br>以下のページに利用できるテンプレートやnode moduleがリストになっているので使いたいmoduleをpackage.jsonに追加して<code>npm install</code>でインストールする事ができます。</p>
<ul>
<li><a href="https://github.com/hexojs/hexo/wiki/Plugins" target="_blank" rel="external">Plugins · hexojs/hexo Wiki</a></li>
</ul>
<h2 id="参考サイト">参考サイト</h2>
<ul>
<li><a href="http://liginc.co.jp/web/programming/server/104594" target="_blank" rel="external">所要時間3分!? Github PagesとHEXOで爆速ブログ構築してみよう！ | 株式会社LIG</a></li>
<li><a href="http://blog.otakumode.com/2014/08/08/Blogging-with-hexoio/" target="_blank" rel="external">チームブログをGitHubとHexoではじめよう！ | Tokyo Otaku Mode Tech Blog</a></li>
</ul>
]]></content>
    
    
      <category term="hexo" scheme="http://hatch2.github.io/tags/hexo/"/>
    
      <category term="node" scheme="http://hatch2.github.io/tags/node/"/>
    
      <category term="github" scheme="http://hatch2.github.io/tags/github/"/>
    
  </entry>
  
  <entry>
    <title><![CDATA[Hello World]]></title>
    <link href="http://hatch2.github.io/2014/08/16/hello-world/"/>
    <id>http://hatch2.github.io/2014/08/16/hello-world/</id>
    <published>2014-08-15T15:34:24.000Z</published>
    <updated>2014-08-17T05:51:16.000Z</updated>
    <content type="html"><![CDATA[<p>Welcome to <a href="http://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="http://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="http://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">trobuleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>
<h2 id="Quick_Start">Quick Start</h2>
<h3 id="Create_a_new_post">Create a new post</h3>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run_server">Run server</h3>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate_static_files">Generate static files</h3>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy_to_remote_sites">Deploy to remote sites</h3>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></pre></td></tr></table></figure>

<p>More info: <a href="http://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>
]]></content>
    
    
  </entry>
  
</feed>