介绍一下我的博客程序

博客是一个日渐式微的旧时代产物,但保留了书信时代车马很慢的感觉,并且可以完全按自己喜欢的样子来,这两点很酷。
我的设计
来说说我自己博客的设计:

我的导航条是我见过的博客中唯一的,我设计的初衷就是想要每个导航都能有一个图标,这个的灵感些许来源于Apple的导航条


反正我是没有见过别人这样设计的游记,我可以清晰地回顾我都去过哪些地方,如果一个地方去过多次,就会出现箭头虚线。这种弓型的时间线,我怕用户看不懂,所以在右下角标注了数字,这个数字也是我设计的,并非一个字体,并且封装了动画,和首页新年倒计时是同一个。

游记的地图花费了很长的时间来开发,我不喜欢任何地图提供的那些样式,和我的博客都不搭,例如google map,我就想要矢量的地图,并且我需要啥功能都没有的那种,我来按自己的想法开发。最后做了这个,这个地图就只是一个矢量文件,我画了经纬度,赤道,南北回归线等,还有鼠标移动的十字线,可以看到这个国家的简介,国旗。这里最麻烦的就是实时渲染,不太注意的话写出来一些性能不好的电脑就会感觉卡,所以优化了一段时间。

新年倒计时有意思的点还是我前面说的这个数字动画。旁边是世界时间,我比较关注的几个国家,会根据夏令时的变化而变化。

首页栏目最复杂的一块在每个栏目第一篇文章的这个渐变,可以去尝试一下怎么做到这样的渐变,肯定是被我写复杂了的,不是纯css实现的。

这个设计我也沿用了很久,设计初衷,就是不想要方方正正地显示文章缩略图,所以做成了一张纸的效果,如果鼠标触摸会有黑白电视机的那种条纹,我喜欢这个设计。
彩蛋
一些日常不太能见到的东西我都称之为彩蛋。
有很多人触发过我的红衣女鬼彩蛋,这个彩蛋也是很久之前我就有,只不过之前就是单纯的跳转文章,现在的就刺激多了,屏幕会闪烁,也有音效,我自己不注意触发都会吓自己一跳。
当时我就想,这是不是太过分了?所以在红衣女鬼前还加了一个提示,不让你一下就触发。
这里就不发图片了,彩蛋就不剧透了。

除了弹框,还有动画效果,冬天会下雪,春天会飘樱花,夏天会冒泡像汽水,秋天会飘落叶。这里最麻烦的就是二十四节气的时间,这个不是固定的,也做了时间的统一,无论在任何时区访问,都是以中国的时间开始节气,想感受这个彩蛋,最近的是12月21日的冬至。
- “12-13”: “南京大屠杀死难者国家公祭日”,
- “09-30”: “烈士纪念日”,
- “05-12”: “汶川大地震纪念日 / 全国防灾减灾日”,
- “07-07”: “七七事变纪念日”,
- “09-18”: “九一八事变纪念日”,
很多日子,我们不该忘记。到了这一天,会弹框,也会让全网站去色。
每段法定节假日期间都会有红灯笼,以及飘福字,灯笼也是自己设计的,之前博友们做的灯笼都不太适合我的博客。

右边按钮有了一个Pure模式的切换,会让整体都变得更专注于阅读,尤其是在文章页面,去除所有繁杂内容。
代码实现
以前有写过,这套博客是前后端分离的,所以无论是前端还是后端都可以完全的想做什么做什么,没有任何限制,脱离CMS,前后端都可以用回主流的框架,这是实现种种的起点。否则哪怕是一个主题切换,都很难精细化控制。
没有写过这种介绍博客的博文,哪怕很久以后博客变样了,这一篇也可以留念吧。
我大概一段时间不再继续写新的功能在这个博客程序上了,还得更关注文字本身。
前几天写了一篇小小说,《请你假装不认识我,直到雨停》,最后没达到我想要的感觉就没发出来。博客介绍完了,之后我们还是文字见吧~







































