• This repository has been archived on 07/Nov/2019
  • Stars
    star
    138
  • Rank 264,508 (Top 6 %)
  • Language
    HTML
  • Created over 8 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

第一个web项目,仿照cnode,欢迎新建账号试用

koa2-Blog

issues stars forks juejin

  • 线上体验
  • 欢迎新建账号试用,有问题直接提issue,因为部署在heroku上面速度不会快

简要说明

  1. 在学习Qt中QML的时候接触了JavaScript,后来知道可以用node做网站就有了一个想法,学习制作一个网站。公司的业务也是这方面的,自己独立制作会给我很大的帮助
  2. 选择做什么类型网站的时候,选择做一个简单的博客类网站,模仿对象是cnode
  3. node框架选择的时候选择了Koa2,因为比较新,也有很多人说是未来的趋势

涉及到的技术问题

  • 使用ES7的Async/Await,避免回调地狱
  • 模板引擎使用的ejs,因为比较简单,html也不熟
  • 数据库使用的mysql,ORM使用的sequelize
  • 前端框架使用的Semantic UI

功能

  1. 新建、登录账户
  2. 账户基本信息设置,包括头像
  3. 发表主题文章
  4. 在文章下面回复,@别人进行回复,在别人回复下面直接回复
  5. 积分、积分系统
  6. 使用爬虫做的DOTA2比赛预告信息

我做的时候涉及到的问题点

  1. 文件上传时寻找合适的 body 解析包,后来找到koa-better-body,其他的包可能是我没用明白
  2. 前端UI框架使用的Semantic UI因为,nswbmw写的教程里面使用的它,当时还不知道别的UI框架
  3. 写主题文章时想找比较好的markdown前端UI,最喜欢的是segmentfault上的,后来使用的Houfengmditor也挺不错的
  4. 头像上传用的cloudinary,现在估计会使用七牛云了
  5. 上传头像进行剪裁的库使用的cropper
  6. 爬虫使用的是cheerionode-schedule非常简单,这里爬的DOTA2的比赛时间表,同时为了防止heroku休眠,我把自己的网站给爬了,因为可以唤醒......
  7. 实现at某用户时参考cnode的源码使用的atwho,然后后台读取数据时将@xx 替换成符合markdown的链接的格式
  8. heroku是个好东西,git远程更新完就自动运行,同时提供了mysql和很多别的数据库

感谢

  1. 感谢koa2-easy这个框架,是在此基础上做的很多功能的添加
  2. 感谢nswbmw大神的几个项目,我都学习了很多
  3. 感谢cnode网站,在上面问了很多问题,有很多好心人照顾我这个小白
  4. 最后感谢各种包的作者,他们孜孜不倦的更新维护才能让我们拿来就用

截图

注册

注册

登录

登录

首页

首页

发布文章页

发布

查看文章页

查看

未读消息

消息

设置

设置

More Repositories

1

vue-page-stack

Routing and navigation for your Vue SPA. Vue3.0 单页应用导航管理器
JavaScript
713
star
2

im-fe-client

IM application, including server, admin and client.即时通讯应用服务,包含服务端、管理端和客户端
Vue
85
star
3

im-server

IM application, including server, admin and client.即时通讯应用服务,包含服务端、管理端和客户端
JavaScript
63
star
4

music163-demo

Three.js实现网易云音乐2021年活动-主导色
Vue
27
star
5

vue-page-stack-example

vue-stack's example
Vue
22
star
6

im-fe-admin

IM application, including server, admin and client.即时通讯应用服务,包含服务端、管理端和客户端
TypeScript
22
star
7

net-ease-news

网易新闻画中画
Vue
7
star
8

teleport

show some desc about vue3.0 teleport component
Vue
5
star
9

spring-boot-rbac

使用分支的方式,展示在 vscode 中完成一个 SpringBoot 的 RBAC 鉴权服务的具体过程
Java
3
star
10

detect-browser-navigation-in-vue-router

detect browser back/forward navigation button in vue-router
TypeScript
3
star
11

render-docker-spring-boot

use render.com to deploy a springboot app.
Java
2
star
12

efficiency-fe

Vue3的逻辑复用,前端部分,后端在 https://github.com/hezhongfeng/efficiency-server
JavaScript
2
star
13

spring-security

层层递进,探索 spring-security 的基础使用方法
Java
2
star
14

rbac-front

spring-boot rbac front 动态菜单
JavaScript
2
star
15

detect-browser-navigation-in-vue-router-example

detect-browser-navigation-in-vue-router-example
Vue
1
star
16

rbac-docs

rbac-docs
1
star