今天2024年11月1日，给自己下个挑战书。挑战90天开发一个主机管理面板系统。 命名为：`bpanel` 域名其实之前就已经注册了，但是一直懒懒的，换了新博客系统，现在开始正式开发。 - 仪表板功能 - 站点管理 - 数据库管理 - 文件管理 - 系统设置 采用前后端分离 - 前端：vue3 + vite - 后端：.net8 采用nginx做代理 地址：https://github.com/xiaopanglian/bpanel 因本地网络问题，github同步太慢，先放到国内：https://gitee.com/xiaopanglian/bpanel github延迟同步

前期打算使用sqlite3作为面板的数据存储 使用freesql作为ORM 使用yitter作为Id生成工具 分步走 - 1、先开发后台API接口功能 - 2、写sh脚本安装服务器需要的依赖软件（Nginx、PHP、Mysql） - 3、开发后台API操作服务器依赖软件 - 4、开发前端页面

从typecho迁移到了innei系统，目前正在逐步恢复数据中... 目前已恢复文章和友联，其他博客功能正在摸索配置中

记录一个最近遇到的问题。 最近在做一个项目，在.net8 web api项目集成vue3前端，实现前后端分离。 简单来说，就是.net8实现api功能，vue3实现前端功能。 1、.net8添加静态文件访问功能 app.UseStaticFiles(); 2、vue3打包成静态文件 3、把打包的静态文件放在.net8的wwwroot目录里面 其实在这个时候，已经集成成功了，但是现在有一个情况，那就是如果vue3使用history模式的时候，如果直接通过url访问特定页面，比如 xxx.com/user/123，这个时候是会响应404的，因为histor...

**记录一个今天遇到的图片放大时渲染问题** 在使用tailwindcss对图片进行放大使用 ```css hover:scale-105 transition duration-300 ``` 更好效果可以对图片进行定位，比如从图片中间放大，再加上 ```css origin-center ``` 但是这会有一个问题，那就是在放大时，图片可能会抖动，这是因为浏览器是使用的CPU渲染，而不是使用的GPU，这时候再加上下面这段代码就更好了 ```css transform-gpu ``` 这下对图片进行放大就非常的顺滑了

宝塔商店安装好supervisor后，使用supervisorctl会提示command not found。 是因为默认并没有软连接。需要手动做个软连接 ``` cmd ln -s /www/server/panel/pyenv/bin/supervisorctl /usr/bin/supervisorctl ``` 这样再使用supervisorctl命令就可以直接使用了

如果两个数据库上下文一个是SQL Server，另一个是MySQL，那么TransactionScope将无法有效地管理事务。这是因为TransactionScope在跨多个数据库服务器时依赖于MSDTC（Microsoft Distributed Transaction Coordinator），而MSDTC并不支持与MySQL这样的非Microsoft数据库进行分布式事务。 为了在这种情况下实现事务管理，可以使用以下两种方法之一： 方法一：手动事务管理 你可以手动管理每个数据库上下文的事务，确保在所有操作成功后才提交事务。如果任何一个操作失败，则回滚所有事务。 示例代码 ...

为什么要删除提交历史 前几天产品提了个很扯淡的需求，我在代码了进行了吐槽.... 要命的是我不下心进行了代码提交： 2024-06-18T09:12:58.png 我们的远程仓库大家都能看见的 2024-06-18T09:13:11.png 这要是被其他人发现就惨了！当务之急，我必须立刻马上删除这一条提交记录！！ 于是，我打开百度，搜索到两个救命关键词：git revert和git reset！这两个命令都有撤销操作的功能！ 使用git revert撤销提交 revert的英文释义是回复、恢复（到原来的状态） 作用 git re...

作为网站所有者,你可能希望为用户提供一款功能强大、外观出众的视频播放器。这不仅能提升整体用户体验,还能帮助你更好地展示各种内容和产品。在众多可用的视频播放器插件中,Plyr.js是一个非常出色的选择，我在icefox主题里面使用了该插件，体验非常棒。 Plyr.js是一个轻量级、响应式且易于定制的HTML5、YouTube和Vimeo视频播放器。它可以帮助你快速构建具有现代外观和交互体验的视频播放器。在本文中,我将向你展示如何使用Plyr.js来优化网站的视频播放器。 为什么选择Plyr.js Plyr.js有以下几个显著优势: 轻量级和性能出色: Plyr.js的核心库只...

要实现悬浮框从下往上，从隐藏到显示的效果,可以使用 Tailwind CSS 提供的 transform 和 transition 工具类。 HTML 结构: Hover me <div class="absolute bottom-0 left-0 w-64 bg-white shadow-lg rounded-lg p-4 transform translat...