学习react，复制了一个C站Civitai

苦肝两个多月，终于复制了一个C站，也就是现在最热门的AI绘画社区Civitai。
来看看效果图吧！

技术栈介绍

我还是一个菜鸡，所以不像c站那样用了各种技术。
目前只是为了展示数据，我的Civitai简单技术栈如下

前端：React
后端：Flask
数据库，emmm没有用数据库

react技术方面用的比较多的还是各种钩子，useEffect,useState,useContext等，由于基础不够扎实，学了就忘，经常写着写着就忘记钩子的用法，或者干脆钩子名都忘了。然后就是typescript的严格类型限制，类型不写，或者写的不合适就会有红色报错提示，好烦emmm。
未来准备学习next，跟c站一样，用next技术。

背景介绍

作为编程爱好者，没事就喜欢写代码，或者学习编程技术，正好处在学习react前端框架的时间点，我想找个项目练手巩固一下react知识点，同时玩过stable diffusion的AI绘画，知道Civitai这个网站，发现他正好是react的开源项目，最后就选c站作为学习目标，一边看人家的源码，一边巩固react，于是就苦肝了两个月，一边学习一边复制人家代码，进一步改造，让代码能够运行，由于是新手，人家的代码太过优秀与庞大，花了两个多月，我也就弄了两个残缺的界面出来。以后打算继续学习更新网站。

Civitai介绍

一般称之为C站，玩过AI绘画，或者Stable Diffusion的人对Civitai.com肯定不陌生，因为他是AI绘画者经常去的网站，不管是找prompts提示词、lora模型、checkpoint模型、各种灵感，Civitai网站都是最合适的去处。而且下载速度也很快，真不知道他是多少的带宽，才能支撑起全球AI绘画爱好者的庞大流量。由于上面模型图片各种各样，涉及各种13+，16+，18+的图片，以及明星肖像法律问题。emmm，现在国内已经不能访问了，当时我正好也在刚刚处于ai绘画狂热阶段，看到某个人上传了穿红色衣服的老大模型！！！可能这也就是Civitai被封禁的原因吧，然后没几天，国内就不能访问了。

我的Civitai介绍

没错，就是我的Civitai！

为什么这么说呢？因为我买了civitai.cn这个域名，而C站的域名是civitai.com。
com 与 cn的区别是，一个是全球的主流通用域名，而cn是中国特有的，emmm，相差两个字母。

所以首先，应该可以说 复制了C站的域名 也不为过吧！

由于c站对外公开了好几个数据api接口，大家都可以通过api获取模型，图片的数据（太佩服C站了，如此大气）

所以其次，调用一下c站提供的api接口，就可以保存数据到自己电脑上

最后呢，数据都有了，当然就可以把数据展示到网站上啦！

相关链接

1. Civitai主站，需要科学上网 ----https://civitai.com
2. 我的civitai ----https://civitai.cn
3. civitai 开源仓库 ---- https://github.com/civitai/civitai
4. civitai rest api ---- https://github.com/civitai/civitai/wiki/REST-API-Reference

最后

学习永无止境！
由于服务器性能较低，访问有点慢…，请见谅。

感谢您百忙之中，看我罗里吧嗦。

佛祖保佑您~ 事事顺心，永无bug。