为回忆定制的Hugo主题-Simple

为回忆定制的Hugo主题-Simple

简介

这几天呢,又开发了一个hugo的主题,参考了一下开源项目Shiro,同时也加入了一些自己的小巧思,制作出了这一块转为记录一生的网站,主要作为记录自己的过去现在以及未来,主题是简约和梦幻,本项目不适合用作发布一些教程之类的的传统博客,仅推荐作为个人站点记叙

预览

先给大家放出实际demo地址,有兴趣可以去看看

行星环:https://www.yybb.us 时间轴:https://20030327.xyz

下面使用图片进行介绍:

首页

首先是首页,首页的设计基本是完全参考了 Shiro ,AIOVTUE-雪 觉得他的头图页面和这个博客的主题十分适配,最开始想到做这个其实也是看到它之后才有的想法,使用很大部分都会非常像,那么为什么不直接用它呢,因为要服务器?

文章页

时间轴

然后是文章列表页面,着重介绍的部分就是文章列表页面,因为是以记录和回忆为出发点,因此,没有采用传统的列表或者时间轴排布,当然其实是支持时间轴模式的,可以在配置文件自由设置,先看看时间轴的样式吧

行星环

是不是感觉和Shiro一模一样,因为就是跟着写的,喜欢的当然也可以选这种模式,不过AIOVTUE-雪想介绍的是下面这个,这个显示效果应该是独一份吧,至少我还没见过类似的样式,AIOVTUE-雪 称他为行星环,顾名思义,就是所有文章显示在行星环上面,每一年会形成一个行星环,如果某一年没有文章则会跳过这一年,年内的每一篇文章都会变成一个运行在行星环上面的星星,鼠标靠近星星会暂停行星环转动,并且弹出预览框,行星环最多会显示十环,也就是十年的文章,超过十年,行星环会开始更替,环会不断变大,然后最外环会消失,最内环会新生一个,如此更替,那么,看看效果吧 行星环本身也会转动,视频可能会更清楚吧:

行星环特写

当然啦,想在这样一个庞然大物寻找想要的文章无异于大海捞针,更别说到时候文章数量上来之后,密密麻麻,更加是异想天开,使用,其实每个行星环都有特写页面,只需要在行星环继续向下滚动,就和放ppt一样,会开始按时间展示每个行星环,上面的星星就是文章,当然,也是会转动的,下面是效果图

动态页

除却上述页面外,还有传统的文章页面,即按文章列表的样式显示文章,不过更加简约就是了,还有归档,标签这些必不可少的功能都是有的,需要着重介绍的是下面这个,动态页面,独立于文章页面,可以在这里写每日动态,感想等东西,并且,每个动态都支持独立评论,下面是预览效果

其他页面就大差不差了,想体验的话还是推荐前往示例站点亲自体验一下