从一条Tailwind CSS获得赞助的消息开始

一直觉得自己的博客模样有点黑盒的状态，因为他的样式是用我不熟悉的SCSS写的，虽然我对普通的CSS也不熟悉。

正好最近看到 Tailwind CSS获得AI公司赞助的消息，想着何不借此机会，更新一下博客的样式？

博客字体

首先是博客字体，原主题字体需要导入一些在线的字体，而这在线字体在一些网络环境下无法访问，这次将字体替换成各个系统自带的字体。

只是在CSS中修改了所使用字体的，也不需要将字体文件放到服务器上，因为这些字体是各个系统本地就有的，既节省了流量，又加快了访问速度，一举两得。

更新字体的初衷很实际：为了让访客，无论网络环境如何，都能毫无障碍的快速加载页面。

参考了博客站字体终极解决方案：强烈推荐用系统自带的字体

具体是这些字体：

STZhongsong,"楷体", "楷体_GB2312", -apple-system, "Roboto",BlinkMacSystemFont,"Apple Color Emoji",arial

然后，经过这次字体替换，我还了解到了衬线，非衬线字体的区别。

非衬线字体适用于短文和屏幕内容，代表字体是黑体。可以用在较理性的技术类文章。

衬线字体适用于较长的书面文件，尤其是打印文本，代表字体是宋体。可以用在较感性的生活随笔类文章中。 参考中文博客的字体选型

更新样式

既然，SCSS或是Tailwind CSS对我来说都不熟悉，那我更倾向于从更’现代‘的工具开始，加上Tailwind CSS目前人工智能用的很多，用它来重构，或许能让我更顺畅地借助AI来学习。

于是，一场由AI协助的样式重写之旅就这么开始了。

不得不说，AI在这方面业务很熟练，给它我目前的样式文件，没有等候太长时间，它就给我用Tailwind CSS重写了一遍。

新的样式可能没有100%和之前的一样，但也有80%以上的相似。

醒悟，我差点制造了另一个“黑盒”

虽然让AI帮我用Tailwind CSS重写了一遍样式，但当初为什么要重写？

不是因为我对SCSS不熟悉，不是很爽把他当作黑盒来用吗？那现在让AI把样式用Tailwind CSS重新写了之后，这对我来说又成了新的黑盒，我对他的原理一点都不了解，想改点什么东西很费劲。

不，我不能这样，我决定告诉AI，不要让他把所有的工作做完，让AI告诉我其中核心的概念原理，然后由我手动去写一小部分，这样网站的样式对我来说就不是一件完全不懂的东西了。

切入点是一个我很喜欢的项目，他像互联网上的‘神秘传送门’，叫做“开往”。只要点击一下链接，就会随机跳转到一个不知是谁的精神角落，可能是非常有风格的炫酷页面，也有可能是一长列的读书分享。

然后我就手动调试这个链接的样式，选了两个图片，分别是深色模式和浅色模式中的样子，图片中是个火车头，通过样式调整，让他更加融入整个页面，和周围的元素样式保持尽量的统一。

当我手动调试好这个链接的样式，看到他出现在页面的右上角，那种感觉和直接粘贴AI生成的完整代码完全不同。我不仅知道它在那、如何在那。这个小角落，终于对我而言是’透明‘的了。

在人工智能时代，写博客是一种什么感觉

有点像在自动化的工厂里，坚持手工打磨一件自己喜欢的工具。AI解决了“怎么造”的效率问题，但“造什么”、“为何而造”，答案仍然在自己手里。

就像这次，它帮我重构了样式，而我把省下的时间，用来亲手安装了一个通往随机远方的“传送门”。