6 月 14 日的晚上,我为自己做出了一个新的博客样式。虽然不是博客主题,只是针对原本的一些优化。我称这次更新为大换血,因为它真的重做了很多东西。字体、颜色、图片,各种样式都换了个遍,最后终于做到顺眼了。先说说我为什么要做新样式,因为旧的不好看,就那么简单。旧的样式是当时临时做的空白符,甚至一开始都没考虑深色配色,这就导致会出现很抽象问题——我喜欢深色模式,但是深色模式体验下并不理想,分不清卡片和背景。

有朋友反馈说,我这个网站字体搭配不行。他的理由是字体可读性差,其实我早就注意到了这一点,但是我找不到合适的字体能替代站酷,问题就一直延续至今了。我现在就寻思着,只能在可读性和好看选择,不妨参考别人。为什么那些老的网站虽然丑,但没让别人觉得别扭?很大原因就是因为搭配做的好。你看菜鸟教程的站长在这一点就不错,因为本身的风格偏粗糙,所以压根就没换过其它字体,用的都是那些系统的,属于是有什么就用些什么。

字体搭配都是有门道的,它要根据你的网站样式来。平面日记它看起来是一张纸,所以别人用文楷等书法字体是合理;作品集它是一个立体的东西,所以你会看到部分人的选择是那些可读性差但漂亮字体,因为它更加文学感。问题来了,我用的这个主题偏什么感觉呢?没错,偏二维动漫卡通感,所以我用那种书法字体,是绝对不行的选择,哪怕要用也是用一些卡通字体会更好。因此目的就非常明确了:找一个自己喜欢的卡通字体,不能太张牙舞爪。

再看图片搭配,以往的默认封面都是立体感的摄影作品,还记得我说过什么吗?我的主题是偏二维动漫感,所以我需要的是这些封面的二维版(除了手机实拍封面),为这些默认封面图片绘制二维版,是我这次的第二个任务。我打开了常去的字体网站,我总是在这里下载字体。当我点击卡通字体那一列的时候,蹦出的栏目居然大多都是付费的……看来是个人都知道卡通字体好。唯一不付费的就是小魂牌的,大多都张扬的,翻到第 10 页时才终于找到了。

图片搭配不需要我自己重新绘画,重新绘画会浪费很多的时间;我也不想找画师,因为那都很贵。所以我选择了最主流的选择——找 AI 绘画。还记得我之前说过什么吗?AI 绘图很垃圾,没错,但那是建立在没有成品抄作业情况下的。这次就不一样了,这次要做的工作是转换。编写提示词的时候可得认真了,常规的手绘提示词转换画面会保留哪些不需要的,那看起来和没换没有区别。摄影需要做的是聚焦重点,绘画也是一样,直接选纯白背景就好。

除了封面外,头像和英雄区域的背景也要考虑。其实我是最开始考虑头像和英雄区域背景的,因为当时我打算基于 Astro 重写一个博客主题。我选择了我最喜欢特摄作品——假面骑士电王的图片作为头像和英雄区域,上文说过,图片不能是立体感那类,但假面骑士是真人作品,所以需要放进 AI 里转化人物图片。最后放弃做主题了,我明白现有完全发挥主题的配置,不能轻松换主题有很多东西都要迁移的。最后,这些图片被用在了本次任务当中。

除此之外,就是一些 CSS 还有 JS 需要被废弃。比如关于侧边栏的 CSS、主题卡片颜色的 CSS,JS 方面就是一些老旧的、关于页面随机算法的 JS,总共算下来移除了三个。这些都是那时候从配置里删除,但一直留在仓库里的 CSS 以及 JS,现在是大换血时间,所以用不到的全被删掉了,就是那么简单。最后的最后,就跟以前一样,如果你以前来过本站,需要清空浏览器的静态缓存再来看本站,新的访客不需要清空浏览器静态资源,没有哈!