此 nuxt-blog 项目是基于 nuxt 服务器渲染(SSR)构建
完整效果请看：http://sdjBlog.cn/
- 注册登录
- 文章列表
- 友情链接
- 文章点赞评论
- 文章归档
- 项目列表
- 留言列表
- 看板娘背景
- @nuxtjs/axios （API请求）
- @nuxtjs/style-resources （scss公共文件引入）
- element-ui （组件库）
- highlight.js （代码高亮）
- moment （时间格式处理）
- nprogress （进度条）
- nuxt （Vue框架）
- assets 资源文件（图片、css和字体图标）
- components
- RaindropCanvas 下雨特效
- BackTop 返回顶部
- EmptyShow 空状态
- HeaderNav 头部导航
- MyForm 表单封装
- SideBar 侧边栏
- TagBox 标签展示
- layouts 布局入口页面
- pages
- article 嵌套路由
- page
- _num 文章列表
- archive 文章归档
- project 项目列表
- articleDetail
- _id 文章详情
- article 文章列表头部及侧边栏
- index 默认首页路由
- message 留言列表
- plugins 插件封装
- static 看板娘、背景资源等
- store Vuex状态管理
- utils 表单校验、标题目录导航和时间格式化等一些常用方法封装
- nuxt.config 个性化配置
- 线上使用pm2部署，把.nuxt、static、nuxt.config.js和package.json文件放到服务器上，执行npm install安装依赖，pm2 start npm --name "nuxtBlog" -- run start来启动服务，package.json中config配置端口
# 安装依赖
$ npm install
# 开发环境
$ npm run dev
# 打包生产环境
$ npm run build
$ npm run start
# 静态打包
$ npm run generate项目地址：
项目系列文章：
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent