聊聊博客新主题“Sienna”
在前两天,把博客的主题换了。之前一直想换来着,也摸索过几次,但是苦于自己没那个技术,一直没能实现。对于一个代码小白来讲,有些代码只是看得懂大概意思而已,css可以通过浏览器的检查功能慢慢调,但是真正自己从零开始手搓结构和css,简直是另外一个困难等级。好在,现在有Ai、有豆包,我可以把我的想法,一点点实现,然后加以改善。所以这个主题,就是自己的想法+豆包给的代码创造出来的。因为不断调试,加上大家懂的,现在的Ai有时候很难听懂人话,所以前前后后也折腾了几天。最终的效果呈现,我还是挺满意的,达到了预期。

上图为被我魔改的主题“Berry”,作者是大发(bifa),用了应该有七八年,时间挺久的。在我眼里,WordPress主题方面,大发是很牛的,当初还买过一款付费主题也很不错,不过没用多长时间。这款免费的“Berry”却用了很久。大家知道的,主题用了一段时间就会视觉疲劳,所以在原有基础上,我做了一些改动,在停用前,效果是这样的:点我点我点我。如果大家觉得不错,也可以去围观:原版“Berry”(https://fatesinger.com/100232)、“Berry2.0”(https://fatesinger.com/105431)。
讲讲配色,整体就是以棕色、咖啡色为主,比较统一。“Sienna”,实际上褐赭色,并不是严格意义上的棕色或者咖啡色。为什么把这个主题定为“Sienna”,实际上只是因为这个单词看着比较好看、也比较好听而已,也能跟自己定的主题色调搭配,所以就定了这个名。
讲讲结构,各版块内容都是以卡片式呈现,除了常态的首页、分类页、标签页,做了存档和链接页面模板,可以直接套用。说说各个板块是如何呈现的:
1、首页部分,最上面的banner下面就是导航菜单;然后下面是4个分类板块,有分类名称,目前的文章数量、评论数量,以及一点简单的介绍,卡片形式并排显示;再下面,滚动显示的是最近几条评论,我当时也思考了一下,单栏主题,通过这种方式是最好的,如果最近评论里有同ID的,那只显示最近的一条;紧接着就是文章列表了,分类名称+标题,正文摘要下面有标签和浏览数、评论数。实际上首页我还在想,要不要加友情链接,如果加的话估计也会是滚动显示,至于位置还没有想好,有可能是在footer上面。

2、分类页面和标签页面,没什么说的,跟首页输出的文章列表形式一样。

3、存档页面,这一套逻辑是之前一直用的,然后也加到这个主题上了。有分类情况、热门标签和文章存档,文章存档采取折叠形式,当年度的会直接按月显示,一年以上的都折叠起来了。

4、友链页面,没啥说的。

5、文章页面,正文输出后,加了一个“相关文章”,主要调取跟标签和分类有关的文章;评论区加了身份标识,除作者外,按照评论数量分了三个标识,“乍见”>=1,“时晤”>=4,“同契”>=12。评论区的表情,用的是大发的Alu表情插件。

目前这个主题的细节,还在打磨中。因为是处女作,暂不考虑分享哦。
大家在使用过程中,如果遇到BUG,也欢迎和感谢大家帮我指出来,谢谢!
你这个主题跟迷你日志那个也好像
很不错