It has been 3 years since I built this blog in Nuxt 2 but the support of Nuxt 2 will end soon, so I created it again in Nuxt 3.
The way to host the website with Google Drive
You can use Google Drive as like a hosting server with DriveToWeb. It only hosts the static files but it seems to create a small website and blog.
I tried to build my website using Next.js instead of Nuxt.js.
Displaying translated messages containing HTML tags in nuxt-i18n
With nuxt-i18n, you can create a multilingual site. Messages can be translated and displayed word by word or sentence by sentence, but in some cases, you may want to use sentences that include HTML tags such as the "a" tag.
How to use Firebase 9 with Nuxt.js
Nuxt Firebase package exists, but it is not updated from v7.5 according to the official documentation. The latest version of its package supports the modular, but the implementation of the package is not completed. If you would like to use the modular, implement it yourself.
以前にエイリアスを用いてホスティングサーバにファイルを転送するコマンドを作って使用していたのですが，コマンドに利用していた scp コマンドはどうやら非推奨になっていたようです．２年も前に．その代替として利用できるのが rsync で，しかも差分のあるファイルのみを転送できるらしいので，コマンドを書き換えました．
このブログでは Nuxt Content を使用していますが，記事が増えるにつれてビルド時間が長くなってきました．最初は１分程度だったのが今では３分．この調子だとかなり長くなりそうなので高速化してみます．
写真は見た目の重要度が 100% なので如何に綺麗に魅せるかが鍵になると思いますが，ポートフォリオサイト自体が重くなってしまうのもまた事実．そんなことを考えていたら，とても良さげなビュワーモジュール Viewer.js を見かけたので，テストサイトを作成してみました．
記事ごと個別で OGP 画像を作るのが面倒だったので毎回ブログトップの OGP 画像を使いまわしていたのですが，芸がないので自動生成に切り替えました．
Node.js では環境変数の設定・利用に dotenv モジュールが使われてきましたが，Nuxt.js では不要になりました．