https://github.com/IFmiss/vue-website

:cake: 想用vue把我现在的个人网站重新写一下，新的风格，新的技术，什么都是新的！
https://github.com/IFmiss/vue-website

axios vue vue-demo vue-router vue-site vue-web vuex website

Last synced: about 1 month ago
JSON representation

:cake: 想用vue把我现在的个人网站重新写一下，新的风格，新的技术，什么都是新的！

• Host: GitHub
• URL: https://github.com/IFmiss/vue-website
• Owner: IFmiss
• Created: 2017-07-19T10:17:00.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T03:39:21.000Z (about 2 years ago)
• Last Synced: 2024-08-03T09:13:20.235Z (4 months ago)
• Topics: axios, vue, vue-demo, vue-router, vue-site, vue-web, vuex, website
• Language: Vue
• Homepage: http://v2.daiwei.site
• Size: 29.2 MB
• Stars: 424
• Watchers: 10
• Forks: 96
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-star - vue-website

README

        
## 网站版本更新

![](https://img.shields.io/badge/vue-2.3.3-4EDD96.svg) ![](https://img.shields.io/badge/stylus-0.54.5-F6B386.svg)  ![](https://img.shields.io/badge/vue_awesome_swiper-2.5.4-FD9494.svg) ![](https://img.shields.io/badge/vuex-2.4.1-69D3E3.svg)  ![](https://img.shields.io/badge/axios-0.16.2-56DD7F.svg) ![](https://img.shields.io/badge/vue_message-1.3.0-F876B5.svg) ![](https://img.shields.io/badge/vue_lazyload-1.1.4-68CBD2.svg) ![](https://img.shields.io/badge/better_scroll-1.6.0-B07541.svg) 

## 演示地址   https://v2.daiwei.site

## 网页截图

#### 首页

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w1.jpg)

#### 状态  

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w2.jpg)

#### 音乐  

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w3.jpg)

#### 设置  

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w4.jpg)

#### News

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w5.jpg)

#### 作品信息

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w6.jpg)

#### 标签信息

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w7.jpg)

#### 浮层类型

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w8.jpg)

#### 版本记录

![](https://github.com/IFmiss/vue-website/blob/master/static/testimg/w9.jpg)

等等...

## 执行方法

``` bash

# install dependencies   安装依赖

npm install

# serve with hot reload at localhost:8081   启动项目

npm run dev

# build for production with minification    打包项目

npm run build

```

## 描述

这是关于网站版本的一次更新，网站采用当前比较热门的前端框架vue编写，目的也是通过开发提升自己

## 使用到的技术 &　插件

vuex  axios swiper vue-router lazyload better-scorll 等

## 网站特点

* 同步bing主题  并且可以自定义壁纸(个人状态中的壁纸 或者我个人自定义的默认壁纸信息)

* 自定义壁纸可添加音频

* 可自定义遮罩的显示模式

* 兼容移动端

* 海量音乐播放，api来自网易云音乐，听歌我就用网易云

* 时实用户ip显示地址，并显示当地的天气情况

* 实时新闻信息

* 每日一笑

* 个人动态展示，可发表文字，图片信息

* 网站设置同步本地存储，包括音乐收藏列表

* 用户登陆以及打通用户听歌以及用户评价的接口