記事一覧に戻る

Nuxt Contentでブログを構築する(モック)

Nuxt Contentモジュールを使ってMarkdownベースのブログを作成する方法

Nuxt.jsMarkdownブログ

Nuxt Contentとは

Nuxt ContentはNuxtの公式モジュールで、Markdownファイルをコンテンツとして扱えるようにします。

インストール

pnpm add @nuxt/content

設定

nuxt.config.tsにモジュールを追加します:

export default defineNuxtConfig({
  modules: ['@nuxt/content']
})

記事の作成

content/ディレクトリにMarkdownファイルを作成するだけで、自動的にコンテンツとして認識されます。

まとめ

Nuxt Contentを使えば、シンプルにブログを構築できます。

motokifujino.com

This site is made by motoki fujino, Icons by Lucide.