4、更新日志
版权声明
本着开源共享、共同学习的精神:
本文是记录了 博主Ruyu 开源项目:《Ruyu-Blog 》https://gitee.com/kuailemao/ruyu-blog 部署&使用过程得一些细节,转载无需和我联系,但请注明文章来源。如果侵权之处,请联系博主进行删除,谢谢~
强烈推荐:
博主Ruyu :
Ruyu-Blog开源博客gitee地址:https://gitee.com/kuailemao/ruyu-blog
Ruyu-Blog开源博客网站地址:https://www.kuailemao.xyz/
更新日志
http://kuailemao.xyz/article/46
作者gitee仓库:
https://gitee.com/kuailemao/ruyu-blog
2023.9.5(更新成功)
更新log
2024.9.3
@全体成员 项目更新日志,v1.4.4已发布: 本次更新: 1.新增前台Banner管理 2.调整文件上传默认格式与大小限制 3.优化后台前端 4.跳转前台前端 5.调整其他代码 gitee&github均已提交新版本 在线文档:https://kuailemao.xyz/article/46 在线站点:http://docs.kuailemao.xyz/ 完整版本更新日志:https://gitee.com/kuailemao/ruyu-blog/compare/v1.4.3...v1.4.4
09.5
更新方法
##拉取最新代码
cd /root/ruyu-blog-latest-code/ruyu-blog
git pull
##拷贝最新代码
cd /root
mkdir -p /root/ruyu-blog-latest-0905/
cp -a /root/ruyu-blog-latest-code/ruyu-blog /root/ruyu-blog-latest-0905/
cd /root/ruyu-blog-latest-0905/ruyu-blog/
##最新是
#lrwxrwxrwx 1 root root 32 Aug 24 15:57 ruyu-blog -> /root/ruyu-blog-latest/ruyu-blog
cd ~
ln -sfn /root/ruyu-blog-latest-0905/ruyu-blog ruyu-blog
ll -t
##第2步:覆盖3个核心配置文件#################################################################################################
rm -rf /root/ruyu-blog/blog-backend/src/main/resources/application.yml
cp /root/ruyu-blog-latest/ruyu-blog/blog-backend/src/main/resources/application.yml /root/ruyu-blog/blog-backend/src/main/resources/
rm -rf /root/ruyu-blog/blog-frontend/kuailemao-blog/default.conf
cp /root/ruyu-blog-latest/ruyu-blog/blog-frontend/kuailemao-blog/default.conf /root/ruyu-blog/blog-frontend/kuailemao-blog
rm -rf /root/ruyu-blog/blog-frontend/kuailemao-admin/default.conf
cp /root/ruyu-blog-latest/ruyu-blog/blog-frontend/kuailemao-admin/default.conf /root/ruyu-blog/blog-frontend/kuailemao-admin
#vim /root/ruyu-blog/blog-backend/src/main/resources/application.yml
#.env
#检查下对不对
rm -rf /root/ruyu-blog/blog-frontend/kuailemao-blog/.env.development
rm -rf /root/ruyu-blog/blog-frontend/kuailemao-blog/.env.production
cp /root/ruyu-blog-latest/ruyu-blog/blog-frontend/kuailemao-blog/.env.development /root/ruyu-blog/blog-frontend/kuailemao-blog
cp /root/ruyu-blog-latest/ruyu-blog/blog-frontend/kuailemao-blog/.env.production /root/ruyu-blog/blog-frontend/kuailemao-blog
rm -rf /root/ruyu-blog/blog-frontend/kuailemao-admin/.env.development
rm -rf /root/ruyu-blog/blog-frontend/kuailemao-admin/.env.production
cp /root/ruyu-blog-latest/ruyu-blog/blog-frontend/kuailemao-admin/.env.development /root/ruyu-blog/blog-frontend/kuailemao-admin
cp /root/ruyu-blog-latest/ruyu-blog/blog-frontend/kuailemao-admin/.env.production /root/ruyu-blog/blog-frontend/kuailemao-admin
##第3步:构建镜像#######################################################################################################
#重新构建jar包
cd /root/ruyu-blog/blog-backend
mvn clean
mvn clean package
#删除老容器和老镜像
docker rm -f ruyu-blog-hd
#docker rmi -f ruyu-blog-hd
#构建新镜像和启动新容器
##这里记得做好原作者Dockerfile里target/的补充
docker build . -t ruyu-blog-hd-latest-v1-2024.9.5
docker run --name ruyu-blog-hd -d -p 8088:8088 ruyu-blog-hd-latest-v1-2024.9.5
docker ps
##
#重新构建dist
cd /root/ruyu-blog/blog-frontend/kuailemao-blog/
rm -rf dist
pnpm install
pnpm build
#删除老容器和老镜像
docker rm -f blog-qt
#docker rmi -f blog-qt
#构建新镜像和启动新容器
docker build . -t blog-qt-latest-v1-2024.9.5
docker run --name blog-qt -d -p 80:80 blog-qt-latest-v1-2024.9.5
docker ps
##
#重新构建dist
cd /root/ruyu-blog/blog-frontend/kuailemao-admin/
rm -rf dist
pnpm install
pnpm uninstall husky
pnpm install husky
pnpm build
#删除老容器和老镜像
docker rm -f blog-ht
#docker rmi -f blog-ht
#构建新镜像和启动新容器
docker build . -t blog-ht-latest-v1-2024.9.5
docker run --name blog-ht -d -p 81:81 blog-ht-latest-v1-2024.9.5
docker ps
##
注意事项
利用最新版代码进行大版本更新,其他配置文件保持不变;
需要导入blog-banners.sql文件;
mysql -uroot -p123456 blog < /root/blog-banners.sql
重启mysql
特别注意:需要手动在后台添加权限,不然无法设置轮播图;
png转webp格式的网站:
https://www.freeconvert.com/zh/webp-converter
存在的问题
后台图片显示大小为0.3M
修改方法
自己本次只记录方法,不进行验证
配置来源:
https://hydoc.netlify.app/docs/Ruyu-Upload-file-size
更新日志
V1.4.4版本更新日志:
- 1.新增前台Banner管理
- 2.调整文件上传默认格式与大小限制
- 3.优化后台前端
- 4.跳转前台前端
- 5.调整其他代码
- 6.vite-plugin-imagemin依赖下载有问题,去除图片压缩
- 7.vite-plugin-imagemin依赖下载有问题,去除图片压缩
- 8.修复生产与开发环境时间不一致问题
- 9.修复评论删除时与点赞的联动删除问题
- 10.修复留言删除时与点赞收藏评论的联动删除问题
- 11.修复后台评论跳转按钮问题
- 12.优化评论的显示顺序
- 13.优化其他代码
- 14.修复后台登录无法跳转问题
ps:优化了加载速度,亲测无缓存首页加载最快3.5s,平均4s
完整的更新日志: https://gitee.com/kuailemao/ruyu-blog/compare/v1.4.3...v1.4.4
背景
最近,Ruyu-Blog 作者发布了 V1.4.4 版本更新,该版本对文件上传功能进行了严格的限制,将上传文件的最大大小限制设定为 0.3MB。这个限制对于需要上传较大图片或文件的用户来说是个不小的困扰,比如在上传站长头像、背景图或其他多媒体资源时,往往无法满足实际需求。为了解决这个问题,我编写了一个详细的教程,帮助大家解除这个文件大小限制,通过简单的配置修改,让博客的文件上传不再受到 0.3MB 的束缚,从而自由上传更大尺寸的文件,提升用户体验并满足更多的实际使用场景。希望这个教程能够帮助到需要的朋友们,让大家能够更加灵活地管理博客资源。
- 解除文件上传大小限制的做法虽然解决了上传较大文件的问题,但也带来了一些潜在的缺点和风险
缺点
- 性能问题: 上传更大的文件可能会导致服务器负载增加,特别是在带宽或服务器资源有限的情况下,可能会影响网站的加载速度和响应时间,从而降低用户体验。
- 存储成本增加: 上传更大尺寸的文件会占用更多的存储空间,这可能会导致服务器存储成本的增加,尤其是对使用云存储服务的用户。
- 安全风险: 放宽上传限制可能会增加恶意文件上传的风险,可能会有不安全的文件格式或超大文件被上传,从而造成安全隐患。
- 页面加载速度: 较大的图片或文件会影响页面的加载速度,特别是对于移动端用户或网络环境较差的用户,可能导致页面加载时间变长,影响网站的整体性能。
- 用户体验不一致: 上传大文件可能导致不同用户设备之间的体验差异,一些低配置或老旧设备在处理大文件时可能会出现卡顿或崩溃的问题。
- 带宽消耗增加: 较大的文件会消耗更多的带宽,特别是在高流量的网站上,这可能会导致带宽成本的增加,同时也可能引发带宽超限的问题。
这些缺点需要在解除上传限制时予以考虑,最好能结合具体需求,通过优化图片压缩、调整服务器配置等方式,尽量减小对性能和安全的影响,需权衡资源、性能和安全方面的影响
blog-backend/src/main/java/xyz/kuailemao/enums/UploadEnum.java
下图的5.0修改您自定义的图片文件上传大小
public enum UploadEnum {
// 站长头像
WEBSITE_INFO_AVATAR("websiteInfo/avatar/", "站长头像", List.of(ImageConst.JPG, ImageConst.JPEG, ImageConst.PNG, ImageConst.WEBP), 0.5),
// 站长背景
WEBSITE_INFO_BACKGROUND("websiteInfo/background/", "站长背景", List.of(ImageConst.JPG, ImageConst.JPEG, ImageConst.PNG, ImageConst.WEBP), 1.0),
// 文章封面
ARTICLE_COVER("article/articleCover/", "文章封面", List.of(ImageConst.JPG, ImageConst.JPEG, ImageConst.PNG, ImageConst.WEBP), 3.0),
// 文章图片
ARTICLE_IMAGE("article/articleImage/", "文章图片", List.of(ImageConst.JPG, ImageConst.JPEG, ImageConst.PNG, ImageConst.GIF, ImageConst.WEBP), 3.0),
// 用户头像
USER_AVATAR("user/avatar/", "用户头像", List.of(ImageConst.JPG, ImageConst.JPEG, ImageConst.PNG, ImageConst.WEBP), 0.5),
// 前台首页Banners图片
UI_BANNERS("banners/", "前台首页Banners图片", List.of(ImageConst.JPG, ImageConst.JPEG, ImageConst.PNG, ImageConst.WEBP), 1.0);
// 上传目录
private final String dir;
// 描述
private final String description;
// 支持的格式
private final List<String> format;
// 文件最大大小 单位:MB
private final Double limitSize;
}
blog-frontend\kuailemao-admin\src\pages\blog\info\stationmaster-info\index.vue
function beforeUpload(file: UploadProps['fileList'][number]) {
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/webp'
if (!isJpgOrPng)
message.error('文件格式必须是jpg或png或webp')
#后面的数字2就是您定义的大小
const isLt2M = file.size / 1024 / 1024 < 2
if (!isLt2M)
message.error('图片必须小于 2MB')
return isJpgOrPng && isLt2M
停止井重新运行BlogBackendApplication'
,也就是application-dev.yml文件
7.上传验证
admin角色用户应该具备后台添加背景图功能
后台背景图片数量限制为5个
修改方法
自己本次只记录方法,不进行验证
blog-frontend\kuailemao-blog\src\views\Home\Main
后台背景图只能一张张上传
2024.8.23
@全体成员 项目更新日志:
更新内容
1.修复生产与开发环境时间不一致问题 2.修复评论删除时与点赞的联动删除问题 3.修复留言删除时与点赞收藏评论的联动删除问题 4.修复后台评论跳转按钮问题 5.优化评论的显示顺序 6.优化其他代码 gitee & github已提交 在线更新日志地址:https://kuailemao.xyz/article/46 gitee提交地址:https://gitee.com/kuailemao/ruyu-blog/commits/master
url: jdbc:mysql://[数据库IP]:[数据库端口]/blog?useSSL=false&allowPublicKeyRetrieval=true&serverTimezone=Asia/Hong_Kong
2024.8.19-
更新log
完整的更新日志: https://gitee.com/kuailemao/ruyu-blog/compare/v1.4.2...v1.4.3
最后提交信息为: 优化首页加载
没有.env文件发生变化:
重新部署
重新构建后端/前端:
但是保持.env不变。