拓展閱讀
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
網絡不同,暫時不看了。