Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xnal/don-blog
一个基于Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + MySQL + Redis开发的个人博客。
https://github.com/xnal/don-blog
es6 es7 jwt koajs mysql nodejs nuxtjs redis scss socketio vuejs
Last synced: 13 days ago
JSON representation
一个基于Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + MySQL + Redis开发的个人博客。
- Host: GitHub
- URL: https://github.com/xnal/don-blog
- Owner: XNAL
- License: mit
- Created: 2017-10-30T12:25:14.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-29T14:03:00.000Z (almost 6 years ago)
- Last Synced: 2024-11-07T09:02:42.115Z (13 days ago)
- Topics: es6, es7, jwt, koajs, mysql, nodejs, nuxtjs, redis, scss, socketio, vuejs
- Language: Vue
- Homepage: http://www.tdon.site
- Size: 998 KB
- Stars: 76
- Watchers: 3
- Forks: 24
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 前言
> 之前使用JS + HTML5 + CSS3 + Node.js + Express.js + Mongodb开发过一个博客网站,也部署了一段时间,但当时刚开始搞前端,写的不是很满意。后来就废弃了。今年又使用Hexo + GitHub Pages部署了一个博客,但自由度太低。所以最后还是决定重新写一个博客。
目前前台博客页面已基本开发完成,[后台管理页面](https://github.com/XNAL/don-blog-backManage)也基本开发完成(首页统计图表和一些优化待开发,暂时需要统计的数据还不多,也在考虑统计维度中)。
## 技术栈
Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + mySql + Redis
## 访问地址
[访问地址:www.tdon.site](http://www.tdon.site)
扫码访问:
![二维码](https://github.com/XNAL/don-blog/blob/master/screenshorts/qrcode.png)
## 项目运行
``` bash
# clone project
git clone https://github.com/XNAL/don-blog.git# install dependencies
$ npm install # Or yarn install# serve with hot reload at localhost:3000
$ npm run dev# build for production and launch server
$ npm run build
$ npm start
```## 效果图
#### 首页
![首页](https://github.com/XNAL/don-blog/blob/master/screenshorts/index.jpg)
#### 归档
![归档](https://github.com/XNAL/don-blog/blob/master/screenshorts/archive.jpg)
#### 实验室项目
![实验室项目](https://github.com/XNAL/don-blog/blob/master/screenshorts/laboratory.jpg)
#### 自适应手机端首页
![手机端首页](https://github.com/XNAL/don-blog/blob/master/screenshorts/phone-index.jpg)
#### 自适应手机端目录
![手机端目录](https://github.com/XNAL/don-blog/blob/master/screenshorts/phone-menu.jpg)
## 总结
1. 整个技术栈对我来说Nuxt.js算是第一次接触,跟Vue.js的单页面应用的方式还是有点区别的,不过多看看文档和多搜索下问题不大。
2. 目前应该只能算是1.0版本,自己也有不少想法,但目前工作以及其他事要忙,只能后续会逐步迭代开发了。也欢迎大家针对博客提出一些意见或者建议。
3. 最后还是得求一波star和fork的。