# Vue3+Vite+NaiveUI高颜值响应式个人博客源码

**Repository Path**: quinnqi/zhang-apple-blog

## Basic Information

- **Project Name**: Vue3+Vite+NaiveUI高颜值响应式个人博客源码
- **Description**: 一个简约而又完善的博客网站，集前后台页面于一体，采用Vue3+Vite+Ts技术栈，并结合NaiveUI框架。
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://naive.zhangpingguo.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-04-18
- **Last Updated**: 2025-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 张苹果个人博客源代码

页面简洁，功能完善，该博客包含了前后台的代码，只需稍作修改，调用自己的后台接口即可。
> 本源码是博客完成之后写的，所以几乎和线上博客没差，您可以访问下方地址查看效果。

**源码演示地址**:https://img.zhangpingguo.com/AppleTest/index.html#/home

**线上地址**：https://naive.zhangpingguo.com/

**前端**：Vue3+Vite+Ts+NaiveUI

**注意**：node.js版本：>=18.10.0

## 使用安装

```js
npm install
//或
yarn install
```

## 运行

```
npm run dev
```

## 打包

```
npm run build
```


> 更多信息可看B站视频(视频后半部分有源码演示)：https://www.bilibili.com/video/BV1bA4m137kH/


## 使用到的库：

项目中使用到的插件库，如您在项目中遇到问题，可点击下方文档查看说明文档。

[Naive UI: 一个 Vue 3 组件库](https://www.naiveui.com/zh-CN/light)

[MdEditorV3 Documentation (imzbf.github.io)](https://imzbf.github.io/md-editor-v3/en-US/index)

[Kinesis (aminerman.com)](https://www.aminerman.com/kinesis/?from=madewith.cn#/)

[Presets · @vueuse/motion](https://motion.vueuse.org/features/presets/)

[Undraw UI | 一个 Vue 3 组件库 (gitee.io)](https://undraw.gitee.io/undraw-ui/)

[particles动画](https://particles.js.org/)

[vue-starport/README.zh-Hans.md at main · antfu/vue-starport · GitHub](https://github.com/antfu/vue-starport/blob/main/README.zh-Hans.md)

![输入图片说明](public/static/img/logo.jpg)