之前也写过一篇文章介绍过OneImg开源图床，主打能用就行的原则，用AI写了一个很简陋的前端，样式和操作逻辑也比较简陋。

不过使用了一段时间之后抽空就对这个项目的前端进行了重写优化，使用了Tailwind CSS对样式和布局进行了重构，并去除了一些冗余的代码。

然后把OneImg重命名了一下，改成了初春图床，使项目更加轻量化和有辨识度。

上一篇OneImg开源图床文章：

项目地址：

更新内容：

1. 样式使用了Tailwind CSS进行重构
2. 添加了上传进度条
3. 上传后复制链接可以复制更多格式了，包含UTL、Markdown、HTML三种格式
4. 添加了图片预览和放大查看功能，点击图片弹出拟态框预览，使用spotlight.js点击预览图可以查看图片大图。
5. 更好的Message提示
6. 优化了画廊布局，去除多余的功能
7. 统计仅保留总图片数、总存储空间、本月上传信息，更加轻量简洁
8. 图标更换为 Remix Icon ，兼容性更好、更美观
9. 优化了黑暗模式下刷新闪屏的问题
10. 优化适配了移动端显示效果（自适应）
11. 其它修改

部署：

此项目使用了 go语言 + Vue 3 进行开发，使用docker部署

你可以直接下载源码上传到服务器，配置好Docker环境，然后运行以下命令：

1
cd /opt/oneimg # 进入项目目录，请选择您的实际存放路径
2
docker compose up -d # 启动服务

推荐使用1panel面板进行部署和管理。

默认账号密码：admin 123456

注意：

1. 此项目在登录代码里写死了对接Pow验证模块防止爆破，如果不需要可以自行在源码内删除。
2. 默认使用了SQLite3数据库，当然也支持MySql数据库，但我未测试，不确定可用性，如需使用请自行修改（配置文件.env => IS_MYSQL=true）。
3. 只支持上传到本地存储，未添加其它存储支持（s3、oss、r2等）。
4. 因为图床是专门为博客开发的，所以默认上传的图片会自动压缩并转换为webp格式，不支持上传原图。

（哈哈哈，就是懒，就满足了我现在的需用需求，大家也可以使用此项目源码进行随意的修改和开发）

预览（黑暗模式）：

预览（亮色模式）：

预览（移动端）：

本博客现在使用的就是这个图床系统，大家也可以查看效果。

如果喜欢的话，请给项目点个Star，谢谢！

或者你有更好的建议或意见，也欢迎留言吐槽和讨论，或许你的想法也会被我添加到后续的更新中。

也欢迎你给我们打赏：https://www.cv0.cn/Index/Reward.php