闲来无聊，用 Django+Alpine.js 基于 iconify 搞了个 svg 图标网站

[pango]

天热关在家里，实在无聊，打算把之前一直想学的 Vue 学起来，打开谷歌，逛着逛着发现了 Alpine.js 这个极简替代品：

“Alpine.js 通过很低的成本提供了与 Vue 或 React 这类大型框架相近的响应式和声明式特性。”

之前一直用的 django+jQuery 搞些小网站，学了下 Alpine.js 发现和 django 能完美配合，那还要啥自行车（ Vue)，于是搞了个 svg 图标网站来练练手，网址： https://meeticon.com

先用 vite 新建了个 js 项目，再把老 django 从 3 升级到 5 ，起了个项目，用 DEBUG 判段开发环境下 js 引用 http://localhost:5173/xxx.js ，生成环境下则引用 vite build 到 static_dir 的 js 。

css 的话 bootstrap 5 还是能打， 图标库的话，既然本身就是做的个图标网站，自然很好解决。

整个开发过程非常流畅，以后 jQuery 可以扔掉了，耗时两小时搞定。

最后用 django-bakery 生成静态页面，分别针对 geo 挂个 cloudfront 和 cloudflare ，解决了大陆地区访问速度问题。

有 200000+个图标，基于 iconify( https://iconify.design/ )，目前没啥人访问没压力懒得弄自己的镜像，若以后有访问压力了也可以切换到自己的镜像。

可能有人会说都已经有了 iconify 干嘛还要又造个轮子，对，这就是个练手用的轮子。

回想以前弄个网站时用 jQuery 控制 dom 的纠结，现在简直太方便了，我又爱上 web 开发了！

[qwertyzzz]

不错不错 但是打不开

[pango]

@qwertyzzz 啊，看来 cloudfront 在大陆地区也不是每个地方都能用。。。

[pango]

测了下发现 cloudfront 的某个地区的服务器会无限返回 301 ，这个 cloudfront 真心不好用啊，算了都用 cloudflare 了。

[echoless]

看起来不错 赞

科学上网还行.