# leisure

**Repository Path**: cyq13/leisure

## Basic Information

- **Project Name**: leisure
- **Description**: 基于vue3.x、vite5.x tailwindcss开发的个人文章站点
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-30
- **Last Updated**: 2024-06-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 说明

此仓库仅包含站点，[后台在此处]([leisure-admin: 采用django结合vue3 部署文章后台管理系统 (gitee.com)](https://gitee.com/cyq13/leisure-admin))

# 技术框架

🎉`vue3.x`、`vite5.x`

🎈`tailwindcss`

🎗️`bootstrap`

🥪`element-plus`

后期会考虑使用`Vuetify`UI库代替`element-plus`,之所以改用`Vuetify`UI，`Vuetify`具有强大的响应式系统，可以轻松地构建适应不同设备和屏幕尺寸的应用程序。它还提供了许多实用工具和布局选项，使得构建复杂应用变得更加简单

![img](https://dl4.weshineapp.com/gif/20230107/0bce7d7274a79330ee5658a1319156dd.gif?f=micro_)

# 依赖

```shell
├── @babel/eslint-parser@7.23.3
├── @element-plus/icons-vue@2.3.1
├── @popperjs/core@2.11.8
├── @types/ali-oss@6.16.11
├── @types/js-cookie@3.0.6
├── @types/nprogress@0.2.3
├── @typescript-eslint/eslint-plugin@6.16.0
├── @typescript-eslint/parser@6.16.0
├── @vitejs/plugin-vue-jsx@3.1.0
├── @vitejs/plugin-vue@4.6.0
├── @vue/compiler-sfc@3.4.14
├── @vueuse/core@10.7.1
├── animate.css@4.1.1
├── autoprefixer@10.4.16
├── axios@1.6.3
├── babel-eslint@10.1.0
├── bootstrap-icons@1.11.2
├── bootstrap@5.3.2
├── co-utils-vue@2.0.5
├── element-plus@2.4.4
├── eslint-config-airbnb-base@15.0.0
├── eslint-config-airbnb-typescript@17.1.0
├── eslint-config-airbnb@19.0.4
├── eslint-config-prettier@9.1.0
├── eslint-config-standard-with-typescript@40.0.0
├── eslint-import-resolver-alias@1.1.2
├── eslint-import-resolver-typescript@3.6.1
├── eslint-import-resolver-webpack@0.13.8
├── eslint-plugin-import@2.29.1
├── eslint-plugin-prettier@5.1.2
├── eslint-plugin-promise@6.1.1
├── eslint-plugin-simple-import-sort@10.0.0
├── eslint-plugin-vue@9.19.2
├── eslint@8.56.0
├── gm-crypt@0.0.2
├── husky@8.0.3
├── js-cookie@3.0.5
├── js-md5@0.8.3
├── lint-staged@13.3.0
├── lodash-es@4.17.21
├── md-editor-v3@4.10.0
├── mitt@3.0.1
├── nprogress@0.2.0
├── pinia-plugin-persist@1.0.0
├── pinia@2.1.7
├── postcss@8.4.33
├── prettier@3.1.1
├── rollup-plugin-visualizer@5.12.0
├── sass@1.69.6
├── tailwindcss@3.4.0
├── typescript@4.9.5
├── unplugin-auto-import@0.17.3
├── unplugin-vue-components@0.26.0
├── vite-plugin-cdn-import@0.3.5
├── vite-plugin-compression@0.5.1
├── vite-plugin-eslint@1.8.1
├── vite-plugin-svg-icons@2.0.1
├── vite@5.0.10
├── vue-router@4.2.5
├── vue-tsc@1.8.27
└── vue@3.4.14
```

# 目录树

```shell
.
|-- commitlint.config.js
|-- index.html
|-- package-lock.json
|-- package.json
|-- postcss.config.mjs
|-- src
|   |-- App.vue
|   |-- api # 接口
|   |-- assets # 资源文件
|   |-- components # 全局组件
|   |-- constant # 常量枚举
|   |-- core # 网络请求
|   |-- directive # 自定义指令
|   |-- hooks 
|   |-- layout # 布局文件
|   |-- main.ts
|   |-- modules # 视图文件
|   |-- router # 路由文件
|   |-- shims-vue.d.ts
|   |-- styles # 全局样式
|   `-- vite-env.d.ts
|-- tailwind.config.ts
|-- tsconfig.json
|-- tsconfig.node.json
|-- types
|   |-- auto-imports.d.ts
|   |-- components.d.ts
|   `-- vue-router.d.ts
`-- vite.config.mts
```

# 功能

- [x] 登录账号
- [x] 注册账号
- [x] 文章列表
- [x] 最新发表的文章
- [x] 文章详情
- [x] 文章评论
- [x] 个人中心
- [x] 必应壁纸
- [x] 支持暗黑模式
- [ ] 文章推荐
- [ ] 查看作者主页
- [ ] 支持随心说说
- [ ] 相册功能
- [ ] 获取访问地当日天气
- [ ] 每日一言
- [ ] 今日古诗词推荐

![image-20240410105430306](https://c-typora.oss-cn-guangzhou.aliyuncs.com/c-typora/image-20240410105430306.png)

![image-20240410110023134](https://c-typora.oss-cn-guangzhou.aliyuncs.com/c-typora/image-20240410110023134.png)

![image-20240410110113699](https://c-typora.oss-cn-guangzhou.aliyuncs.com/c-typora/image-20240410110113699.png)