README.md

简介

这是一个基于Vue.js和Nuxt，采用Vuetify作为UI库，具有文章在线新建、更新、删除等功能的博客前端。 在线预览: 我的的博客
本博客的后端： BlogServer

主要功能

• 用户管理： 用户的注册、登录以及个人信息的编辑
• 基于Nuxt和cookie，实现与后台提供的JWT认证对接并保存用户登录状态
• 文章管理： 文章的增删改查
• markdown编辑器： 默认支持emoji、highlight、katex等大部分常用的markdown扩展包，还结合阿里云的OSS实现图片上传
• 分类、标签、专栏的增删查改
• 随时可将文章加入、移出草稿箱（草稿箱的文章仅管理员及作者可见）
• 友链的增删查改
• 良好的移动端自适应
• 文章归档信息
• 根据关键字搜索文章
• 集成来必力 评论系统
• 集成谷歌分析

依赖

• Node >= 6.0
• Vue.js >= 2.5

快速开始

1. 安装

$ git clone git@github.com:staneyffer/blog-client-nuxt.git
$ cd blog-client-nuxt
$ npm install

2. 修改部分配置文件
   axios的主要配置文件在 api/init.js下，根据实际情况修改对应的后端接口的地址。

3. 启动项目

$ npm run dev

截图

大部分页面均可以在 我的博客中看到，这里截一部分管理员的页面。

1. 文章新建
   

2. 文章修改
   

3. 添加友链
   

4. 个人信息的修改
   

5. 草稿箱
   

6. 移动端首页
   

7. 移动端侧栏
   

8. 移动端文章浏览