GatsbyJS + Netlify_その3

GatsbyJS + Netlify で立てたサイトをローカルでいじくる。

前回GatsbyJS + Netlifyで秒でサイトを立ち上げ、サブドメインを使えるようにして、HTTPS化しました。さて、今回は運用です。
今回利用しているこのテンプレートはどうやらCMSの機能が入っているらしいので、 Web上でもブログをかけますが、何かとめんどくさかったり、一部、ソースコードの修正が必要なので、ローカルで立ち上げる手順と、編集ポイントを記載します。

ローカルで実行

gatsby-cliをインストールしてnpmするだけ

 # gatsby-cliをインストール
 npm install --global gatsby-cli
 
 # githubからclone 
 git clone xxxxx

 # npm install
 cd xxxxx
 npm install

 # 起動
 npm run develop

かゆいところをかきむしる

まず、iconのおじさんを自分のものにする
public/photo.pngを変えればOK
Contact me ? いらない。
grepして消す。
telegram? rss? vkontakte? いらない
grepして消す。その際facebookへのリンクは使えるらしいので、facebookをそのほかと同様に記載しておく
title: 'Blog by John Doe',?いらない
config.js周りを自分に合わせる。
about meはCMSで編集できないので編集しちゃう。
content/pages/about.mdを編集