透過 100 多個技巧的集合來學習 Nuxt!

content
@nuxt/content

Nuxt Content 會讀取您專案中的 content/ 目錄,解析 .md、.yml、.csv 或 .json 檔案,並為您的應用程式建立強大的資料層。額外的好處是,您可以使用 MDC 語法在 Markdown 中使用 Vue 元件。

nuxt-content-social-card

Nuxt Content

npm versionnpm downloadsLicenseNuxtVolta

Nuxt Content 會讀取您專案中的 content/ 目錄,解析 .md.yml.csv.json 檔案,並為您的應用程式建立強大的資料層。額外的好處是,您可以使用 MDC 語法在 Markdown 中使用 Vue 元件。

功能

  • 支援 Nuxt 3
  • 為 Vue 元件設計的 Markdown 語法 ( MDC )
  • 導覽產生
  • 使用 Shiki 進行程式碼高亮顯示
  • 開發中極快的熱模組替換
  • 強大的查詢產生器 (類似 MongoDB)
  • 目錄產生
  • 也處理 CSV、YAML 和 JSON(5)
  • 透過 Hook 和內容外掛程式擴充
  • ... 以及更多

Nuxt 2

Nuxt 2 支援 Content v1,文件位於 https://content.nuxt.com/v1,程式碼位於 v1 分支。

💻 開發

!注意 這個儲存庫使用 bash 腳本進行開發和測試。如果您使用的是 Windows,可以使用 WSLGit Bash

  • 複製儲存庫
  • 使用 pnpm install 安裝依賴項
  • 使用 pnpm prepare 進行準備
  • 使用 pnpm build 進行建置
  • 使用 pnpm dev 嘗試遊樂場
  • 使用 pnpm test 進行測試

授權

MIT - 用 💚 製作