一个更漂亮的Halo搜索插件
起因
更换Halo博客系统之后，就开始慢慢的折腾了，完成了整体Hao主题的配置内容，在过程中发现一些小问题，基本都用halo自带的代码注入CSS进行调整。
这个自带的搜索有部分内容跟主题冲突，顶部会被主题的内容遮挡，而且样式也不是很契合整个主题。我试图通过CSS注入的方式进行修改，但是发现并不起作用。
修改源码
搞定环境
我找到官方的搜索插件源码，希望自己能做调整一下样式内容，修复一下bug。所以我Fork了一份内容。在此之前，我并没有git和github的使用经历，所以如果其中有不符合规定的地方尽请见谅。 在clone完项目之后，由于需要gradle打包编译，VScode提示我缺少java环境，连依赖安装都不行。解决完这些之后，接踵而来的自然是网络问题，命令使用等。等我完成这些，终于可以运行程序编译出jar文件测试了，却又找不到输出文件夹在哪里，哈哈。最后，我在GPT的帮助下，搞清楚了命令的使用、文件项目的结构等问题，不得不说AI还是非常有帮助的。
改写代码
接下来开始改写前端代码了，好在这部分内容，我还是比较熟悉。VUE和Tailwind用起来还是比较舒服的。这里我调整了整体的样式内容：
- 增加了整体modal弹出框的背景模糊效果
- 增加了“搜索”两个标题字
- 调整文字输入框字体大小和选中样式
- 调整了整体搜索框的字体颜色
- 增加了暗黑模式（仅支持根据浏览器主题自动切换，不支持手动切换） 以下是调整后的样式预览：
整体效果我还是很满意的，并且现在也没有了Hao主题的顶部遮挡问题。
提交仓库
由于个人随便使用，就随意更改了一个2.1.0版本，为的是官方更新的时候不提醒我，自己手动更新。当然我确实也不知道改如何设置修改版本号，本来我想设置为1.3.0，但是我已经提交过了，不知道如何能够将部分文件回到以前的版本？这样我就可以试图去推送到官方的主线上了。
以下是我的仓库地址，有需要的就去下载吧： Adyun/plugin-search-widget: Halo 搜索组件的插件 (github.com) Releases里面已经有打包好的jar文件，在Halo后台安装即可。 那么，我的第一次github之旅就到此结束了。
