NuxtVue博客启动器

dim-nuxt-content-blog — Nuxt 博客模板

作者 Demetory

基于 Nuxt 3 与 Nuxt Content 2 的极简博客启动模板，使用 TypeScript 与原子设计模式，内置 i18n、Pinia、VueUse、ESLint、Prettier、Cypress 与 Vitest。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

01

以 Nuxt Content 2 作为内容层，配合 Vite 构建，适合以 Markdown 内容为主的博客

02

使用 TypeScript 与 Script Setup SFC 编写，组件按原子设计模式组织

03

内置 Pinia、VueUse、Nuxt i18n、SASS 等常用模块，并提供本地化示例

04

配置 ESLint、Prettier、Cypress 与 Vitest，覆盖代码检查、格式化与测试

05

预置 public 目录内容（icons、robots.txt、htaccess、humans.txt）及 CSS 规范化与 SCSS Mixins/Maps

06

README 声明不引入复杂或重量级依赖，并提供简单代码示例

模板详细介绍

这是一个面向博客场景的 Nuxt 启动模板，核心内容层使用 Nuxt Content 2，构建工具为 Vite，代码以 TypeScript 和 Script Setup SFC 编写，并按原子设计模式组织组件。README 说明其定位是极简起步：不引入复杂或重量级依赖，同时提供公开目录配置（icons、robots.txt、htaccess、humans.txt 等）、CSS 规范化以及 SCSS Mixins 与 Maps。

模板内置了较完整的工程配套：Pinia 负责状态存储，VueUse 提供组合式工具集，Nuxt i18n 用于国际化并附本地化示例，SASS 作为 CSS 预处理器，ESLint 与 Prettier 负责代码检查与格式化，Cypress 用于端到端测试，Vitest 用于单元测试。README 还提到包含简单代码示例，并附有 Google Lighthouse 报告截图。

使用前需注意：环境要求 Node.js >= 16.17.0、npm >= 9.2.0，安装依赖后需执行 postinstall，开发服务器默认运行在 3000 端口，生产构建提供 build 与 generate 两种方式。仓库采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需按各自许可单独核对，域名、托管等外部服务可能另行收费。

NuxtVue博客启动器

适合你的项目吗？

适用场景

  • 搭建以 Markdown 内容驱动的个人或团队博客
  • 需要一个已配置国际化示例的 Nuxt 内容站点起点
  • 在 Nuxt 项目中同时使用 ESLint、Prettier、Cypress 与 Vitest 的工程化模板
  • 希望按原子设计模式组织 Vue 组件并复用 SCSS Mixins 与 Maps 的项目

适合人群

  • 熟悉 Nuxt 与 Vue、希望快速开始内容型博客的开发者
  • 需要 TypeScript 与 Script Setup 写法作为起点的前端项目
  • 需要内置国际化、状态管理与测试工具链的 Nuxt 站点
  • 接受 MIT 许可并会自行核对第三方素材授权的使用者

上手与定制指南

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

  1. 1

    环境要求：Node.js >= 16.17.0，npm >= 9.2.0

  2. 2

    依次执行 npm install、npm run postinstall，需要时可用 npm run update 更新依赖

  3. 3

    开发服务器通过 npm run dev 启动，默认地址为 http://localhost:3000

  4. 4

    生产构建使用 npm run build 或 npm run generate，部署方式参考 Nuxt 官方部署文档

  5. 5

    代码检查使用 npm run lint 与 npm run lint:fix；推荐 VSCode 搭配 Volar 与 Vue Dev Tools

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 使用该模板需本地安装 Node.js 16.17.0 或更高版本，低于此版本无法运行。
  • 需使用 npm 9.2.0 或更高版本安装依赖，版本过低可能导致安装或构建失败。
  • 安装依赖后必须执行 npm run postinstall，否则模板可能无法正常初始化。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Node.js](https://nodejs.org/en/): >= 16.17.0

README 原文

npm](https://www.npmjs.com/): >= 9.2.0

README 原文

Run AFTER the package is installed

README 原文
https://github.com/Demetory/dim-nuxt-content-blog/blob/main/LICENSEhttps://github.com/Demetory/dim-nuxt-content-blog/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2023-06-21
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: d3bfc558961e47ccb43db3758e1ce5c5ceb33820a1603eebd9521e56f97fa8e0

2026-10-02T21:25:59.335Z

来源文件 / 仓库
# Vite + Nuxt Content Starter Template

- [Nuxt Content 2](https://content.nuxtjs.org/) + [Vite 4](https://vitejs.dev/) Minimalistic Starter Template
- Built with [TypeScript 5](https://www.typescriptlang.org/) and [Script Setup SFC](https://vuejs.org/api/sfc-script-setup.html)
- Designed with [Atomic Pattern](https://vuefront.com/develop/)

## Features

- No complex || heavy dependencies
- Google Lighthouse Reports are 100% in green zone
- Atomic Design Pattern
- Configured public folder (icons, robots.txt, htaccess, humans.txt, etc)
- CSS normalization + SCSS Mixins & Maps
- Contains simple code examples
- [ESLint 8](https://eslint.org/) + [Prettier 2](https://prettier.io/) for better code quality
- Cypress + Vitest for testing
- Localization example

## Preview

[Live Demo](https://nuxt-content-template.demetrey.ru/)

![image](/src/public/images/icons/cover.jpg)
![image](/src/public/images/deco/lighthouse.png)

## Requirements

- [Node.js](https://nodejs.org/en/): >= 16.17.0
- [npm](https://www.npmjs.com/): >= 9.2.0

## Recommended IDE

- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Vue Dev Tools](https://github.com/vuejs/devtools)
  <br/><br/>

## Installed Modules

- [Pinia](https://pinia.vuejs.org/) &rarr; Storage
- [VueUse](https://vueuse.org/) &rarr; Best Collection of Vue Composition Utilities
- [Nuxt i18n](https://v8.i18n.nuxtjs.org/) &rarr; Internationalization framework
- [SASS](https://sass-lang.com/) &rarr; CSS Preprocessor
- [ESLint](https://eslint.org/) + [Prettier](https://prettier.io/) &rarr; linting and code formatting
- [Cypress](https://www.cypress.io/) &rarr; End-to-End (e2e) testing framework
- [Vitest](https://vitest.dev/) &rarr; Unit testing framework

## Setup

### Install the dependencies

```bash
npm install
```

### Update deps if needed

```bash
npm run update
```

### Run AFTER the package is installed

```bash
npm run postinstall
```

### Development

Start the development server on http://localhost:3000

```bash
npm run dev
```

### Production

Build the application for production:

```bash
npm run build
```

```bash
npm run generate
```

Checkout the [deployment documentation](https://nuxt.com/docs/getting-started/deployment).

### Linting

Run code quality tools

```bash
npm run lint
```

```bash
npm run lint:fix
```

## License

MIT [@demetory](https://demetrey.ru)
反馈内容错误

看看同类模板

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

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 · 作品集

alpine-theme

alpine-theme

Alpine 是一个以极简为设计核心的博客主题，基于 Nuxt 与 Nuxt Content 构建。 它的特别之处在于，你可以从一个简单的个人资料页开始，逐步扩展成一个完整的博客。

Nuxt · 博客

bael-template

bael-template

Brutalist Blog theme for Netlify CMS

Nuxt · 博客

nuxt3-starter

nuxt3-starter

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

Nuxt · 启动器

starter

starter

Nuxt Starter Template for Nuxt UI.

Nuxt · 启动器