美文网首页聚享小站
NuxtJS实战,一个博客系统

NuxtJS实战,一个博客系统

作者: wmui | 来源:发表于2019-07-24 10:38 被阅读0次

前言

这个项目诞生于17年5月,距今已有两年多了,在这两年期间经历了很多变更,从简单到复杂,又从复杂到简单,并且以后一直会保持这种简单状态。最近迎来了一次更新,因此特意分享一下。

项目地址

UI变化

image

上面是最新的样式,是不是感觉很丑,这是我产考了很多博客主题后写的样式。这套主题是受cnblogs启发,我个人认为cnblogs在用户体验方便做的很好,虽然它的UI显得很“复古”。

功能变化

功能变化是重点,这是我基于个人写作习惯而思考出来的,因此不保证所有人都喜欢。

分类功能

image

分类分为公开分类和私有分类,私有分类可以记一下自己保密的东西(比如日记)。在登录状态下,作者可以看到所有分类,其他人只能看到公开分类,并且做了拦截处理,其他人打开都是404。

如果文章不选择分类,会被保存到默认分类

文章状态

image

一篇文章可以有3中状态,默认只在分类下展示,如果你觉得文章特别棒,可以设置为首页展示或者置顶展示。分类下的最新文章可以在侧边栏看到,因此只要有人想看,还是能看到的。这个功能类似于微博或朋友圈。

image

阅读体验

编辑器是基于Vue开发的,只支持markdown,虽然功能比较少,但是日常使用真的够了。并且对上传的图片进行了自动压缩处理,阅读文章时,图片也做了懒加载处理,类似于公众号中的文章阅读效果。

文章不仅可以上传图片,对于一些附件也做了处理,因此可以直接上传。比如你想把一些到盗版pdf保存到服务器,或者小视频什么的,直接上传就可以。对于附件的展示效果,后面会做更好的优化。

留言功能

image

文章留言功能也参考了微信,即只有作者能够回复留言,这点也是产考了很多评论设计后决定的(上个版本的传统留言方式被废弃)。当作者收到回复,或是作者回复了留言,都会有邮件通知

设置功能

image

对于一些可能变化的配置都可以在后台直接修改,简单方便

砍掉的功能

标签、归档、多用户写作、权限管理、github登录评论、用户管理和媒体库,这些功能在之前的版本中是有的,如果继续扩展可能就是一个cms了,我甚至还准备支持模型。现在这些都被我砍掉了,因为我开发了这些功能后,基本就没用过,还不如把一些简单的功能做好。

感谢

博客的功能做了很多取舍,也产考了很多其他博客和CMS项目。在此特别要感谢Typecho、Emlog、NoderCMS、DoraCMS、Wordpress、Ghost、cnode等,无论是功能还是主题,都多少产考了这些优秀的开源项目

以上,感谢阅读

相关文章

  • NuxtJS实战,一个博客系统

    前言 这个项目诞生于17年5月,距今已有两年多了,在这两年期间经历了很多变更,从简单到复杂,又从复杂到简单,并且以...

  • 基于nuxtjs开发的开源博客系统

    项目介绍: 主要技术: Nuxtjs 2.0 、ElementUI 2.0 主要使用插件: axios(请求) 、...

  • SpringBoot实战博客管理系统

    毕业在即,一年一度的论文答辩终于要来了,作为一名计算机专业学生,感觉毕业设计不做个管理系统自己这个学是白上了一样。...

  • 学习笔记(二十)NuxtJS基础

    NuxtJS基础 NuxtJS是什么? NuxtJS是一个基于Vue生态的第三方开源服务端渲染应用框架它可以帮助我...

  • Python 实战项目

    web机器人 web实战 博客BBS论坛系统 成绩管理系统 新闻系统 爬取知乎 爬取豆瓣 爬取京东 爬取新浪微博 ...

  • SSM项目实战之博客系统

    序章: 光阴似箭,岁月如梭,大学期间的SSM框架练手项目,今天做个整理,以此给我那并不完美但很充实的大学生涯画上圆...

  • 本周总结

    这周开展了一个项目,是关于springboot的博客系统项目实战。写完了登录页面。因为四级的原因,停下了手头的工作...

  • 服务端渲染框架:Nuxt.js

    官网:https://zh.nuxtjs.org/[https://zh.nuxtjs.org/]GitHub:h...

  • Nuxt介绍

    Nuxt.js是什么 官网:https://zh.nuxtjs.org/[https://zh.nuxtjs.or...

  • 基于Spring Boot技术栈的博客系统企业级实战教程分享

    基于Spring Boot技术栈的博客系统企业级实战教程分享 课程目录;第1章 Spring Boot 简介讲解S...

网友评论

    本文标题:NuxtJS实战,一个博客系统

    本文链接:https://www.haomeiwen.com/subject/mpbtrctx.html