而且也是配有使用文档的，很不错。

注意点

文章是分类型的：文章类型 => 1: 普通文章，2: 简历，3: 管理员介绍；而且简历和管理员介绍的文章只能是各自一篇（因为前台展示那里有个导航 关于我 ，就是请求管理员介绍这篇文章的，简历也是打算这样子用的），普通文章可以是无数篇。

点赞的用户 like_users 那里应该只保存用户 id 的，这个后面修改一下。

评论功能是实现了简单的三级评论的，第三者的评论（就是别人对一级评论进行再评论）放在 other_comments 里面。

评论是有状态的：状态 => 0 待审核 / 1 通过正常 / -1 已删除 / -2 垃圾评论。

管理一级和三级评论是设置前台能不能展示的，默认是展示，如果管理员看了，是条垃圾评论就 设置为 -1 或者 -2 ，进行隐藏，前台就不会展现了。

[](

)已实现功能

  • [x] 登录

  • [x] 文章管理

  • [x] 标签管理

  • [x] 留言管理

  • [x] 用户管理

  • [x] 友情链接管理

  • [x] 时间轴管理

  • [x] 富文本编辑器（支持 MarkDown 语法）

  • [x] 项目展示

  • [x] 评论管理

[](

)[](

)待实现功能

  • [ ] 个人中心（用来设置博主的各种信息）

  • [ ] 工作台（ 接入百度统计接口，查看网站浏览量和用户访问等数据 ）

[](

)[](

)主要项目结构


 - pages

  - Account 博主个人中心

  - article 文章管理

  - Category 分类

  - Dashboard 工作台

  - Exection 403 404 500 等页面

  - Link 链接管理

  - Message 留言管理

  - OtherUser 用户管理

  - Project 项目

  - Tag 标签管理

  - TimeAsix 时间轴

  - User 登录注册管理

文章管理、用户管理、留言等 具体业务需求，都是些常用的逻辑可以实现的

[](

)缺点

开发时，程序出错后，修改正确后，webpack 有时不会及时查觉到内容已经更改，从而不能及时编译，要重新运行命令打包。

笔者的文章里面的图片都是上传到简书上的，创建文章时，只是写个图片链接而已，你们也可以上传到简书或者七牛云，或者其他第三方。

[](

)[](

)Build Setup ( 构建安装 )


# install dependencies

npm install 

# serve with hot reload at localhost: 3000

npm start 

# build for production with minification

npm run build

如果要看完整的效果，是要和后台项目 blog-node 一起运行才行的，不然接口请求会失败。

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】