最近は冬も明けかけてか元気なのでこのブログをちょこちょこ改造しています。
astro-notion-blogを改造してくださっている先人の方々の知恵を借りて一応SEOやタグの利用とかできるようになってきて、自分の望む形になりつつあります。
OGImageはX(Twitter)とかの記事リンクなどSNS用途に使われる画像のことですが、記事を書くたびに作るのは非常に面倒なので、ミニブログくらいは自動で作成したい！ということでVercelのSatoriを使って作成する方法を採用しました。
参考にさせていただいたぐだぐだマン様の記事です。
まだAstroとはなんぞやとかいう所を勉強する前に先人の方々の偉大な記録を参考にさせていただいております。
Next.jsとかを齧る程度だとなんとなくわかる程度の理解になっています😵
そして、SatoriはCSSがわかればある程度組めそうだったので自分の納得いく形に作り直す事ができました。
生のCSSとは違い、Satoriの許すHTMLの構成でないとダメなため自分の書き方ではすんなりとできない感じもありました、flexがわかっていればいける感じでした。
画像はもうdataURLに変換してゴリゴリOGImage.tsxに足していくスタイルで行いました。これでパスは怖くない！😑
マジ自動生成は尊いですわ。これがずっとしたかったので大満足っす！