# huaBlog

**Repository Path**: HugoHua/huaBlog

## Basic Information

- **Project Name**: huaBlog
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 介绍
前端原生 JS 编写，原生 BOM 实现单页 SPA 应用, 后端用 node.js + express.
没有买服务器，所以没有预览，只有源码。
> 想看截图和运行方法往下滚动
## 预览
[DEMO](https://q-dragon.github.io/blog/blogIndex.html)
> 不要看展示页面的仓库源码, 因为 github pages 只能展示静态页面, 所以展示页面的仓库源码并不是前后端交互.
## 截图：
![blog 主界面](https://raw.githubusercontent.com/Q-DRAGON/blog/master/UI-screenshot/%E5%8D%9A%E5%AE%A2%E6%88%AA%E5%9B%BE1.PNG)
![blog 详情界面](https://raw.githubusercontent.com/Q-DRAGON/blog/master/UI-screenshot/%E5%8D%9A%E5%AE%A2%E6%88%AA%E5%9B%BE2.PNG)
## 运行
1. 下载 node.js    
[node.js 官网下载地址](https://q-dragon.github.io/blog/blogIndex.html)  
2. 安装 express:  
` npm install express --save`  
3. 安装 body-parser:  
`npm install body-parser --save`  
4. 安装 cookie-parser:  
`npm install cookie-parser --save`  
5. 安装 multer:  
`npm install multer --save`  
6. 命令行进入博客的目录, 启动:  
`node appBlog.js`