Gatsbyに乗り換える①

2021/01/31

前回,公式Starterでやっていくことを決意したので,今日は記事の引っ越しを終わらせてしまいたいと思います。

やること

  • 記事の移動 (今日)
  • Netlifyへデプロイ
  • アイキャッチのコンポーネント作成
  • サイドバーのコンポーネント作成

記事の移動

引っ越す上での問題

  • Frontmatterのdateの形式がVuePressとGatsbyで違う問題
  • 投稿月ごとにディレクトリ分けたい問題

全部シェルでまるっと解決じゃーい

#!/bin/bash

# 引数
year=$1
month=$2

# 変数
markdownList=file-${year}-${month}.txt

# 投稿月からファイル名を抜き出す
grep -l "date: ${year}/${month}" MyBlog/docs/posts/* \
> MyBlog/docs/posts/output/${markdownList}

# 繰り返し処理
cat MyBlog/docs/posts/output/${markdownList} | \
while read -r line;
do
  fileName=`echo ${line} | cut -f 4 -d "/"`
  cat ${line} | sed '1,4 s:/:-:g' \
  > MyBlog-gatsby/content/blog/${year}/${month}/${fileName}
done
exit

シェルを実行して無事,記事の引っ越し完了!

まとめ

シェルが使えなかったらぞっとするほど,めんどくさい作業をしないといけないところでした。
基本的なLinuxコマンドを抑えておくだけでもそれなりに作業の自動化ができますね。
記事の引っ越しは完了したから明日こそはデプロイするぞ!

それではまた明日。


書いた人: こへ
音楽と漫画と読書とアニメとスノボが好き。多趣味でいろんなことに興味有ります。 誰しもが一度は使った事があるもののIoT開発をしてます。
Twitterフォローお願いします。