Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sunqqq/sunqblog-userside

个人网站用户端
https://github.com/sunqqq/sunqblog-userside

axios blog less vue vue-cli3 vue-router2 vuex2

Last synced: 3 months ago
JSON representation

个人网站用户端

Host: GitHub
URL: https://github.com/sunqqq/sunqblog-userside
Owner: SunQQQ
Created: 2018-12-03T06:43:01.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2023-06-06T10:02:25.000Z (over 1 year ago)
Last Synced: 2024-10-12T11:03:03.677Z (3 months ago)
Topics: axios, blog, less, vue, vue-cli3, vue-router2, vuex2
Language: Vue
Homepage: http://39.104.22.73:67/
Size: 14.7 MB
Stars: 141
Watchers: 0
Forks: 26
Open Issues: 8
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

## SunQuan's Blog
>此项目为孙权的个人网站，演示地址 http://39.104.22.73:67/

本博客基于Vue2.0开发，使用媒体查询适配PC端和移动端。具备博客、留言板、用户轨迹分析、开放式后台等功能，整体设计风格清新简约，动画效果俏皮可爱，功能较为完善。

博客整体分为用户端/管理后台/接口三部分组成，此套代码为用户端部分。用户端未使用UI框架，自己封装了天气预报、表情包、定位、页面懒加载、日志埋点、弹框、Tip、导航栏、footer/header、回到顶部、心声等组件。

代码涉及一些Vue的基本用法，包括组件、路由、vuex、首屏优化等，代码难度较低，整体风格清新，欢迎大家访问。

## Build Setup
``` bash
# Project setup
yarn install

# Compiles and hot-reloads for development
yarn run serve

# Compiles and minifies for production
yarn run build

# Lints and fixes files
yarn run lint
```

## About Star
最后请您给俺点个小星星![star.png](https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/21.gif)，您的鼓励是俺不断更新的动力![fighting.png](https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/100.gif)，
手动笔芯![Rose.png](https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/63.gif)![Kiss.png](https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/65.gif)![Heart.png](https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/66.gif)

## About Me
如果有吐槽或者建议、或者技术上的交流，可在博客留言板联系我。

我的邮箱地址：[email protected]，也欢迎交流。

我还用原生JS写了一个贪吃蛇小游戏，欢迎来玩：http://39.104.22.73:70/
## 博客预览
![index](https://github.com/SunQQQ/SunQBlog-UserSide/blob/master/static/readme_img/index.png)

![leaveMessage](https://github.com/SunQQQ/SunQBlog-UserSide/blob/master/static/readme_img/leaveMessage.png)

![timeLine](https://github.com/SunQQQ/SunQBlog-UserSide/blob/master/static/readme_img/timeLine.png)

![friendUrl](https://github.com/SunQQQ/SunQBlog-UserSide/blob/master/static/readme_img/friendUrl.png)

![aboutMe](https://github.com/SunQQQ/SunQBlog-UserSide/blob/master/static/readme_img/aboutMe.png)