# don-blog

**Repository Path**: chengshaojia/don-blog

## Basic Information

- **Project Name**: don-blog
- **Description**: 一个基于Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + MySQL + Redis开发的个人博客。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-13
- **Last Updated**: 2020-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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的。