抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

选择博客主题,就像在挑选琳琅满目的商品,总是将一个看得顺眼的搞到手,然后又看上了另一个,但是这个时候已经不能退货了。

博客换主题虽然不花钱,但是却是一件非常消耗时间成本的事,每换一个主题都要消耗很长时间来使用,使用的时候又会难免地遇到多种多样的问题。

Cards不好吗

不好的不是Cards,是我,人类总是喜新厌旧的。

我为什么会用到Cards

最早的时候,我看着那些各式各样的主题,Next实在是朴素得好像白纸,Butterfly花里胡哨的,我有没有看到Fluid呢?有,但是没有选择它,那个时候Cards更加吸引我Cardsd给人的第一印象是很好的,加上我曾经学习过一年的安卓,CardsrdView有一种莫名其妙的执着。于是第一眼我就看中他了。

我为什么会换到Fluid

那它究竟有什么不好,我只能说每个人的需求不一样,最早选主题的时候,我总是先看一眼预览图,然后再点进去翻翻,但当时的我从来没想过一件事,那就是动效,这个东西重要吗,作为一个曾经写过安卓的,我特别喜欢用插值器来作一些淡入淡出的动画,只需要短短的几行代码,但是一个傻傻呆呆的画面就活灵活现地动了起来。然而对于一个大学三年没有修过任何网页相关的课程,对css一窍不通的菜鸡来说,主题给我啥,我就基本只能用啥,当我有一次等待着博客更新到网站上,它一如既往那么傻快地“”一下出现在我眼前,在打开过n个一打开就绚丽多彩的博客后,我承认我产生了一种羡慕嫉妒恨的心理,我发现我终究是个不够朴素的人,我也许不会接受Butterfly那么绚丽的主题,但是我骨子里的闷骚却接受不了像Cards这样那么朴素的主题了,于是我选择了Fluid。

Cards主题的缺点(非常主观)

我说的缺点是我觉得有一些不太舒服的点,有很多地方实际上是不同点,大家的审美也不会完全相同,所以这一部分非常主观。

移动端页面间距不好看

在移动端查看网站的时候,Cards主题的卡片会和屏幕边缘有一定的间距,然后再加上文章和卡片的间距,看起来就很别扭,也许这个东西是可以调整的,但是像Fluid那样卡片和屏幕边缘之间没有间距看着确实会好受一点。

数学公式过长会直接超出去

一般是在移动端或者分屏的时候,数学公式为单行的时候当它过长会出现横向滚动条,但是当数学公式为多行又太长的时候,这个数学公式既不会出现滚动条,也不会自动缩进缩在文章里面,而是直接往右超出去一截,这不仅会让人觉得很难受,而且回到顶部和目录的按钮也会被公式顶到最右边(我有一次写文章发现两个按钮没了找了半天为什么,也没有人提到过这个问题,也许我之后想起来会去提交issues)。

没有动画

这个在上面已经提过了,Cards主题给人的感觉太简单了,没有那种灵动的感觉。

高冷的说明文档

Cards主题的说明文档虽然整体上非常的清晰明了(目录很好),但是落实到细节,却对初次使用Hexo的人来说比较困难,一般做的时候总是会想,这样真的搞定了吗,我按照这样敲效果就会出来吗。加上使Cardsd主题并且出教程的人并不算多,就会遇到各种各样的问题。从这方面上来Cardsrd主题也许对于初次使用Hexo的新手来说是有点困难了。

没有代码一键复制

很多主题都有这个功能,虽然说代码可以直接选中再复制,但我还是认为这个功能在博客中非常的有用。

Cards主题的优点

有优点当然也是要夸的

简洁好用的设置

Cards主题的设置非常的简洁,但是却涵盖了非常多的插件以及功能,一开始只需要非常简单的配置就能跑起来,后续添加功能与插件要进行设置也很方便,不得不说相比于其他的动辄八百一千行的config文件Cardsd主题的亲和度还是不错的。

文章无封面图与有封面图的两种情况比较匹配

不同于大部分的主题有封面图和无封面图总是只能选择一种情况(这实在是太难受了,总是要在Canva网站为纯文字的博客做一个封面),得益于统一使用卡片式布局,有无封面图的文章同时出现在Cards主题的主页并不会让人觉得很突兀,这实在是众多主题中不可多得的优点。

非常齐全的功能

也许你可以说Cards主题在某些美观地方上差强人意,但它确实做到了基本在功能上你能想到的它都基本做了,例如像在移动端文章右侧目录(toc)会变成一个按钮,只要点击就可以打开目录了(而Fluid却没有),方便的文章折叠功能(Fluid还要专门安装插件并进行设置),它虽然没有足够多的人去使用它以致于没有很详细的教程,但是却基本不会有什么你在其他地方见到的功能它却没有,在这方面它不输其他非常流行的主题。

Fluid好不好用

当然好用,否则我也不会用了,接下来慢慢讲。

Fluid主题的优点

令人感到如婴儿般舒适的说明文档

说明文档中不仅有详细的流程,还有实例,按照步骤做都能把效果做出来,可谓是保姆教程了。

简洁但灵动的画面效果

主页的打字机效果,文章目录的动画效果(还能自动展开与折叠),在不会给人感觉冗杂的情况下让博客具有灵动的感觉,真的很舒适。

非常齐全的功能

作为收藏数达到5.5k的主题,大部分功能都拥有,再加上舒服的说明文档可以很方便地添加新功能,许多问题也能在issues下找到。

易上手

和Cards主题一样,Fluid主题虽然config文件要长很多,但是很多都在于UI的设置,配合说明文档很快就能配置并跑起来。

移动端的支持比较好

页面间距上给人的阅读体验很不错,公式也会缩进而不会有格式上的问题。唯一的硬伤是它并没有目录缩成一个按钮而是直接取消了目录。

Fluid主题的缺点

这一部分其实倒不如说是期待之后的版本能够改进的地方。

折叠模块的加入

虽然可以依赖第三方的插件,但是选择什么配色方案还是令人纠结,加上我不会css,我更不会写动画效果啥的,希望作者之后能把这个功能集成进去,这个功能确实挺有用的。

进一步适配移动端

目录可以很方便地跳转到文章的选定位置,我觉得这还是比较重要的一个功能,作为md的一大特性,直接将该功能取消实在是非常的可惜,希望能像其他主题一样在移动端或者分屏下能缩成一个按钮。

必须都加封面图或都不加封面图

这一点在说明文档有提到并且作者表示无能为力,我也必须得承认这个是有点吹毛求疵了,毕竟要做到这个真的很难,做封面虽然花时间,但是博客确实会更美观。只能说是Cards主题在这方面做的很好。封面图制作网站 - Canva

总结

如果你的博客以文字为主,希望能快速地使用且界面足够的简洁,那么Cards主题是一个很不错的选择;如果你总是会自己捣鼓插件,并且希望在简洁的同时还能有些舒服的动画效果,那么Fluid主题绝对Cardsd主题更对你的胃口。另外在一开始选择主题的时候,还是应该点进去多翻几个demo看看,有很多东西看预览图是看不出来的。

评论