Skip to content
This is my blog `s client powered by Vue.js and Nuxt (基于Vue.js及Nuxt的博客前台)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api
assets
components
layouts
middleware
pages
plugins
static
store
utils
.eslintrc.js
.gitattributes
.gitignore
README.md
fabfile.py
nuxt.config.js
package.json

README.md

简介

这是一个基于Vue.jsNuxt,采用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. 移动端文章浏览
    移动端文章浏览

You can’t perform that action at this time.