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でないとか。）
↓は、にしておいた方が良さそう。languageCode = "en-us"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で新規作成した記事へ挿入
- 完成
# !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されるかなと思いますが
お気になさらずに。。。。笑
まぁ気楽に色々と書いていきたいと思いますので
宜しくお願いいたします😀