- 博客(346)
- 收藏
- 关注
RSS订阅
原创 超简单的图文并茂Linux上使用yum安装Mysql（Aliyun Linux release 2.1903 LTS）
超简单的图文并茂Linux上使用yum安装Mysql（Aliyun Linux release 2.1903 LTS）
2021-09-26 01:44:37
1223
5
原创 超简单图文并茂基于Linux使用Docker部署Node.js项目
部署并使用Docker欢迎使用Markdown编辑器说明前提步骤一：链接服务器合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器本文介绍如何在Aliyun Linux 2.1903 LTS 64位操作系统的EC
2020-07-05 23:59:55
3507
2
原创 从0-1超详细教你实现前端代码nginx部署全流程
超简单的前端静态资源服务器部署--nginx说明前提步骤一：链接服务器步骤二：安装Nginx步骤三：测试步骤四：部署结语说明本文旨在使用最简单快速的办法，解决前端静态资源部署需求。公司平时使用 tomcat 部署静态资源比较多，今年三月份我买了一个服务器，一直忙着加班还没开始用，今天刚好拿来用一下咯：前提你要有一个服务器哟~~购买后打开就像这个下面这个样子步骤一：链接服务器找到公网IP修改密码下载FinalShell，安装打开打开FinalShell名称可以随意
2020-05-26 18:40:50
4610
3
原创 从0-1超详细教你实现前端读取excel表格并渲染到界面
从0-1实现前端读取excel表格并渲染到界面说明前提步骤一：准备工作步骤二：实现导入表格解析步骤三：实现表格渲染结语本文旨在解决无需调用后端接口，实现前端读取表格文件，获取文件内容，渲染到界面的需求我的其他文章可以解决扩展需求：读取解析表格后执行自动单元格合并读取解析表格后根据数据对比分析自动设置单元格颜色读取解析表格后执行数据分析（透析）生成可满足用户自定义需求的echarts关系...
2020-04-30 04:01:14
17145
14
原创 AI真好玩系列-免费解锁 Google Gemini 的几种方式
免费解锁Google Gemini的三种方式：1）企业用户可注册Gemini Enterprise享受30天免费试用，支持在Google Docs等办公场景使用；2）开发者可通过Google AI Studio免费体验最新模型，提供充足Token额度；3）个人用户访问Gemini官网即可永久免费使用基础版，新用户还可领取1个月Gemini Advanced试用。三种方案各具特色，满足不同场景需求，让AI助力工作与生活。
2025-12-10 00:21:09
1193
原创 图文并茂-手把手教宝子们3分钟用 GitHub Pages 搭建免费网站 (保姆级教程)
摘要：本文提供了一份GitHub Pages建站教程，只需3分钟即可免费搭建个人网站。步骤包括：1）注册GitHub账号；2）创建公开仓库；3）上传HTML文件（教程提供示例代码）。无需编程基础，适合新手快速创建作品集或个人主页。文中包含详细图文指引，从注册到部署全程可视化操作。
2025-12-10 00:01:13
721
原创 AI真好玩系列-圣诞树手势交响曲 | Christmas Tree Gesture Symphony
本文介绍了一个基于Three.js和MediaPipe Hands的3D互动网页应用"圣诞树手势交响曲"。项目通过手势控制实现交互效果：当手指张开时，圣诞树旋转加速、粒子上升并显示"MERRY CHRISTMAS"文字；手指闭合时，树缓慢自转、粒子如雪花飘落。技术亮点包括：使用8000个暖金色粒子构建背景，3D礼物盒堆叠成圣诞树，动态生成金色丝带纹理，以及MediaPipe手势识别（通过检测拇指与食指距离控制交互）。项目采用单文件HTML实现，并解决了摄像头隐藏的技术
2025-12-07 02:25:14
1003
原创 AI真好玩系列-Three.js手势控制游戏开发教程 | Interactive Game Development with Three.js Hand Controls
本文介绍了使用Three.js和MediaPipe Hands开发手势控制3D游戏"太空捕手"的过程。游戏通过摄像头捕捉玩家手势，控制屏幕下方的滑块接住随机掉落的彩色物体。技术实现包括：1) Three.js创建3D场景、灯光和游戏对象；2) MediaPipe Hands实现手势识别；3) 滑块位置与手势实时同步；4) 碰撞检测和计分系统。文中提供了完整的HTML代码结构，包含场景设置、UI界面和核心游戏逻辑，展示了如何将计算机视觉技术与3D游戏开发相结合的有趣实践。
2025-12-07 00:09:58
723
原创 AI真好玩系列-WebGL爱心粒子手势互动教程 | Interactive Heart Particles with Hand Gestures
这篇文章介绍了一个基于WebGL和手势识别的互动爱心粒子效果。通过Three.js创建了由3000个粒子组成的3D爱心模型，结合MediaPipe Hands库实现手掌张合控制粒子聚散效果。当用户张开手掌时，粒子会聚合成爱心形状；闭合手掌时，粒子会随机散开。代码包含场景初始化、爱心粒子系统构建、手势识别交互逻辑等核心部分，使用热粉色粒子营造浪漫视觉效果。项目通过摄像头实时检测用户手势，实现了富有创意的WebGL交互体验。
2025-12-06 23:46:03
957
1
原创 1分钟，图文并茂手把手教你用Trae AI将你的设计稿自动生成前端代码 One-Minute Guide with Visuals: Turn Design Mockups into Code wit
摘要： Trae AI 是一款能将设计稿自动转换为前端代码的智能工具，支持多平台（Windows/Mac/Linux）。操作步骤：1）安装Trae并切换至Builder模式；2）上传设计图（如网页截图）；3）用结构化指令指定技术栈（React/Vue等）、路由配置等需求；4）AI自动解析并生成代码，支持实时预览与自然语言调整优化。差异较大时可结合Figma插件或升级模型提升效果，Git分支确保代码安全。AI正重塑前端开发流程，实现“设计即代码”。 Abstract: Trae AI automates fr
2025-10-17 00:06:25
2340
原创 图文并茂展示CSS li 排版大合集，总有一款是你刚好需要的
本文介绍了CSS中li元素的全面排版技巧，分为基础样式、高级布局和创意效果三部分。基础部分涵盖默认列表样式和自定义项目符号（方形、圆形、罗马数字等）；高级布局包括图片标记、水平导航栏制作和样式清除；创意效果则展示了计数器样式、卡片式边框、悬停动画和间隔线等装饰技巧。每个技巧都配有代码示例和效果图，帮助开发者实现多样化的列表设计，从基础排版到复杂交互效果一应俱全。
2025-10-16 01:59:48
427
原创 Git 高效工作指南：核心命令与实用场景
这篇Git高效工作指南分享了核心命令与实用场景，涵盖基础操作到高级技巧。主要内容包括：基础工作流（克隆/提交/推送）、核心应用场景（暂存管理/多任务处理）、高级操作（选择性合并提交）以及实用技巧（分支管理/配置优化）。文章特别推荐了cherry-pick选择性合并和git stash暂存功能，并强调了提交规范、分支策略等最佳实践。这些技巧能帮助开发者更高效地管理代码版本，适合日常开发参考使用。
2025-10-15 01:35:34
423
原创 可怕！我的Nodejs系统因为日志打印了Error 对象就崩溃了[特殊字符] Node.js System Crashed Because of Logging an Error
文章摘要： 作者在调试Node.js项目时，因直接打印Error对象导致系统崩溃，报错"Maximum call stack size exceeded"。分析发现，日志库遍历复杂Error对象时可能触发循环引用，而console.log能智能处理此类问题。解决方案包括：仅记录关键错误属性（如message/stack）、使用序列化函数、配置日志库防护机制等。最佳实践强调避免直接记录原始Error对象，推荐提取必要信息并添加错误处理边界保护，确保日志系统稳定性。本文通过中英双语和生动比喻
2025-10-14 01:33:27
895
原创 LibreChat-图文并茂手把手教你界面配置 | Adorable LibreChat Interface Configuration Guide
本文详细介绍了LibreChat的界面配置功能，通过interface对象可自定义各种UI元素。主要内容包括：隐私政策链接设置、服务条款弹窗、模型切换按钮、聊天参数控制、书签收藏等功能开关；还支持多服务器连接、侧边栏调节、聊天预设、代码运行、网页搜索等特色功能。每个配置项都配有示例代码和效果图，用户可根据需求灵活调整界面元素，打造个性化聊天体验。
2025-10-11 00:58:14
1066
原创 LibreChat-图文并茂手把手教你搭建自己的AI机器人 Step-by-step guide to building your own chatbot
LibreChat是一款支持多AI模型的自主托管聊天机器人，本文提供了详细的本地安装指南。文章首先介绍了LibreChat的特点，包括支持OpenAI、GPT-4 Vision等先进技术，以及开源和自托管特性。随后分步骤讲解安装流程：从环境准备（Node.js 18+、Git、MongoDB）、克隆仓库、配置环境变量，到安装依赖、构建前端和启动服务，并配有截图说明。此外还包含更新维护、高级配置选项和常见问题解决方法。最后提供了官方文档和社区链接，方便用户进一步探索。该教程适合想要搭建个性化AI聊天机器人的开
2025-10-10 00:30:48
1004
原创 程序员必备单品：超级常用的linux指令+实际操作案例
在Linux系统中，有许多常用的命令可以帮助用户进行文件管理、系统监控、网络配置等操作。以下是一些常见的Linux命令及其具体使用案例：
2024-10-30 23:25:03
1284
原创 图文并茂教你如何发布自己的NPM包（GitHub Packages npm 包发布）
GitHub Packages 是一种软件包托管服务，和npm类似，允许您私下或公开托管软件包，并将包用作项目中的依赖项。
2024-10-30 22:47:20
764
原创 .net8系列-07图文并茂手把手教你连接SqlServer数据库使用log4net记录.net日志
使用 log4net 写入日志通常需要以下几个步骤：- 添加 log4net 库引用- 在项目的配置文件中添加 log4net 的配置- 在 Program.cs 或 Global.asax.cs 文件中初始化 log4net- 使用 logger 记录日志
2024-10-07 00:50:17
1650
原创 1分钟了解什么是docker和docker-compose？前后端必知必会技能GET啦
Docker 是一个开源平台，用于构建、部署和管理容器化的应用程序。它允许你将应用程序及其依赖项打包成一个轻量级、可移植的容器，以便在任何环境中一致地运行。
2024-10-06 04:10:04
1329
原创 VUE2常见问题以及解决方案汇总（不断更新中）
解决vue项目中 el-table 的 @row-click 事件与行内点击事件冲突，点击事件不生效（表格行点击事件和行内元素点击事件冲突）需要阻止事件冒泡，vue子组件传递数据给父组件，vue + elementui 使用dialog弹出框作为子组件，首次点击弹框可以显示，第二次点击弹框后赋值无法打开弹框，动态循环生成el-checkbox后数据更新但是页面不更新，无法取消勾选，点击无效问题
2024-10-06 04:03:15
895
原创 1分钟搞懂K8S中的NodeSelector
NodeSelector 是 Kubernetes 中的一个概念，它允许用户通过标签选择器（label selectors）来指定 Pod 应该被调度到哪些节点上运行。这一机制为Pod的调度提供了灵活性，使得用户可以根据节点的标签属性来控制Pod的分布。## 为什么使用NodeSelector？- 通过NodeSelector，我们可以指定固定节点运行服务- 解决PV ReadWriteOnce情况下，不影响项目运行情况下，实现节点调度
2024-10-06 03:56:32
2604
原创 Docker系列-5种方案超详细讲解docker数据存储持久化(volume,bind mounts,NFS等)
Docker的数据持久化是什么？ - 简单理解，就是为了数据安全-不易丢失。- 在容器运行过程中产生的数据能够被保存下来，即使容器停止或重启后这些数据也不会丢失
2024-10-06 02:36:07
2699
1
原创 Docker系列-超级详细教你Linux安装并使用docker compose，如何使用docker-compose安装sqlserver
docker compose是什么？ Docker Compose 和docker功能一样，为了运行容器服务。 如何使用docker-compose安装sqlserver
2024-10-05 02:20:31
1826
原创 手把手非常详细图文并茂教你 Docker 部署 SQL Server
手把手非常详细图文并茂教你 Docker 部署 SQL Server,Docker系列-超级详细教你安装并使用docker compose，如何使用docker-compose安装sqlserver
2024-10-05 02:14:27
5476
1
原创 .net系列-ClosedXML，ExcelWorksheet,Workbook.Worksheets或ExcelPackage如何导出表格？如何自动宽度，根据内容调整行高和列宽
1. 本文介绍两种.net导出表格的方案2. 在我们使用.net的表格工具的时候，导出表格的宽度和高度默认的总是很窄，字体都挤在一起，如何让它自适应呢？下面介绍两个库的自适应代码写法
2024-09-27 01:29:19
922
原创 图文并茂手把手教你macOS 上安裝并运行 .NET8应用（.net6也可以用哦）
图文并茂手把手教你macOS 上安裝并运行 .NET8应用（.net6也可以用哦）软件开发工具包（SDK）包括使用命令行工具和任何编辑器（包括Visual Studio）来构建和运行.NET Core应用程序所需的一切。
2024-09-27 00:59:59
1710
1
原创 .net8系列-图文并茂手把手教你使用Nlog记录.net日志
NLog是一个为.NET平台设计的灵活且免费的日志记录库。它适用于包括.NET Framework、.NET Core和.NET Standard在内的多种.NET环境。
2024-06-17 03:47:43
3804
原创 多种方案图文并茂分分钟教你解决Kubernetes（k8s）容器安全问题（不断更新中）
在Kubernetes中，securityContext是一个非常重要的概念，用于设定Pod或容器级别的安全选项。它允许你控制容器的运行权限、用户标识、SELinux选项等，从而增强容器的安全性。
2024-06-17 03:42:48
1782
原创 .net8系列-05图文并茂手把手教你.NET Core 下使用 Log4Net 记录日志，配置日志组件log4net
og4net设计用于帮助.NET应用程序的开发者控制日志信息的生成过程，使得日志信息可以根据配置被输出到多种目的地，包括控制台、文件系统、数据库、电子邮件、Windows事件日志等。
2024-05-06 02:19:39
5910
3
原创 图文并茂手把手教你安装windows搭建sqlserver（SqlServer数据库安装保姆级教程）
SQL Server 数据库的一些核心特点高性能与可扩展性：SQL Server 专为高性能和高并发设计，支持分布式客户机/服务器计算环境。它能够根据需求进行横向和纵向扩展，适应不同的工作负载。关系型数据库系统：它遵循ACID（原子性、一致性、隔离性、持久性）原则，确保数据的一致性和完整性。通过表格的形式结构化存储数据，支持复杂的查询操作，如联接、聚合等。数据一致性和完整性：提供了丰富的约束（如唯一约束、外键约束）、触发器、存储过程等功能，帮助维护数据的准确性和一致性，减少数据冗余。安全性：内置了强
2024-05-06 02:16:03
7986
1
原创 .net8系列-04图文并茂手把手教你配置Swagger支持token以及实现Swagger扩展，Swagger代码单独抽离
.net8系列-04图文并茂手把手教你配置Swagger支持token以及实现Swagger扩展，Swagger代码单独抽离
2024-04-27 04:51:15
1674
原创 .net报错异常及常用功能处理总结（持续更新）
1. WebApi dynamic传参解析结果中ValueKind = Object处理方法问题描述方案1：(推荐，改动很小)2.C# .net多层循环嵌套结构数据对象如何写对象动态属性赋值问题描述JavaScript动态属性赋值.net动态属性赋值3.Object.GetType().GetProperty().GetValue()读取对象报错，无法获取Json转化对象的属性和值怎么办，。net C# .GetType().GetProperties()报错失效问题描述解决方案。
2024-04-27 04:48:25
2322
原创 .net8系列-03图文并茂手把手教你配置Swagger以及实现接口版本控制
在创建项目的时候我们已经有了一个基础版本的Swagger，可以看到接口以及测试接口，接下来我们配置显示接口注释和实现接口的版本控制
2024-04-21 01:58:40
3241
1
原创 .net8系列-02图文并茂手把手教你编写增删改查接口
把控制器当成一整块资源，使用了RESTful API，HTTP方法和方法含义如下：GET（SELECT）：从服务器取出资源（一项或多项）。POST（CREATE）：在服务器新建一个资源。PUT（UPDATE）：在服务器更新资源（客户端提供完整资源数据）。PATCH（UPDATE）：在服务器更新资源（客户端提供需要修改的资源数据）。DELETE（DELETE）：从服务器删除资源。
2024-04-21 01:55:10
760
原创 .net8系列-01手把手教你创建一个新的.net应用（.net7和.net8的不同点）以及三种方案进行接口调试
Windows版本.net环境搭建 (支持.net8) Mac版本.net环境搭建 (Mac版本的VS目前只能用.net7)
2024-04-20 02:51:58
1925
原创 图文并茂手把手教你MAC运行.net项目（Visual Studio 配置c# .net环境 运行solution）
图文并茂手把手教你MAC运行.net项目（Visual Studio 配置c# .net环境 运行solution）
2024-04-20 02:46:34
1319
1
原创 五种方案图文并茂教你使用DBeaver，SQL文件导入数据库，插入数据，备份恢复mysql,postgres数据
此步骤对于不同类型数据库来说，有的可以一次选择多个表，有的可以一次选择多个库，下面是两个截图案例。此步骤对于不同类型数据库来说，有的可以一次选择多个表，有的可以一次选择多个库，下面是两个截图案例。下面介绍两种不同的数据库的导入截图，mysql 和postgres。下面介绍两种不同的数据库的导入截图，mysql 和postgres。如果报下面的错，是因为文件太大了，我们需要采用其他方案解决。请注意，要先查看一下自己的导入库支持哪种导入格式再选。我本人比较喜欢方案二和方案五，大家根据需求选择~
2024-03-28 01:57:15
21437
原创 INTERNAL ERROR(undefined,undefined) Cannot destructure property ‘script‘ of ‘result.descriptor‘ as i
根据报错提示，找到node_modules/ @vue /cli-plugin-typescript/vue-compiler-sfc-shim.js文件。
2024-02-23 01:23:47
1081
原创 图文并茂手把手教你用一行命令生成目录结构树
执行完上述命令后，我们可以在当前路径下看到一个menu_tree.txt文件，打开就是我们要的结果啦~~-d 指定目录，如果不指定目录，则会将当前目录作为指定目录。-e or --export 导出到文件中。欢迎大家指出文章需要改正之处~已安装node环境，
2024-02-23 01:18:43
1044
原创 4种方案教你彻底解决vue + el-dialog的model的状态已经改变但是却不显示弹窗,×号点击后异常无法显示弹框
如果你是VUE2.X，请检查你是否在:visible这个属性上加.sync，就像这样:visible.sync=“dialogVisble”，vue3应该是v-model的绑定方式，请去查文档~如果方案1没有解决，可以尝试将x号绑定和取消一样的方法来进行关闭。找到元素，手动在dom里面把mask的display改成show。欢迎大家指出文章需要改正之处~
2024-02-22 01:50:35
3698
1
Linux系统学习必备-手把手教你图文并茂windows10安装VMware创建CentOS-7-x86-64运行linux系统
2023-07-23
初学者练手专用-学生作业-学校实训项目-瀑布流博客模板创意布局html+css+js
2023-07-26
免费pdf转word工具，解压即可使用 ，支持Win7及以上64位操作系统
2023-07-26
批处理bat程序，可以批量去除txt文件空行
2023-07-26
CSS动画特效-超好用多种方案实现CSS光束扫过，扫光特效，ae文字过光效果，光效移动效果
2023-07-25
CSS效果-多种情况CSS文字超出宽度-换行总结 代码示例
2023-07-12
炫酷科技感黑客感瀑布流html+js+css代码
2023-07-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人