我建极客导航的故事

缘起

飞雪融化,一整冬的寒冷正悄悄离开.
捉不住,纷乱的思绪洒落在键盘上,融化,聚集,凝结.
终于,形成一块翠蓝的结晶.

还记得第一次见到那是一段昏暗的时期,每日对着电脑打写如麻的算法题,直到某一天晚上,我突然有了做一个自带搜索引擎的网页的想法,暗下决心后我开始着手编写.
几行代码过后,我的想法现形了.那个页面并不算得好,只是很简洁,于是有了加一些链接的想法,就在那时候我突然明白自己是要做一个导航.

初见

于是,我开始参考一些类似的网站.最先参考的是360和2345导航.我觉得,2345导航虽然内容丰富,但页面过于陈旧且夹杂着许多广告.便辗转来到了360官网,虽然这不是一个导航,但我觉得它的界面很清新,便有仿照一个的想法.
我建极客导航的故事
看,是不是很养眼,内容也很突出?
我的第一个导航成品就是这样仿制完成的,小成功了一把,当时每天大概有几百人的访问量.

再见,“再见”

可惜,一次意外,我的导航源码网站不复存在.更可惜的是,我也没有保存第一代导航的源码,虽然这它很简单,只由纯静态的html和js组成.但是,却已经收录了各领域的很多网站.我痛苦万分,实在不想重头写过,又不甘放弃.
于是我开始了第二次的战斗,这一次我决定吸取教训,写一个更方便管理的数据库版本.
原本的计划是在第二天早上动工,但是机缘巧合还是怎地,那天晚上我在翻一些typecho主题网站寻思着给给自己的博客换一个主题时,意外发现了webstack-typecho.
我建极客导航的故事
带有分类侧栏的导航风格让我很心动,“这不就是博客一样的方案嘛,想找到什么领域的网站直接点击对应的分类就OK啦!”
于是赶紧部署下,并在随后的几周陆续收录了许多站点,基本恢复了第一代的内容,现在的网站新增和删除也是如此方便,就像是管理typecho的文章一样!
很快,导航恢复了第一代每日几百访客的热度.

骤雨来袭

这一次更加悲惨,我的服务器出了问题,数据库也被误删,而我上一次的备份已经在笔记本从Windows换Linux系统时格盘,SQL备份文件并没有转移到U盘.
呜啊,那时非常后悔自己没有备份数据库到OSS的习惯.怎么办呢,放弃是肯定不会放弃的,但打击也非常大,暂时不想重新搞了.

大约两个月后,我才从痛苦的记忆中恢复平静(我的博客也在那次事故中被误删了,写了很久很久的所有文章都没有了),重拾心绪,决定再做这件事.

这一次我不在从第三方的主题网站下载,而是在Github搜索,找到了webstack的官方开源地址,并且发现了一个比typecho版更好用的版本:webstack-laravel
我建极客导航的故事

是的,基于laravel-admin设计的后台,管理网站和分类要比typecho那种管理文章的实现方式好用很多.
虽然导航的后台更加方便,但我却没有很快完成这个恢复的过程.很多网站收录都还是用着部署时默认导入的数据.
因为呀,我的兴趣转移到前台去了.这其中有两个原因:
第一个是再次装回webstack已经熟悉了界面,也就有点觉得界面陈旧了.
第二个是由于要一次性加载大量内容和图标,从浏览器打开导航到渲染完成时间过长,无法接受.
于是着手对这两方面的问题进行了完善,第三代导航:
我建极客导航的故事

新芽已发

见识了laravel-admin后台的方便,我开始学习有关laravel的知识.
一段时间后,我决定写一个更好的导航.
首先要考虑的就是界面的设计风格,
对,要有侧栏,有侧栏分类会很方便用
但是像webstack那样一次性地把所有的网站都加载到首页,就会导致页面渲染很慢,于是我考虑了分页加载的设计方案,就是滑到页面底部之后自动加载剩下的内容.
还有一个问题是二代和三代导航需要大量图标,每次新增网站收录都需要找到合适的图标,很多时候同一个网站的同一图标要试验好几个版本才能找到合适的,更别重建工作,于是考虑设计一种简约的风格,且可以大大节省网络加载消耗.之后又看到了BluePrint的demo,觉得很酷,受到了启发,这样就基本定型了思路:按类别加载对应内容,方块立体设计,很有层次感.
我建极客导航的故事

嗯,还不错吧,接下来几天觉得白天也黑黑的不对劲,于是

朋友说白色有点颜色突兀
于是

背景按照时间切换,每小时更换一次,夜晚11点到早5点间自动暗黑模式.
还通过可以通过iframe在窗口里打开音乐网站或IDE网站