/blog-client-nuxt

This is my blog `s client powered by Vue.js and Nuxt (基于Vue.js及Nuxt的博客前台)

Primary LanguageJavaScript

简介

这是一个基于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

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

  2. 启动项目

$ npm run dev

截图

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

  1. 文章新建
    new post page

  2. 文章修改
    update post page

  3. 添加友链
    add friend link

  4. 个人信息的修改
    深度截图_选择区域_20180805005925.png

  5. 草稿箱
    draft page

  6. 移动端首页
    移动端首页

  7. 移动端侧栏
    移动端侧栏

  8. 移动端文章浏览
    移动端文章浏览