新版个人博客2.0,Hexo主题Raytaylorism 1.0a上线!

开始使用hexo搭建博客已经一个多月了,使用hexo+markdown写博客和发博客一切都是那么流畅自然。只是这段时间一直在忙实验室各种项目,堆了一堆博文想发但都没时间写。后来在网上查hexo资料的时候,偶然发现了yangjian.me这个(目测是技术大牛)博客,其扁平化和清爽风格的主题(这个主题叫Pacman)一下子就吸引了我。看着自己原先使用的那个主题modernist DEMO突然觉得自己的博客实在是弱爆了。我开始思考自己的博客为什么不给自己设计一个主题呢?别人的博客主题虽然也是开源的,但作为一个geeker,直接拿别人的东西过来用始终有点不爽。于是我开始着手构想和设计自己的主题。

今年扁平化是设计界流行的一大趋势,为了跟(zhuang)风(bi)我也准备设计主题的时候往这上面靠。说实话一开始我还真不知道扁平化为何物,查了很多资料看了很多案例,才渐渐领悟了其内涵,包括布局、色彩、图标、字体等等。我不是UI设计师,很多东西都是凭现学现用和个人的审美来做,完全达不上专业的水准。不过个人博客嘛,自己看着舒爽就行了,只要旁人怎么看,萝卜青菜各有所爱,随他们怎么说。

不过为了在设计的过程中少走歪路,我还是特地请了位学建筑设计的朋友Nix帮忙,新版博客的诞生少不了他的帮忙。在此对他的倾情帮助表示感谢!

新版博客的改版工作基本上就在于制作主题上,从设计到编码前后大概花了两周。Hexo主题的制作需要使用默认的模板语言EJSStylus,所幸这两个东西看似很牛逼,但其实还是蛮容易学。EJS是HTML和Javascript的结合,有点类似于用PHP来写网页的模板,而Stylus是一种CSS模板语言,语法基本遵循CSS的语法,并加上一些更方便使用的东西,这个和现今使用的lesscss的思想是一致的。说到底,制作一个新主题基本上就是在别人的主题框架上,对前端代码进行修改,所以一款精美的主题最重要的还是在UI设计层面。因此虽说是改版自己的博客,但学到的东西还是很多的,比如前端的技术又前进了一步,扁平化设计的经验也上升了一些等等。

当然,这款raytaylorism(译:Ray Taylor主义)主题最主要还是针对我自己的个人喜好来设计,因此没有过多地考虑实用性和可扩展性,应该说是一款个性比较强的主题。如果你喜欢这款Hexo主题,可以直接从这个主题的Github Repo 上fork过去,随意地修改成你喜欢的风格。我已经把大部分的配色通过一个文件分离了出来,可以非常方便地实现换肤。这款主题现在只是1.0alpha版本,后续我还会继续添加新的功能。此外,使用Hexo来写博客这个方法我会一直坚持下去,后续我会逐步写一些使用Hexo搭建博客的方法,大家可以关注一下。

当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器