Essay3.0发布,基于JavaScript的前后端同构博客系统

时间:2021-07-30 00:46:42

前言

转眼间距离我开源这个项目已经两年了,最初是奔着学习的目的开发了这个项目,后来一直记录自己的学习笔记。随着时间的增长,发现之前写的代码简直不忍直视,于是就有了重构的想法。这个过程有些漫长,竟然用了整整四个月的业余时间,但是为了能开发出自己心目中满意的博客系统,我还是决定入坑了

分类功能

Essay3.0发布,基于JavaScript的前后端同构博客系统

为了方便查找文章,添加了分类功能。分类支持创建私有分类和公开分类,之所以开发这个功能,是为了方便写不能公开的文章,比如你可以创建一个日记分类。私有分类下的文章只有博主自己能看到,它在前台的显示效果如下图

Essay3.0发布,基于JavaScript的前后端同构博客系统

进入详情页可以对文章进行编辑和删除操作

Essay3.0发布,基于JavaScript的前后端同构博客系统

标签功能

一篇文章除了分类外,还可以为其添加标签,目的同样是为了快速查找文章。唯一的不同是,一篇文章可以有多个标签,但是只能有一个分类(也可以没有分类)。

Essay3.0发布,基于JavaScript的前后端同构博客系统

发布文章

Essay3.0发布,基于JavaScript的前后端同构博客系统

发布文章时,文章可以选择是否允许评论以及是否推荐到首页,如果不推荐到首页,那么它只在分类和标签下显示。为了防止内容丢失,添加了文章自动保存的功能。

单页功能

Essay3.0发布,基于JavaScript的前后端同构博客系统

有时候你可能希望能自定义一些内容,比如在导航栏添加个”关于“栏目,内容是支持HTML的,所以相当于自定义个性网页

用户

Essay3.0发布,基于JavaScript的前后端同构博客系统

其实博客系统是没有用户管理的,只不过评论功能是基于GitHub登录的,而GitHub的鉴权token是有效期的,所以为了能让用户长时间保持登录状态,就把数据保存到了数据库,由后端生成一个新的token

评论功能

Essay3.0发布,基于JavaScript的前后端同构博客系统

评论功能是基于GitHub登录的,鉴权后可以对文章进行留言和点赞,当留言被回复后,用户会收到一封通知邮件。这些留言可以在后台看到

控制面板

Essay3.0发布,基于JavaScript的前后端同构博客系统

其实这是个可有可无的功能,为了查看一些全局的信息还是简单做了下,比如可以在线查看数据库版本、Node版本。

整个项目在技术选型上,前端使用了Nuxt(主要是为了考虑SSR),后端使用的express,数据库是MongoDB。这些技术入门比较简单,但是要想掌握好,也是一个无底洞

结语

以上就是3.0的所有功能,如果发现了bug,欢迎在github上提issue,我将在第一时间修复

项目地址:https://github.com/wmui/essay

以上,感谢阅读!

