前端#

这个部分挺简单的,就是界面设计搞不定，还是同学帮助。先写svelte组件，然后在页面的地方调用这个组件并使用client:load，不得不说astro的群岛架构真的好用。调用请求用[axios](https://www.axios-http.cn/)。

css#

tailwindcss确实挺好使啊，直接写css真是要昏头了，太吓人了这玩意。还能用前人写的main.css，就是排版上，感觉写这玩意真感觉挺玄学的，特别是flex。不过也凑合这边看边改试出来了。这个主题的开发者很牛啊，特别是修改全局主题色那里--btn-regular-bg: oklch(0.95 0.025 var(--hue)) oklch(0.33 0.035 var(--hue))把这个hue绑定到主题色滑动条的输入框上了，创意真好。其他感觉没啥了，主要是设计的不好看，这个功能其实实现起来挺简单的。

后端#

用的flask,这个框架主要是感觉写起来比较灵活，springboot啥的，总感觉这么一个小功能用起来太重了。也很简单，主要是这个框架用起来就简单。总共就俩接口，crud非常简单。不过分页功能我也是才知道，本来想着全查出来让前端分页就行了，没想到要给api加一个字段，确实是比想象麻烦点。不过也很简单。

部署#

静态页面没用服务器+nginx，cloudfare page白嫖的，但是开发的时候好好的，结果部署上去就请求不了了，最后发现是cloudfare不能请求http协议的不安全接口。又去给后端服务器配置了nginx和ssl。ssl用的Let’s Encrypt,再加上Certbot，自动续费证书。自动确实可以，不然老是手动续费难受死我了之前。