Hexo主题butterfly初体验

前言

从去年11月底折腾博客以来，我一直使用的是volantis主题，主题美观大方，标签丰富，这也是我最初选择这个主题的原因。

但是今年三月份以来，百度自从收录了我的一个内页，一直到六月快要结束都没有再收录第二个。期间我对比了一些同类博客，除了顶级域劣势、文章质量不行等之外，还有一个可能的原因就是主题的结构不太友好。虽然写博客应当是一件很纯粹的事，但总觉得自己的输出没有得到肯定，这成了我尝试其它主题的原因之一。

选择主题

在决定了尝试其它主题之后，我对比了比较热门的hexo主题，比如有去年我都想尝试的sakura主题，但是现在看来稍微有点花哨；next主题，应该是很老牌的hexo主题了，但是已经想不起为何没选择它。最终，我选择了butterfly主题。

主题对比

风格样式

volantis和butterfly主题在ui上相差不大，并且因为我比较喜欢简洁，所以首屏的内容基本一样。

当然，首屏的样式两个主题都可以自定义，只是我个人选择了相对更加简洁的一种。此外，侧边栏和文章页的布局也大致相似，但也各有各的风格。

代码结构

从代码结构上来看，我个人更喜欢butterfly的一点，在例如文章页的开头，很整齐地交代了许多页面信息，看起来内容更加紧凑和集中。

但是，butterfly的主题配置文件代码相比之下却没volantis的整齐，甚至有些注释比配置项更多，相对而言也没那么集中。

支持标签

相比较之下，volantis原生支持的标签非常丰富，而butterfly原生支持的标签比较少，以至于我在迁移文章的时候，得一个一个改如gallery、psw标签之类的，并且由于两者的front-matter写法也有些许区别，所以在做迁移的时候花了许多时间。

自定义程度

按理来说，两个主题的自定义程度都很高，提到这一点其实原因也是在我自己。在摸索volantis的配置时，我才刚接触静态博客，当时也问过许多文档里有的白痴问题。后来折腾美化的时候，也借鉴了许多其他大佬的成果，也得到了许多大佬的帮助。在自定义butterfly的时候，因为原先养成的一些习惯，导致在迁移基本完成后还犹豫了几天到底要不要替换。目前遇到的问题可能很简单，但是我也尝试过许多办法没能解决，这是我的问题。

目前待解决

①两个主题的leancloud统计路径不一样，volantis在结构化数据里写的url是域名+路径，计数单元是times，而butterfly则是直接路径，计数单元是time。我也曾尝试过修改path，但始终没能弄对。 手动修改解决。

②butterfly目前不支持leancloud统计整站的uv和pv，而用不蒜子统计的话一切又要从头来过了。

③侧边栏自定义。虽然butterfly原生支持的侧边栏比volantis的丰富，但是volantis支持多种样式，butterfly支持html语言的自定义，但目前文章页不支持自定义显示。

④fontawesome的使用。我将自带的css换成了专业版的css，导致文章内标题图标、版权声明的图标无法正常显示，即使我更换了对应的内容。

⑤动态友链。volantis有个很实用的功能就是，将友链数据写在issue里面，这样就不用每次添加友链都要重新生成一次博客的内容。但是也有大佬移植了，后续加上。

⑥artitalk的front-matter写了`comment: false`仍然会显示评论框。 已解决，butterfly版要在配置文件的font-matter里面加。

后话

写这篇文章的目的也不是说哪个好哪个不好，只是为了自己继续折腾写一点记录，同时也是为了鞭策自己多学一点东西，才能更好地解决所面临的问题。当然如果能给选择主题的朋友一点参考，那也是我的荣幸了。

不管怎么说，还是要感谢在这一路上认识的各位大佬，以及两个主题的开发者，开源世界因为你们更加精彩！