# my-nuxt-Blog纯前端博客（个人项目管理端）

**Repository Path**: chun-zhengwang/my-nuxt-blog

## Basic Information

- **Project Name**: my-nuxt-Blog纯前端博客（个人项目管理端）
- **Description**: nuxt3，纯前端博客
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 0
- **Created**: 2024-07-02
- **Last Updated**: 2025-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 基本介绍

```javascript
后续将推出线上体验

以及 php 的管理后台
```

````
# 项目名称

此项目参考了同类型大佬 Zhouyi 的作品 [https://gitee.com/Z568_568](https://gitee.com/Z568_568)，感谢大佬提供的思路。

## 简介

这是一个基于 Nuxt 3 的个人博客和项目管理前端应用，集成了以下技术和库：

* **AOS**：动画库，用于滚动动画效果
* **dayjs**：日期处理库
* **Less**：CSS 预处理器
* **naive-ui**：UI 组件库
* **Tailwind CSS**：实用优先的 CSS 框架
* **nuxt/content**：内容管理模块，用于静态内容的展示
* **mitt**：事件总线库

## 目录结构

```arduino
.
├── assets                                   // 静态资源
│   ├── css
│   └── img                                  // 存放img
│   └── less 							    // 存放全局样式
├── components 							    // 组件
├── composables 							// 存放hooks
├── content  							    // 存放对应的md文档
├── layouts								    // 布局相关
├── pages								    // 页面
├── plugins								    // 插件相关
├── public
├── server
├── types
├── store
├── utils
├── nuxt.config.ts
└── package.json

````

## 安装

```
npm install

```

## 开发

```
npm run dev

```

访问 <http://localhost:3000> 查看本地开发环境。

## 构建

```
npm run build

```

## 部署

将 `.output` 文件夹的内容上传到您的服务器。

## 使用指南

### 文章发布

在 `content` 目录下创建 Markdown 文件即可发布文章。

### 自定义样式

在 `assets/styles` 目录下修改 `main.less` 文件以自定义样式。

## 提交 Issues

如果您在使用过程中遇到任何问题，或者有任何改进建议，欢迎提交 Issues 与我们讨论。您的反馈是我们改进的动力！

## 作者

姓名：王春正\
邮箱：<1135141311@qq.com>\
Gitee：<https://gitee.com/chun-zhengwang>\
CSDN：[https://blog.csdn.net/weixin_70243424](https://blog.csdn.net/weixin_70243424?spm=1000.2115.3001.5343)

---

感谢您使用此项目！希望它能为您的工作和生活带来便利。如果您喜欢这个项目，请记得点个 Star。您的支持是我最大的动力！