Astro | Kael 博客的功能新增和样式修改

今天来更新一下个人博客的版本。

这个博客主题是基于 RyuChan 主题二次修改的，我在他的基础上做了一些功能的新增和修改。

除了这个搜索功能，还有下面的代码块复制功能，这两个都是功能的修复，其他都是样式的修改。

搜索功能

第一个搜索功能，搜索功能这是硬伤啊。原版是这样的，你搜索之后，大部分给到的是这个网站的标题，而不是这个文章的标题。这个我给修复了。还有就是你再次搜索的话，搜索的结果会在搜索历史的下面，这也是硬伤。我修改成每次搜索都会删除之前的历史记录。

导航栏样式修改

下面这三个都是导航栏的样式修改。导航栏的这个毛玻璃透明效果，有时候真的不太好用，你会看不清上面的字。我给改成了纯色，黑白配色，简单一点就没有那么多事情了。然后这个搜索框的位置我也给改了，原版这个搜索框它是在中间的，我给移到了右边。

这个封面我也给注释掉了，我觉得不用图片也还行哦，更简洁一点，如果你想用回这个封面，你可以把注释删掉，添加上你自己的图片。

这个番组组件，我给删除了。看动漫直接去动漫网站去看，不用再弄一个组件出来，我觉得没必要。还有这个樱花特效，有时候还会卡顿，也没什么必要。

页面修改

这个about、友链页面、评论组件，我都给修改了，可以看一下。然后这个RSS页面。很多网站的RSS页面都是这样的像乱码一样。我把它的样式改了，这样就比较美观一点。

这个新增网址导航目录。原版的这个导航，数量多了之后，他就不太好找。我给他增加了一个像文章目录一样的功能，可以跳转相应的标题。这个相当于一个导航网站了，你可以自己定制属于你自己的个人导航页面。

Umami 一键开关

然后 Umami 统计访问量，这个我也给改了。博客访问量在原版这里有几个位置会显示。人物卡片最下面这里有一个，文章属性这里有一个，还有 license，这里也有一个。

你在 config.yaml 里面修改成false，你是不能把这些统计量给关闭的。它会显示统计不可见，而且这些统计量的显示地方还不一样，你还需要一个个的去源代码那里关掉。这个我改成了一键开关，你这里关掉所有都不显示，打开之后所有的都会显示。

文章样式修改

下面这些都属于文章的样式修改，这里面我最不能忍的就是，文章竟然没有两端对齐，这我肯定恼火了啊。找篇文章对比一下，这就不说了。

代码块复制功能

这个代码块的复制功能也是硬伤。原版你点击复制按钮它是没有效果的。而且这个代码化样式我觉得不好看，也给改了。

然后下面这个卡片阴影效果。原版它是三周阴影围绕，啥意思呢？啊，就是这样的，我个人觉得就是真的是卡片卡了个寂寞了，我改成了四周环绕。

license 组件修改

还有 license 组件。新增了一个打赏按钮，还有里面分享的按钮全部给改了。原版里面的这些，国内几乎不会用得到。我给改成了微博、qq、微信还有复制链接。还有这个链接符号，原版这里应该是跳转当前页面，等于是刷新网页这样一个功能，他这个还没配置好。我觉得没什么用，给改成了复制当前文章的链接。虽然这个，其实也没啥用啊，不过比之前的要强，呵呵。

这个博客主题我是开源的，链接我会放到简介和置顶评论，欢迎大家来测试效果和继续优化，也欢迎大家来申请友链，友链的申请就是这样的，不要一上来就甩一个链接就跑了，起码的这些信息——名称啊，网址啊、头像啊、描述啊，这些要有吧。

project 简述

最后简单讲一下这个 project。这些都是我用 Cloudflare 做的一些项目。

第1个是主页，比较简单的一个小网站，后面这5个都是博客主题框架。

Hexo是我第一个博客。他的这个butterfly主题怎么说呢，内容看着很丰富，前几年觉得挺好的，现在觉得有点花里胡哨，然后我就转到想转到Hugo上面去。

本来我本来想用这个Teek的主题，这个主题用起来也比较丝滑，但是它和 butterfly.主题有一个共同点就是比较花里胡哨，想改到这个 stack 主题。

不过那段时间在搜索，搜到了这个Rin博客主题。这个Rin也比较简洁，它的特点就是Cloudflare全家桶，一站式解决。不过他的这个设置是真的麻烦。环境变量设置了N个，我只搞了他的前端，后端我都没有搞。然后我又搜到了一个Astro博客框架，就是这个FIREFLY。

这个博客主题一眼看上去，诶，是这种卡片风格的，我比较喜欢，它最大的特点就是可以调整样式，相当于一定程度上的自定义，我本来就打算用这个主题的。

后来又又又搜到了现在用的这个主题，对比了一下，还是觉得这个主题比较，怎么说呢？风格比较成熟一点。虽然他没有 Firefly 这个主题。可以有一定的自定义，但是他一眼看上去简洁，大气。两个比较下来，我还是选择这个博客主题，自己再作修改。

接着这几个是音乐视频、邮箱、图床、新闻热点，都是一些小项目。音乐，视频。邮箱我设了密码，你们应该进不去的。这个图床，这图床你们可以用，算是一个小福利，就是打开的时候会比较慢，但是打开之后就很流畅。旁边的这个图床和邮箱，我自己正在用，还挺好用的。这些项目你们都可以到我的仓库里面 Fork，用Cloudflare自己部署，还算比较简单。