NuxtJS实战,一个博客系统
前言
这个项目诞生于17年5月,距今已有两年多了,在这两年期间经历了很多变更,从简单到复杂,又从复杂到简单,并且以后一直会保持这种简单状态。最近迎来了一次更新,因此特意分享一下。虽然只有我一个人使用(据我所知)。
UI变化
上面是最新的样式,是不是感觉很丑,这是我产考了很多博客主题后写的样式。这套主题是受cnblogs启发,我个人认为cnblogs在用户体验方便做的很好,虽然它的UI显得很“复古”。
功能变化
功能变化是重点,这是我基于个人写作习惯而思考出来的,因此不保证所有人都喜欢。
分类功能
分类分为公开分类和私有分类,私有分类可以记一下自己保密的东西(比如日记)。在登录状态下,作者可以看到所有分类,其他人只能看到公开分类,并且做了拦截处理,其他人打开都是404。
如果文章不选择分类,会被保存到默认分类
文章状态
一篇文章可以有3中状态,默认只在分类下展示,如果你觉得文章特别棒,可以设置为首页展示或者置顶展示。分类下的最新文章可以在侧边栏看到,因此只要有人想看,还是能看到的。这个功能类似于微博或朋友圈。
阅读体验
编辑器是基于Vue开发的,只支持markdown,虽然功能比较少,但是日常使用真的够了。并且对上传的图片进行了自动压缩处理,阅读文章时,图片也做了懒加载处理,类似于公众号中的文章阅读效果。
文章不仅可以上传图片,对于一些附件也做了处理,因此可以直接上传。比如你想把一些到盗版pdf保存到服务器,或者小视频什么的,直接上传就可以。对于附件的展示效果,后面会做更好的优化。
留言功能
文章留言功能也参考了微信,即只有作者能够回复留言,这点也是产考了很多评论设计后决定的(上个版本的传统留言方式被废弃)。当作者收到回复,或是作者回复了留言,都会有邮件通知
设置功能
对于一些可能变化的配置都可以在后台直接修改,简单方便
砍掉的功能
标签、归档、多用户写作、权限管理、github登录评论、用户管理和媒体库,这些功能在之前的版本中是有的,如果继续扩展可能就是一个cms了,我甚至还准备支持模型。现在这些都被我砍掉了,因为我开发了这些功能后,基本就没用过,还不如把一些简单的功能做好。
感谢
博客的功能做了很多取舍,也产考了很多其他博客和CMS项目。在此特别要感谢Typecho、Emlog、NoderCMS、DoraCMS、Wordpress、Ghost、cnode等,无论是功能还是主题,都多少产考了这些优秀的开源项目
以上,感谢阅读
NuxtJS实战,一个博客系统的更多相关文章
- Django完整的开发一个博客系统
今天花了一些时间搭了一个博客系统,虽然并没有相关于界面的美化,但是发布是没问题的. 开发环境 操作系统:windows 7 64位 Django: 1.96 Python:2.7.11 IDE: Py ...
- ASP.NET写的一个博客系统
由于域名闲置,正好也有服务器空间,短期内开发了一个博客系统. 大家都来谈 http://www.djdlt.com 目前是开放注册,免费发布.(限于空间有限,图片还是尽量少传些) 网站架构: ASP ...
- 动手实践记录(利用django创建一个博客系统)
1.添加一个分类的标签,和主表的关系是 外键 class Category(models.Model): """ 分类 """ name = ...
- django实战模拟博客系统
数据库代码块 from django.db import models from django.utils import timezone from django.contrib.auth.model ...
- 【blog】推荐一个博客系统后台管理模板 - pinghsu
pinghsu https://github.com/chakhsu/pinghsu
- Go搭建一个博客系统
go语言环境就不用多说了,版本肯定越高越好,这里用go1.10 先放着
- 一个 Vue + Node + MongoDB 博客系统
源码 耗时半载(半个月)的大项目终于完成了.这是一个博客系统,使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB.实现了用户注册.用户登录.博客管理(文章的 ...
- 从零开始,搭建博客系统MVC5+EF6搭建框架(1),EF Code frist、实现泛型数据仓储以及业务逻辑
前言 从上篇30岁找份程序员的工作(伪程序员的独白),文章开始,我说过我要用我自学的技术,来搭建一个博客系统,也希望大家给点意见,另外我很感谢博客园的各位朋友们,对我那篇算是自我阶段总结文章 ...
- Java丨博客系统
后台界面: 前台界面: 这是一个由我带着刚入门的几位实习生做的一个博客系统,希望给java入门的学习者一个例子,这个系统还需要完善,主体功能是实现了,还差一些细节,如果需要源码的话可以在下方给我留言! ...
随机推荐
- canvas详解---矩形绘制
首先,就上述绘制弧线的章节进行一个小小的补充: 如果我们使用了context.beginPath();紧接着后面的context.moveTo(x,y),可以改为context.lineTo(x,y) ...
- 不能走路(walk)
[题目背景] 小G 同学总是在树上走路.小S 看不下去了,决定阻止小G 同学. [题目描述] 有一棵 n 个点的树,树上有 m 条路径,每条路径为 x[i]到y[i] 的树上最短路径(不经过相同的边) ...
- redis 哨兵集群原理及部署
复制粘贴自: https://www.cnblogs.com/kevingrace/p/9004460.html 请点击此链接查看原文. 仅供本人学习参考, 如有侵权, 请联系删除, 多谢! Redi ...
- python连接redis哨兵集群
一.redis集群模式有多种, 哨兵模式只是其中的一种实现方式, 其原理请自行谷歌或者百度 二.python 连接 redis 哨兵集群 1. 安装redis包 pip install redis 2 ...
- python基础语法2 流程控制 if,while,for
if语句: 什么是if? 主要是用于判断事物得对错,真假,是否可行 语法结构: python是通过缩进来决定代码的归属 pep8: 缩进一定是四个空格 tab键 if 条件: 代码块 .... ... ...
- 导入Excel——解析Excel
读取Excel 思路:先读取整个Excel,即工作簿,再依次读取其中的每个工作表Sheet,最后读取工作表内的表格. 一.读取工作簿利用流读取指定目录中的工作簿,并写入内存. /** * Constr ...
- spark调优——数据倾斜
Spark中的数据倾斜问题主要指shuffle过程中出现的数据倾斜问题,是由于不同的key对应的数据量不同导致的不同task所处理的数据量不同的问题. 例如,reduce点一共要处理100万条数据,第 ...
- [React] Handle React Suspense Errors with an Error Boundary
Error Boundaries are the way you handle errors with React, and Suspense embraces this completely. Le ...
- 08_STP(数通华为)
1. 网络拓扑 2. 激活生成树[SW1]stp mode stp [SW1]stp enable [SW2]stp mode stp [SW2]stp enable [SW3]stp mode st ...
- Javascript总结(全)
说明 个人感觉总结得很好忍不住要分享,转载自github地址,作者博客原文发现打不开,于是复制粘贴到此处,如有侵权,请联系本人删除. Type class TypeFn { isString (o) ...