Essay3.0发布,基于JavaScript的前后端同构博客系统的更多相关文章

  1. vue+node+mongodb前后端分离博客系统

    感悟 历时两个多月,终于利用工作之余完成了这个项目的1.0版本,为什么要写这个项目?其实基于vuejs+nodejs构建的开源博客系统有很多,但是大多数不支持服务端渲染,也不支持动态标题,只是做到了前 ...

  2. 基于SAE+CodeIgniter3.0+管理端angularjs+前台amazeui的多用户博客系统V1.0--系统设计(一)

    开发环境: 服务器系统:CentOS-6.x web服务器:Apache-2.2.x php版本:PHP-5.3.x 开发工具:sublime text 3 ,谷歌浏览器 数据库查询工具:phpmya ...

  3. 【ASP.NET实战教程】基于ASP.NET技术下多用户博客系统全程实战开发(NNblog)

    岁末主推:牛牛老师主讲,多用户博客系统,基于ASP.NET技术,年后将带来移动业务平台项目项目目标: 打造个性品牌Blogo,定制多用户博客 为每一个博客用户提供个性化的 blogo解决方案,打造精品 ...

  4. 基于 Express + MySQL + Redis 搭建多用户博客系统

    1. 项目地址 https://github.com/caochangkui/node-express-koa2-project/tree/master/blog-express 2. 项目实现 Ex ...

  5. 构建基于Javascript的移动CMS——生成博客(二).路由

    在有了上部分的基础之后.我们就能够生成一个博客的内容--BlogPosts Detail.这样就完毕了我们这个移动CMS的差点儿基本的功能了,有了上节想必对于我们来说要获取一个文章已经不是一件难的事情 ...

  6. 欢迎阅读daxnet的新博客:一个基于Microsoft Azure、ASP.NET Core和Docker的博客系统

    2008年11月,我在博客园开通了个人帐号,并在博客园发表了自己的第一篇博客.当然,我写博客也不是从2008年才开始的,在更早时候,也在CSDN和系统分析员协会(之后名为"希赛网" ...

  7. 一个基于Microsoft Azure、ASP.NET Core和Docker的博客系统

    2008年11月,我在博客园开通了个人帐号,并在博客园发表了自己的第一篇博客.当然,我写博客也不是从2008年才开始的,在更早时候,也在CSDN和系统分析员协会(之后名为“希赛网”)个人空间发布过一些 ...

  8. 基于Microsoft Azure、ASP.NET Core和Docker的博客系统

    欢迎阅读daxnet的新博客:一个基于Microsoft Azure.ASP.NET Core和Docker的博客系统   2008年11月,我在博客园开通了个人帐号,并在博客园发表了自己的第一篇博客 ...

  9. 26种基于PHP的开源博客系统

    26种基于PHP的开源博客系统 来源:本站原创 PHP学习笔记 以下列举的PHP开源Blog系统中,除了我们熟知的WordPress之外,大多都没有使用过,其中一些已经被淘汰,或者有人还在使用.除了做 ...

随机推荐

  1. 前端MVC学习总结——AngularJS验证、过滤器

    前端MVC学习总结--AngularJS验证.过滤器 目录 一.验证 二.过滤器 2.1.内置过滤器 2.1.1.在模板中使用过滤器 2.1.2.在脚本中调用过滤函数 2.2.自定义过滤器 三.指令( ...

  2. PowerDesigner逆向工程从现有数据库生成PDM

    如题,我想对于一个旧系统或者帮别人的系统进行擦屁股时,数据库设计以及关系都是非常好的切入点: 使用这个方法的前提,就是在数据库设计中,已经有明确的主外键关系(这里只针对中小型设计,业务逻辑强的,对于特 ...

  3. iOS深入学习(UITableView:系列1-最基本的东西)

    这是UITableView博客系列的第一篇,使用xib和arc编码,主要讲解一些UITableView使用过程中简单的.但是又容易被忽略的东西,而且我会告诉读者,怎样在使用了之后就再也不会忘记. 操作 ...

  4. 添加python第三方插件时出现的问题

    当我安装beautifulsoup4时出现了如下错误: Fatal error in launcher: Unable to create process using '""F:\ ...

  5. C#二维码生成与解码(二)

    本文内容在<C#二维码生成与解码>的基础上增加了纠错级别和Logo图标加入,增加了二维码的功能.关于透明度在这里没有单独显现,因为在颜色里面就已经包含,颜色值由8位8进制构成,最前面的两位 ...

  6. INSTALL&lowbar;FAILED&lowbar;NO&lowbar;MATCHING&lowbar;ABIS

    在运行写好的cocos的demo时候,安装出现以下问题: 后来发现是因为自己用cygwin生成的x86的.so文件跟自己的魅族3机器CPU不适配!!! 参考:http://*. ...

  7. DML和索引内部结构变化

    1.修改数据对索引结构的影响 合适的索引对查询性能和效率的提升是巨大的,但是万事有利有弊,拥有索引的表在增.删.改记录时需要去维护索引.如何让增.删.改更快速更高效?这就需要了解数据修改时对索引结构会 ...

  8. call和apply的意义和区别

    区别在于 call 的第二个参数可以是任意类型,而apply的第二个参数必须是数组  如 func.call(func1,var1,var2,var3)对应的apply写法为:func.apply(f ...

  9. shell 前台进程组的选择

    控制命令如ctrl+c,ctrl+d等命令是会kill到前台进程组的,这个过程和bash进程还有tty驱动有关系. 在终端执行命令,在bash进程看来都是在执行job,然后fork出子进程来执行这些j ...

  10. python判断变量是否为int、字符串、列表、元组、字典等方法

    在实际写程序中,经常要对变量类型进行判断,除了用type(变量)这种方法外,还可以用isinstance方法判断: #!/usr/bin/env pythona = 1b = [1,2,3,4]c = ...