4

Hexo主题butterflu初体验

 2 years ago
source link: https://www.hin.cool/posts/butterfly.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
瓦解的生活记事

Hexo主题butterflu初体验

发表于2021-06-25|hexo
字数总计:1.2k|阅读时长:3分钟|阅读量:57|评论数:2

  从去年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里面加。

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

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK