環境構築

nodebrew

nodebrewをインストール

$ brew install nodebrew

環境変数にnodebrew関連のものを追加

$ vi ~/.bash_profile

次の内容を追加

NODEBREW_HOME=/usr/local/var/nodebrew/current
export NODEBREW_HOME
export NODEBREW_ROOT=/usr/local/var/nodebrew

export PATH=$PATH:$NODEBREW_HOME/bin

最新のNode.jsをインストール

$ nodebrew install-binary latest

最新版のNode.jsをcurrentに設定

インストールされたNode.jsのバージョンを確認

$ nodebrew list

インストールされた Node.js の一覧が表示される。

最新版のNode.jsをcurrentに設定

例として v7.10.0 (実際は前の工程で表示されたバージョンにする)

$ nodebrew use v7.10.0

設定が出来ているか確認

$ nodebrew list

current: のところに、前工程で指定したバージョン（例では v7.10.0）が表示されていれば設定OK。

Hugo

Hugoのインストール

$ brew install hugo

ローカルで立ち上げる

$ git clone [email protected]:fjordllc/fjordllc.git
$ cd fjordllc
$ npm install
$ npm run watch
$ open http://localhost:1313/

トラブルシューティング

sassのコンパイルでコケる

$ npm rebuild node-sass

---

ブログの投稿方法

command

$ hugo new articles/`date "+%Y-%m-%d"`.md

/Users/[user]/dev/fjord-hugo/content/articles/2017-08-18.md created

この場所にmarkdownファイルが生成される。

front matter

生成されたファイルにこのような記述がある。

---
title: XXXX
author: XXXX
date: 2017-08-15T17:44:48+09:00
url: /articles/XXXX.html
draft: true
tags:
  - XXXX
---

記述方法はyaml。 XXXXの部分に任意のテキストを入力する。

title: XXXX

title: XXXX この XXXX には記事のタイトルを入力する。

author: XXXX

author: XXXX この XXXX には投稿者の名前を入力（例: machida）。 名前は半角英数。

date: 2017-08-15T17:44:48+09:00

date: 2017-08-15T17:44:48+09:00 は投稿日時。 ファイル生成時の日時が書き込まれているが、公開するタイミングで日時を調整する。

url: /articles/XXXX.html

author: XXXX この XXXX には記事のパーマリンクを入力。 全角も可能だが、半角英数で入力。

draft: true

draft: true が書かれていると公開がされない。 公開時はこの行を削除する。

tags:

tags: にはこの記事の任意のtagを入力する。 全角日本語も可能だが、半角の英語にする。 tagは複数可能。

例

tags:
  - information
  - boughtit

トップページに表示する投稿

記事をトップページに表示する方法

記事をトップページに表示する場合は、tag に information を含める。

トップページに表示する投稿のルール

全文を表示させず、ちょうどいいところで

<!--more-->

を書く。 すると、その部分までがトップページに表示される。

例

---
title: インターンシップのサイトがリニューアル
author: komagata
date: 2017-06-22T09:39:19+00:00
url: /articles/1941.html
tags:
  - information
---
弊社のインターンシップで使っているサイト（[256 INTERNS][1]）をリニューアルしました。

[<img src="https://i.gyazo.com/9c41f449fa958fc45b1062b95b43ae6b.png" alt="https://gyazo.com/9c41f449fa958fc45b1062b95b43ae6b" width="500" />][1]

<!--more-->

弊社インターンにならないとログインできませんが、中はEラーニングシステムになっています。

<img src="https://i.gyazo.com/43fd4cc9713b35d470ca73468b3930fc.png" alt="https://gyazo.com/43fd4cc9713b35d470ca73468b3930fc" width="500" />

インターン生は絶賛募集中ですので、こちらからぜひ！

 [1]: http://256interns.com