Skip to content

JavaScriptExample/nuxt-juejin-project

Repository files navigation

简介

nuxt-juejin-project 是一个使用 Nuxt.js 仿写掘金的学习项目,主要使用 :nuxt + vuex + koa + axios + element-ui。该项目所有数据与掘金同步,接口均通过 koa 中间层转发(找接口真是个累活😅)。在写项目时我会尽可能的使用 Nuxt.js 提供的配置以及一些技术点,希望借此更全面的学习服务端渲染。以下是你能学习到的部分技术点:服务端渲染、接口转发、路由配置、缓存优化、权限验证、自动化引入组件。如果你是 nuxt 初学者,本项目能够帮助到你。

功能

- 登录/登出

- 权限验证
  - 登录状态验证

- 首页
  - 文章筛选(分类、热门、最新、热榜)
  - 文章触底分页
  - 作者榜模块
  - 推荐小册模块

- 文章详情
  - 正文
  - 目录跳转
  - 文章评论
  - 相关推荐
  - 关于作者模块
  - 相关文章模块

- 作者页
  - 作者信息
  - 文章筛选(热门、最新)
  - 文章触底分页
  - 个人成就模块
  - 头像转转转😀

- 搜索
  - 类型筛选(综合、文章、标签、用户)
  - 时间筛选(全部、一天内、一周内、三月内)

- 沸点
  - 沸点筛选(分类)
  - 沸点触底分页
  - 沸点评论
  - 沸点分享
  - 大图预览
  - 推荐沸点模块
  - 关注的话题模块

- 标签
  - 标签详情 
  - 文章筛选(热门、最新、最热)
  - 文章触底分页

- 标签管理
  - 已关注标签、全部标签

- 消息
  - 用户消息

- 话题
  - 关注的话题、全部话题
  - 文章筛选(热门、最新)
  - 文章触底分页
  - 话题详情模块
  - 参与者模块


小册页

  • 小册列表

沸点页

  • 沸点列表
  • 推荐沸点
  • 评论列表

交互相关

  • 登录
  • 文章点赞
  • 作者关注
  • 标签关注
  • 沸点点赞、分享

持续更新中...

项目启动

# 克隆项目
git clone https://github.com/ChanWahFung/nuxt-juejin-project.git

# 进入项目目录
cd nuxt-juejin-project

# 按照依赖
$ npm install

# 服务启动
$ npm run dev

访问 http://localhost:8000

About

仿掘金web网站,使用 nuxt + koa + vuex + axios + element-ui

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 69.4%
  • JavaScript 29.6%
  • CSS 1.0%