正月十四,元宵快乐嗷~(台州人过的是十四)
这个寒假事情比较多,Android方面没有啥进展,倒是博客折腾了一会儿。在这里主要讲讲hugo和hexo的一些取舍,以及hexo主题的定制。
1.Hugo的正确折腾方式
Hugo和Hexo都是时下比较流行的静态博客生成器,也还有Jekyll等……使用起来原理也就是一些主题的个性化配置,以及markdown文章的书写,然后就是用命令行生成网页并部署到服务端了。比起自己手写一个博客,使用静态博客显然是懒人的最佳选择。
Hugo是基于Go语言开发的,Hexo则基于Node.js开发。感觉也没有特别明显的差距。从时间上来看,Hugo的发布比Hexo晚,迭代也比Hexo快(最新的Hexo是在16年2约编译发布的)对于爱折腾的人来说,不体验一把Hugo也无法满足自己的好奇心红红火火恍恍惚惚哈哈……
1-1.Hugo博客的搭建
Hugo环境的搭建和Hexo差不多,按着文档来就可以了,至于Git,Go语言包之类的工具…对程序员来说也是小事情了。折腾过Hexo的话用不了几分钟就能搭好。Hugo QS文档
在Hugo的Sites目录下是你创建的所有站点,站点目录下有一些文件夹,其中content
是存放页面和文章的目录,static
存放各种静态资源,themes
存放主题,public
存放生成后的网页内容。
1-2.Hugo的主题库
Hugo的建站流程很简单,与Hexo不同的是,Hugo没有默认主题,只有从Git上下载。Hugo官网提供的主题比Hexo要多。但是从民间资源来看,Hugo的中文主题没有Hexo的好看……
有段时间我把Hugo部署到GitHub Page上取代了Hexo,用的主题是hugo-future-imperfect
(demo预览)
然而,当我用了这款主题之后,我发现对于中文的支持并不好,斜体的Markdown解析会出现问题…也有挺多的小Bug,但是要找一款完美的主题实在是太难了,忍忍就算了。
1-3.我为什么放弃Hugo
首先,生成并部署网页,在Hexo里我只需要hexo g -d
,只要在_config.yml
里面设置好deploy
就可以一句话完成操作,而Hugo则是要手动进行Git操作,对懒癌患者不太友好。
and,Hugo的主题看上去茫茫多,但是没有一个用起来称心如意的,还是有点失望的。
最后,Hugo迭代很勤快,大概是不稳定吧……还是Hexo这样稳定的工具用起来更舒服
2.Hexo主题yilia的完善
最后我终于被Hugo搞烦了,换回了Hexo,捡回了原来的主题yilia
(yilia传送门)
从GitHub的PR和issue来看,yilia的作者litten已经把这个主题凉了很久了……好在PR里面有一些bug的修复,可以手动打上。
yilia的源码(sass文件、js文件和ejs文件)在source-src
里面,如果修改的话需要重新编译,编译后的css文件和js文件会在source
里面。
如果只是修改某个参数的话,可以先启动本地服务:
然后用chrome打开后打开开发者工具(F12),可以看到解析后的css(源文件css是压缩的,没有缩进不要慌问题不大),找到对应的字段,在source
的main-xxxxxx.css
里面搜索字段,修改相应的数据。
然后,保存后先清除public
文件夹下的旧文件,再执行hexo g -d
,就可以更新主题了。
今天的不定期诈尸就到这里了,马上又要回学校了,又没时间折腾了,掰掰掰掰,给大家拜早年了。