NuxtVue启动器

nuxt-content-starter — Nuxt 启动器模板

作者 connectshark

基于 Nuxt 与 Nuxt Content 的静态博客模板，集成 Netlify CMS 管理界面与 Markdown 写作，可生成静态站点并部署到 Render。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-12查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

基于 Nuxt 构建的静态博客模板

02

使用 @nuxt/content 管理 Markdown 内容

03

集成 Netlify CMS，提供文章增删改管理界面

04

包含 @nuxtjs/tailwindcss 与 sitemap 支持

05

提供 StackBlitz 在线演示与 Render 一键部署入口

模板详细介绍

这是一个面向博客场景的 Nuxt 启动器模板。项目本身是静态网站，使用 Nuxt 作为框架，配合 @nuxt/content 读取内容、@nuxtjs/tailwindcss 处理样式，并包含 sitemap 支持。

内容管理方面，模板集成了 Netlify CMS，提供增删改文章的管理界面，同时支持直接用 Markdown 撰写文章。构建时通过 npm run generate 生成静态文件，产物位于 .output/public，可上传到任意静态托管环境。README 另给出 Render 的一键部署入口，并提示部署时服务计划默认显示为 starter，但实际部署的是静态站点。

资料未说明具体页面结构、主题样式细节或内容目录约定，使用前需自行阅读仓库与 Nuxt Content 文档确认。

Nuxt启动器

适合你的项目吗？

适用场景

  • 搭建以 Markdown 撰写文章的静态博客
  • 需要可视化后台编辑文章内容的个人站点
  • 希望用 Nuxt Content 组织内容并生成静态文件的项目

适合人群

  • 熟悉 Node.js 与 npm/yarn 的前端开发者
  • 需要静态博客起步模板并自行扩展主题的开发者
  • 希望用 Netlify CMS 管理文章内容的个人博主

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    需先安装 Node.js 以及 npm 或 yarn

  2. 2

    执行 npm install 安装依赖，npm run dev 启动开发

  3. 3

    执行 npm run generate 构建，将 .output/public 内容上传部署

  4. 4

    可通过 GitHub 的 Use this template 或 git clone 获取仓库

  5. 5

    README 中的 Render 一键部署默认显示 starter 计划，但部署产物为静态站点

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 部署到 Render 时，平台会提示默认使用 starter 付费服务计划；README 说明实际部署产物为静态站点，但该提示可能涉及付费计划选择，需自行确认是否产生费用。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

**Setup will remind you that web service plan is starter by default, but this is a static site actually when deployed**

README 原文
https://github.com/connectshark/nuxt-content-starter/blob/main/LICENSEhttps://github.com/connectshark/nuxt-content-starter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-12。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 74 / 100
技术栈
Nuxt · Vue
网站类型
启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2024-12-03
截图检查日期
2026-10-12

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 2bf2243935843ab9a6710351ed5dc121a373db4936471ca67686f02b83f9853a

2026-10-12T17:23:00.468Z

来源文件 / 仓库
# Nuxt Content Starter

[![online demo](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/connectshark/nuxt-content-starter)

This is a template for a blog using Nuxt and Content.

![](/readme/cover.png)
[中文版](/readme/zh-tw.md)

The project is a static website that integrates Netlify CMS, allowing users to add, edit, and delete articles through a simple and easy-to-use management interface, and can also use Markdown to write articles.

## Table of Contents

- [What in this project](#what-in-this-project)
- [Ready to Development](#ready-to-development)
- [Deploy to Render](#deploy-to-render)
- [Useful Document](#useful-documentation)

## What in this project

- `@nuxt/content`
- `@nuxtjs/tailwindcss`
- `nuxt`
- `sitemap`

## Ready to Development

Click `Use this template` button or click [here](https://github.com/connectshark/nuxt-content-starter/generate)

or you can use Git to clone the repository.
```
[email protected]:connectshark/nuxt-content-starter.git
```
### Before development
Make sure you have the following installed:
- Nodejs
- npm or yarn

Follow [Doc](https://nuxt.com/docs/getting-started/installation#prerequisites).


### Install

```
npm install
```

### Development

```
npm run dev
```

### Build

```
npm run generate
```

### Deployment

Upload contents in `.output/public`


## One-Click Deployment

### Deploy to Render

[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy)

**Setup will remind you that web service plan is starter by default, but this is a static site actually when deployed**

## Useful documentation

- [Content | Nuxt](https://content.nuxtjs.org/)

## License

This project is licensed under the [MIT](https://github.com/connectshark/nuxt-content-starter/blob/main/LICENSE).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

laravel-nuxt

laravel-nuxt

A Laravel-Nuxt starter kit.

Nuxt · 启动器

canvas

canvas

Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4

Nuxt · 作品集

nuxt3-starter

nuxt3-starter

💚 A Better Nuxt 3 Starter Template，generate by nuxi.

Nuxt · 启动器

starter

starter

Nuxt Starter Template for Nuxt UI.

Nuxt · 启动器

bloggrify

bloggrify

Run a blog from Markdown files. Themes, SEO, analytics, newsletter and comments preconfigured. Like Docus, but…

Nuxt · 博客

vitify-nuxt

vitify-nuxt

🔽🏔 Vuetify + Nuxt Starter Template

Nuxt · 后台