1. 本記事のゴール

HugoとGithub Pagesを使って、ブログを開設する
2. http://jkkitakita.com/
新規投稿時のシェルスクリプトを考える。

2. 前提

私は、新卒二年目（もうすぐ、三年目）
インフラエンジニアをやった後、現在、スクラムマスター。
なので、そこまで、技術的な知識はない。

3. はじめていきましょう！

HugoとGithub Pagesを使って、ブログを開設する

Hugo

Github Pages

もうここは
色々な方々がブログでまとめてくださっているので問題ないかなと。
yewtonさんの記事が参考になりそうです。
（参考にさせていただきました。ありがとうございます。）
https://www.yewton.net/2016/02/02/blog-with-hugo/

とりあえず、私のHugo + Github Pagesの構成は
こちら。

残課題として、ドメイン周りとか整理する必要があるかも？
誰かアドバイスがあれば、お願いいたします。。。

~ ❯❯❯ dig jkkitakita.com

; <<>> DiG 9.8.3-P1 <<>> jkkitakita.com
;; global options: +cmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 2013
;; flags: qr rd ra; QUERY: 1, ANSWER: 2, AUTHORITY: 4, ADDITIONAL: 8

;; QUESTION SECTION:
;jkkitakita.com.			IN	A

;; ANSWER SECTION:
jkkitakita.com.		300	IN	A	192.30.252.153
jkkitakita.com.		300	IN	A	192.30.252.154

;; AUTHORITY SECTION:
jkkitakita.com.		93078	IN	NS	ns-1622.awsdns-10.co.uk.
jkkitakita.com.		93078	IN	NS	ns-1310.awsdns-35.org.
jkkitakita.com.		93078	IN	NS	ns-708.awsdns-24.net.
jkkitakita.com.		93078	IN	NS	ns-191.awsdns-23.com.

;; ADDITIONAL SECTION:
ns-191.awsdns-23.com.	40099	IN	AAAA	2600:9000:5300:bf00::1
ns-708.awsdns-24.net.	38549	IN	AAAA	2600:9000:5302:c400::1
ns-1310.awsdns-35.org.	59218	IN	AAAA	2600:9000:5305:1e00::1
ns-1622.awsdns-10.co.uk. 66592	IN	AAAA	2600:9000:5306:5600::1
ns-191.awsdns-23.com.	40099	IN	A	205.251.192.191
ns-708.awsdns-24.net.	38549	IN	A	205.251.194.196
ns-1310.awsdns-35.org.	59218	IN	A	205.251.197.30
ns-1622.awsdns-10.co.uk. 46709	IN	A	205.251.198.86

;; Query time: 16 msec
;; SERVER: 2400:2410:8be2:1d00:1111:1111:1111:1111#53(2400:2410:8be2:1d00:1111:1111:1111:1111)
;; WHEN: Sun Mar 12 23:57:59 2017
;; MSG SIZE  rcvd: 377

memo

Hugo関連
themeは、kakawaitさんのhugo-tranquilpeak-themeを使わせてもらった。
https://themes.gohugo.io/hugo-tranquilpeak-theme/
そのままだと、archivesページがうまく表示されなかったので、layout/taxonomy/archive.htmlを作成した。（themes/hugo-tranquilpeak-theme/layouts/taxonomy/archive.terms.htmlから複製）
日本語（ja）だとやっぱり色々だめかな。（ex.placeholderでないとか。）
↓は、にしておいた方が良さそう。
1. languageCode = "en-us"
2. defaultContentLanguage = "en-us"
ドメイン関連
192.30.252.153、192.30.252.154は、Github Pagesのドメイン
https://help.github.com/articles/setting-up-an-apex-domain/
ドメインは、お名前.comで管理
DNS関連は、AWS Route53。（Aレコード）
残課題
サブドメインの方が、Github Pagesとしては、良い？
https://help.github.com/articles/about-supported-custom-domains/
CDNの整備
Hugoの知識不足。
ネタ不足。笑

2.新規投稿時のシェルスクリプトを考える。

なんかただ作成するだけだと寂しいから
「綺麗な画像が欲しい！」と思って
無料画像的なのを引っ張ってくるスクリプトつくってみた。
（これダメだったら、誰か指摘してください。。笑）

ざっくりやったことの流れ

pixabayにアカウント登録
https://pixabay.com/ja/
APIkey発行
シェルの作成
記事作成（hugo new）
curl で画像を取得
hugo用にワンライナーで整形
sedで新規作成した記事へ挿入
完成

post.sh

# !bin/bash

num=`expr $RANDOM % 20`
DATE_TIME=`date '+%Y%m%d%H%M'`

hugo new post/$1.md
image=`curl 'https://pixabay.com/api/?key=${Key}&q=landscape&image_type=photo&pretty=true' | jq -r '.hits['$num'].webformatURL' | cut -c7-`

gsed -i -e "2i coverImage = \"$image\"" content/post/$DATE_TIME.md
gsed -i -e "2i thumbnailImage = \"$image\"" content/post/$DATE_TIME.md

memo

ランダムで20個生成する感じになっているが、同じ画像が出ることがある。
sedでうまくいかなかったので、gsedをinstallした。
（参考）http://cross-black777.hatenablog.com/entry/2015/02/23/214337
そもそもブログの画像、ライセンス、著作権の勉強しないとかなと思った。
"(/へ＼*)"))ｳｩ､ﾋｯｸ
Hugoさんのlogoは、なんかいけそうだと思ったので、使わせてもらいました。

4. さいごに

Qiitaとかでは
ちょこちょこ投稿していましたが
自分で開設してみたいと思い、始めました。

ちょこちょここのサイト自体も
updateされるかなと思いますが
お気になさらずに。。。。笑

まぁ気楽に色々と書いていきたいと思いますので
宜しくお願いいたします😀