blog-engine-09-nuxt 構建快速、SEO友好和可擴展的Web應用程序變得輕鬆

拓展閱讀

blog-engine-01-常見博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 對比

blog-engine-02-通過博客引擎 jekyll 構建 github pages 博客實戰筆記

blog-engine-02-博客引擎jekyll-jekyll 博客引擎介紹

blog-engine-02-博客引擎jekyll-jekyll 如何在 windows 環境安裝,官方文檔

blog-engine-02-博客引擎jekyll-jekyll SEO

blog-engine-04-博客引擎 hugo intro 入門介紹+安裝筆記

blog-engine-05-博客引擎 Hexo 入門介紹+安裝筆記

blog-engine-06-pelican 靜態網站生成 官方文檔

blog-engine-06-pelican 靜態網站生成 windows 安裝實戰

blog-engine-07-gatsby 建極速網站和應用程序 基於React的最佳框架,具備性能、可擴展性和安全性

blog-engine-08-vuepress 以 Markdown 爲中心的靜態網站生成器

blog-engine-09-nuxt 構建快速、SEO友好和可擴展的Web應用程序變得輕鬆

blog-engine-10-middleman 靜態站點生成器,利用了現代 Web 開發中的所有快捷方式和工具

前言

由於個人一直喜歡使用 markdown 來寫 個人博客,最近就整理了一下有哪些博客引擎。

感興趣的小夥伴也可以選擇自己合適的。

nuxt

Nuxt是一個免費且開源的框架,提供直觀且可擴展的方式來創建基於Vue.js的類型安全、高性能和生產級別的全棧網站和應用程序。

它提供了許多功能,使得構建快速、SEO友好和可擴展的Web應用程序變得輕鬆,包括:

  • 服務器端渲染、靜態站點生成、混合渲染和邊緣渲染

  • 帶有代碼分割和預取的自動路由

  • 數據獲取和狀態管理

  • SEO優化和元標籤定義

  • 組件、組合和實用工具的自動導入

  • 無需配置的TypeScript

  • 使用我們的server/目錄進行全棧開發

  • 通過200多個模塊進行擴展

  • 部署到各種託管平臺

  • ...等等 🚀

🚀 入門指南

使用以下命令創建一個新的入門項目。這將創建一個帶有所有必要文件和依賴項的入門項目:

npx nuxi@latest init <my-project>

還可以發現 nuxt.new:在 CodeSandbox、StackBlitz 或本地打開一個 Nuxt 入門項目,幾秒鐘內即可開始運行。

💻 Vue 開發

簡單、直觀且強大,Nuxt 讓您以合理的方式編寫 Vue 組件。每個重複的任務都是自動化的,因此您可以放心地專注於編寫全棧 Vue 應用程序。

app.vue 示例:

<script setup lang="ts">
useSeoMeta({
  title: '遇見 Nuxt',
  description: '直觀的 Vue 框架。'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style scoped>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

📖 文檔

我們強烈建議您查看 Nuxt 文檔 來提升技能。

這是一個瞭解框架更多信息的好資源。它涵蓋了從入門到高級主題的所有內容。

🧩 模塊

探索我們的 模塊列表 來加速您的 Nuxt 項目,這些模塊是由

windows 實際測試

初始化

創建文件夾:

d:
mkdir D:\blogs\nuxt
cd D:\blogs\nuxt

初始化:

npx nuxi@latest init test

報錯:

[19:02:41]  ERROR  Error: Failed to download template from registry: Failed to download https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json: TypeError: fetch failed

網絡不同,暫時不看了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章