Hexo我们在自己的世界里独自狂欢

hexo博客主题更换为kael

2015-01-01  本文已影响11524人  继续海阔天空

为什么更改主题

一是确实不太喜欢这个主题

这个主题的色调在本地还是很不错的,深蓝色,而到了远程就变成了那种淡蓝色,因为我的博客托管在github上面嘛,只需要进行一步 hexo d的操作,而我一直很怀疑这个操作只是起到merge的作用,所以并没有把我之前更改的主题色调在远程改变。总之,这一点,让我很不爽。

二 风格

我总觉得之前那个jacman的主题,风格太过严肃,更偏向于技术博客。而我的这个个人博客,到目前为止所谓的「技术文章」还不是很多,所以为了把这种反差扭过来,我也觉得有必要更换主题,之前在hexo themes list上面挑过其他的主题,并没有选到我满意的,后来也就不了了之了。

三偶遇

因为昨天无聊的时候翻网页,然后先是看到这个网站: http://zenhabits.net/ ,本来我只是去看这个网站的内容的,然后瞬间就被它的design吸引了,后来又看了这个网站的站长的另外一个更让我觉得惊艳的网站:http://zenhabitsbook.com/ 当时心里在想「这他妈才叫网站嘛!」,然后又想到了自己的博客,一对比就相形见绌了。因为作者的第一个网站让我想到了medium这个我之前上过甚至注册过的站点,于是再次登录medium.com ,它的简洁的风格虽然不似zenhabits ,但是这个UI也是足够出色了。我当时甚至想要写一篇英文blog试一试,最后实在迫于我的渣英语放弃了。顺着这个思路走,想有没有类似于medium的主题,,然后就自己在google上面搜索,开始显示的是有wp的主题,然后我又搜索是否有符合hexo的medium主题,结果果然被我搜到了,作者还是天朝国人,自然说换就换了。

安装与调试:

安装其实很简单,这个主题的github库在https://github.com/yuche/hexo-theme-kael
只需要在git里执行一行:

$ git clone git@github.com:yuche/hexo-theme-kael.git themes/kael

但是修改的时候遇到了问题,即使是看了作者的这个官方教程 http://che.gitcafe.com/introducing-kael-customization/ 也一时找不到
头脑,主要就是注释太少,这让我这个没学过前端的非计算机专业的半吊子很是头疼,在页面的左侧先是加入了一个友情链接的选项,然后最大的问题是把文章的多说评论改成我自己的。看作者教程说的只需要将head.js第三行改动,可是他的注释里又说其他几处也需要改,结果我就懵了。于是经过了一系列调试,最后跨了一个年之后终于成功了。直接将结论写下吧:

结论一

作者的代码我怀疑有问题,在本地的时候不能正常显示多说评论,只有git到远程才能够在博客中看到评论。所以实际上只需要改动head.js,第三行即可将多说评论替换为自己的多说。


作者自己的demo都有错误出现

评论同步

接下来是多说评论的同步问题,多说的后台显示的是以前的文章评论都在(虽然不多吧!),但是更换主题之后不能显示之前文章的评论,于是又折腾了好半天,也把结论直接写下吧:

结论二

在多说的后台将评论先导出再导入,注意导出以后是zip格式的压缩包,而导入是将其中的json文件导入。

如图: 多说后台

最后

在经过了超过六小时的折腾之后终于基本达到了一个比较理想的效果。虽然这个代码质量不是太高,有一些bug,但是这个UI总体还是不错,你们可以感受一下:http://hktkdy.com

题外话

话说昨天是2014年最后一天,因为这件事情没弄好,我还在自嘲「别人都在看跨年,我却在改博客」(虽然我对卫视跨年晚会没兴趣),不过早上起来看到新闻「上海外滩跨年发生踩踏事件,已经导致35人死亡」,到觉得自己十分幸运乃至幸福了。
2014再见,2015,愿你我都好。

--------------------------------------分割线---------------------------------------------------------
如果您喜欢本文,可以点下面的喜欢按钮,也可以关注本人简书
或简书专题:我们在自己的世界里独自狂欢

也可以订阅我的微信公众号,了解更多内容。

海阔天空的云
上一篇下一篇

猜你喜欢

热点阅读