Gatsby to Deno Blog

Ko Yamaura

このサイトは元々Gatsbyで作っていて、css,js周りを一通り自分でなんとか書いてましたが、メンテナンスする時間が取れず、正直ほったらかしていました。 そんな時、deno blogのことを知り、調べてところmarkdownファイルをそのままブログにしてくれることに加え、deno deployでデプロイ、サーバのホスティングまですべてできてしまうというではありませんか!となり早速移行しました。

正直ほとんどする作業はなかったですが、ちょっとだけ詰まった箇所だけ書いときます。

1. 画像の置き場所

deno blogは本当に単純で、postsディレクトリにあるmarkdownファイルをブログとして展開してくれますが、このディレクトリに画像ファイルを置いた場合、静的なファイルとしてアクセスできるようにしてくれます。 自分の場合はfaviconとブログやプロフィールで使っている画像をpostsディレクトリにおきました。

- hello.md
- favicon.ico
- me.jpg

2. テーマの変更

テーマは dark, auto, lightの三種類です。デフォルトでおそらくdarkですが、変更したい場合は blog()のoptionのthemeを設定すれば変更できます。

// main.tsx
import blog from "blog";
blog({ theme: 'light' });

その他とくにこまったことはdeno taskコマンドが動かず、denoのアップデートをしたところ解決しましたが、バージョンが原因だったかは不明なのでもう少し調査が必要です。

まとめ

最短で30秒ぐらいでブログが出来上がりますし、denoのサーバにカスタムドメインを設定すれば十分に動くのであんまり見た目やサーバを管理したくない人にはとてもいい選択肢だと思いました。今のところ無料ですし、この機会にぜひご検討を。