Nuxt ContentでOGP画像を自動生成してみた

記事ごと個別で OGP 画像を作るのが面倒だったので毎回ブログトップの OGP 画像を使いまわしていたのですが,芸がないので自動生成に切り替えました.


Nuxt.jsの正しい環境変数の設定・利用方法

Node.js では環境変数の設定・利用に dotenv モジュールが使われてきましたが,Nuxt.js では不要になりました.


Nuxt.jsでMarkdown記法のブログを作る

@nuxt/contentというパッケージがなんだかとても良さげということで,これを使ってブログを一から作り直しました.


【Nuxt.js】SSGでフィードを自動生成する

先日,サイトマップを自動生成しましたが,新規記事の投稿を通知するにはフィードもあると便利ですね.


【Nuxt.js】SSGでsitemap.xmlの自動生成

SSG で静的サイトを生成するときに,サイトマップも自動で生成して欲しいですよね.


エイリアスでホスティングサーバにファイルを一括転送する

CORESERVER を使いながら毎回 SFTP が使えるソフトウェアで送信したり長いコマンドを入力して転送するのが面倒だと思っていたのですが,考えてみるとエイリアスを設定すれば楽ですよね.


CSS疑似要素にSVGを指定する方法

CSS 疑似要素の ::before や ::after は文字だけでなく,SVG を指定することもできます.


nuxt contentで数式を埋め込む

Markdown を HTML に自動変換してくれますが,数式を LaTeX で埋め込んだ部分はデフォルトでは変換できないのでプラグインで対応してみます.


【Nuxt.js】ウェブサイトを多言語化対応する方法

Nuxtではnuxt-i18nというパッケージを利用することで,簡単に多言語化(国際化)に対応したウェブサイトを作成することができます.


【Nuxt.js】buildとgenerateの違い

一見同じような機能に見えるのですが,混同するとデプロイするときとかに遠回りすることがあるので少し整理してみたいと思います.