找到
39
篇与
源码
相关的结果
-
api.qrserver.com平台api二维码失效 修复教程 (免费二维码api) 之前很多老源码都是使用XX 但是从昨天晚上开始就用不了，使用就重新找了一个先用一下。 大部分都是用这个但是已经失效了 <div class="bar_top">手机浏览</div><div class="erweima"> <img src="//api.qrserver.com/v1/create-qr-code/?size=150x150&margin=10&data=<?php echo $siteurl?>"> </div> </div> 失效二维码图片 更换这个就可以了这个接口是宁波联佳亚网络科技的 更换很简单只要把对应代码复制下面这个粘贴上就可以了 <div class="panel-body text-center"> <img src="https://api.2dcode.biz/v1/create-qr-code?data=<?= urlencode($siteurl) ?>&size=150" /> </div>二维码图片
-
谷歌浏览器下载即用 Chrome v123.0.6312.59 绿色版 绿化版的数据和插件都在当前文件夹下，可以直接复制到别的电脑上使用，具体支持情况如下 （具体参见App/chrome++.ini，可自行修改）： 双击左键关闭标签页 右键关闭标签页（按 Shift 键时弹出原有菜单） 保留最后一个标签页不关闭窗口（手动点击关闭按钮除外） 鼠标在标签栏时使用鼠标滚轮切换标签页 在任何位置按住右键时使用鼠标滚轮切换标签页（若使用了鼠标手势软件则不生效） 新建前台标签页打开地址栏输入的内容 新建前台标签页打开书签 如果当前标签页是新标签页，则禁用上面两个选项 如何使用： 绿色版，直接运行App/Chrome.exe，可以自行加个快捷方式放桌面和任务栏 如何卸载： 绿色版，不想用了直接删除整个文件夹即可。谷歌浏览器 下载地址：https://img.01kl.cn/down.php/1f966575abd5fc9191001789cc32499d.7z 提取码：
-
彩虹云商城 faka发卡模板全部新ui重置 前言： 设计加重置前前后后差不多花了一个多星期本来想前后端都修改的但是后端几乎没啥用用户端我都关闭的就更没有必要了，所以就做了前端和部分的登陆界面。手机端演示图 图片 图片 彩虹云商城源码 如果没有源码的可以下载这个我也是在网上找的作者我已经找不到了也忘记那个博客下载的了原版源码里面为改动 彩虹云商城 下载地址：https://img.01kl.cn/down.php/84c67e5bfa95eed2dca9b50c8f248b98.zip 提取码： 样式图片 彩虹云商城 发卡模板图片 查单图片 订单图片 登陆图片 订单1图片 订单信息图片 提卡图片 前端测试站点 https://fk.bl01.cn/ 接入方式 第一种也是最节点的一种 打开后台点击模板点击模板设置 模板图片 第二步 下滑看到静态cdn我们填上 国内cdn 120节点每一个省最少两个节点 cdn.01kl.cn/CDN/css/caihong 美国节点国内回调cn2 速度也很快国内cdn没的比 但请求量不限 file.bl01.cn/CDN/css/caihong静态cdn图片 这样就设置完成了 打开浏览器强制刷新一下就可以了 第二种接入方法修改css 方法一 打开这个路径 assets/faka/ 然后把css文件下载直接替换覆盖 css3.css 下载地址：https://img.01kl.cn/down.php/b1afbec1eafd427342c17a5743998dc3.css 提取码： 方法二 css路径为 assets/faka/css3.css 复制下面的css代码粘贴进去就可以了 如果需要更好看协调的可以自己修改 排版我已经加了注释 代码太多很多老设备还有低配置的手机电脑打开都会卡顿所有去掉了页面代码 如果要复制代码点击下面链接即可 https://file.bl01.cn/CDN/css/caihong/assets/faka/css/css3.css cdn静态资源提交说明 如果要是自己二开要提交代码的可以QQ或者微信联系更新也可以在评论家六网盘地址我会下载测试同的我会进行回复和采纳
-
Jeo1.4 模板 跳转页面的失效修复方法 跳转页面的失效 失效图片展示 白泽科技园图片 可以更换公益CDN 以下的是两条不同节点cdn css文件 如果看不懂的可以直接复制下面的代码粘贴到路径usr/themes/joe/module/goto.css文件 白泽科技园图片 <?php if (!defined('__TYPECHO_ROOT_DIR__') || empty($_SERVER['HTTP_HOST'])) { http_response_code(404); exit; } ?> <!DOCTYPE html> <html lang='zh-CN'> <head> <meta name="referrer" content="no-referrer"> <title>即将跳转到外部网站 - <?= $this->options->title ?></title> <meta content='noindex, nofollow' name='robots'> <meta charset='utf-8'> <link rel="shortcut icon" href="<?= $this->options->JFavicon ?>" /> <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.0, user-scalable=no' name='viewport'> <link rel="stylesheet" media="all" href="https://file.bl01.cn/CDN/css/goto.css" /> </head> <body> <div class='gitee-external-link-wrapper'> <img class="logo-img" src="<?= $this->options->JLogo ?>" alt="Logo black" /> <div class='content-box'> <div class='content-title'>即将跳转到外部网站</div> <div class='content-text'>您将要访问的链接不属于 <?= $this->options->title ?> ，请关注您的账号安全。</div> <div class='content-link'> <div class='external-link-href'></div> </div> <div style="background:#409eff" class='ui button orange external-link-btn'>继续前往</div> </div> </div> </body> </html> <script> window.is_black = false; (function() { var e = document.querySelector(".external-link-href"); var t = window.atob(new URLSearchParams(location.search).get("url")); if (t && (e.innerText = t, !window.is_black)) { var n = document.querySelector(".external-link-btn"); n && n.addEventListener("click", function() { window.location.href = t }) } }()); </script>第一个是美国节点 第二个是上海节点 <link rel="stylesheet" media="all" href="https://file.bl01.cn/CDN/css/goto.css" /> <link rel="stylesheet" media="all" href="https://cdn.01kl.cn/CDN/css/goto.css" /> 本地版 优点稳定 缺点小型服务器加载慢 会的可以自己二开 不会的直接复制下面的代码粘贴到路径usr/themes/joe/module/goto.css文件 <?php if (!defined('__TYPECHO_ROOT_DIR__') || empty($_SERVER['HTTP_HOST'])) { http_response_code(404); exit; } // 获取目标URL $target = $_GET['url'] ?? ''; $decoded = ''; if ($target) { // 安全解码Base64 $decoded = base64_decode(str_pad(strtr($target, '-_', '+/'), strlen($target) % 4, '=')); // 验证URL格式 if (!filter_var($decoded, FILTER_VALIDATE_URL)) { $decoded = '无效的URL格式'; } } ?> <!DOCTYPE html> <html lang='zh-CN'> <head> <meta name="referrer" content="no-referrer"> <title>即将跳转到外部网站 - <?= $this->options->title ?></title> <meta content='noindex, nofollow' name='robots'> <meta charset='utf-8'> <link rel="shortcut icon" href="<?= $this->options->JFavicon ?>" /> <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.0, user-scalable=no' name='viewport'> <style> body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #f5f7fa; margin: 0; padding: 20px; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .redirect-box { background: white; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); max-width: 500px; width: 100%; overflow: hidden; } .logo-container { background: #409eff; padding: 25px; text-align: center; } .logo-img { height: 50px; } .content-box { padding: 30px; } .content-title { font-size: 22px; font-weight: bold; color: #333; margin-bottom: 15px; } .content-text { color: #f56c6c; background: #fef0f0; padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; border-left: 4px solid #f56c6c; } .content-link { background: #f8f9fa; border: 1px solid #ebeef5; border-radius: 6px; padding: 15px; margin-bottom: 25px; word-break: break-all; font-size: 15px; color: #606266; } .external-link-btn { display: block; width: 100%; padding: 14px; background: #409eff; color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: 500; cursor: pointer; text-align: center; transition: background 0.3s; } .external-link-btn:hover { background: #66b1ff; } .countdown { text-align: center; margin-top: 15px; color: #909399; font-size: 14px; } </style> </head> <body> <div class='redirect-box'> <div class="logo-container"> <img class="logo-img" src="<?= $this->options->JLogo ?>" alt="Logo" /> </div> <div class='content-box'> <div class='content-title'>即将跳转到外部网站</div> <div class='content-text'>您将要访问的链接不属于 <?= $this->options->title ?>，请关注您的账号安全。</div> <div class='content-link' id="targetUrl"> <?= htmlspecialchars($decoded ?: '未提供有效跳转链接') ?> </div> <?php if ($decoded && filter_var($decoded, FILTER_VALIDATE_URL)): ?> <button class='external-link-btn' id="redirectBtn">继续前往</button> <div class="countdown">将在 <span id="countdown">5</span> 秒后自动跳转</div> <?php else: ?> <button class='external-link-btn' style="background: #909399" disabled>无法跳转</button> <?php endif; ?> </div> </div> <script> <?php if ($decoded && filter_var($decoded, FILTER_VALIDATE_URL)): ?> // 倒计时自动跳转 var count = 5; var countdownEl = document.getElementById('countdown'); var timer = setInterval(function() { count--; countdownEl.textContent = count; if (count <= 0) { clearInterval(timer); window.location.href = "<?= $decoded ?>"; } }, 1000); // 手动跳转 document.getElementById('redirectBtn').addEventListener('click', function() { clearInterval(timer); window.location.href = "<?= $decoded ?>"; }); <?php endif; ?> </script> </body> </html>作者介绍 作者：白泽 版权：白泽 邮箱：aying1019@163.com QQ:3105919063 有问题可联系邮箱或者点击关于加好友咨询然后就是服务器的本地优化了这里可以看往期链接在下 Typecho的Joe模板那些更可以替换静态资源cdn优化运行速度和承载量 typecho博客Joe模板以及其他模板通用优化教程，适用所有主题 宝塔面板优化教程：低配置与小带宽环境下的加速方案 BBR 需要内核4.9以上 2025年最新的教程来了 之前的大部分是用不了的看最新的这个吧！ 4天前发布 / 未收录，已推送
-
晴玖极简发卡系统 1.32最新版 一个轻量级的自助发卡系统，包含管理后台和用户前台。基于PHP原生+MySQL开发，无需框架，部署简单。系统特点 轻量级：无需框架，基于PHP原生开发，性能卓越 管理后台：商品管理、卡密管理、订单管理、系统设置等一应俱全 用户前台：响应式设计，完美适配PC端和移动端 多语言支持：内置多种语言，支持快速切换 多支付渠道：支持平安夜支付、易支付(V1/V2)接口和PayPal国际支付 自动发货：订单支付完成后自动发送卡密到用户邮箱 多发货方式：支持卡密发货、固定信息发货(无限卡密)、API对接发货和人工核销发货 多端模板：支持PC端和移动端不同模板，并可一键切换 邀请系统：完整的邀请码生成和管理功能，解锁易支付V1和V2接口，无限分类和无限商品功能 AI宣传文案：内置AI助手，自动生成营销宣传内容 滑动验证码：更安全的验证码机制，防止机器人攻击 维信聊天室：集成私域聊天群和站长聊天室功能，提升用户粘性 数据库同步：系统更新后自动提示同步数据库结构 邮件通知：基于PHPMailer的可靠邮件发送系统 微信推送：支持WxPusher的消息推送，及时通知站长和用户 自动识别站点URL：无需手动配置，自动适应不同环境 二维码支持：内置二维码生成功能 自动更新：一键在线升级系统到最新版本 访问统计：详细记录网站流量和用户行为数据 支付汇率配置：支持自定义不同货币的汇率转换，适配国际支付 发货日志模块：详细记录每笔订单的发货情况，方便排查问题 前台演示 https://test3.79tian.com/ 下载地址 源码 下载地址：https://file.bl01.cn/Source%20code/v1.3.1.zip 提取码： 官方发布地址：https://gitee.com/QtCodeCreators/faka/releases 安装说明 环境要求 PHP 7.0+ MySQL 5.6+ PDO_MySQL扩展 OpenSSL扩展 GD库（用于验证码和二维码生成） cURL扩展（用于接口请求和更新检查） JSON扩展（用于数据处理） ZIP扩展（用于自动更新功能） 支持SMTP的邮箱（用于发送邮件） 安装步骤 将源码上传到网站根目录 访问网站，系统将自动进入安装向导 填写数据库信息和管理员账号 安装完成后，使用创建的管理员账号登录后台 登录后台配置网站基本信息和支付接口 全新安装模式：系统采用数据库校准模式，无需手动导入数据库，安装向导会自动完成数据库初始化 升级说明：系统支持一键在线升级，升级后会自动提示进行数据库同步，确保系统正常运行 安装步骤 ├── admin/ # 管理后台目录 │ ├── api/ # 管理后台API接口 │ │ ├── ai_chat.php # AI聊天助手API │ │ ├── data_analysis.php # 数据分析API │ │ ├── invite/ # 邀请码API │ │ │ └──generate_promo.php # 生成宣传文案API │ │ ├── product/ # 商品管理API │ │ └── settings/ # 系统设置API │ ├── js/ # 后台JavaScript文件 │ ├── index.php # 后台首页 │ ├── login.php # 管理员登录页面 │ ├── settings.php # 系统设置 │ ├── products.php # 商品管理列表 │ ├── product_edit.php # 商品编辑页面 │ ├── categories.php # 分类管理列表 │ ├── cards.php # 卡密管理页面 │ ├── orders.php # 订单管理列表 │ ├── order_detail.php # 订单详情页面 │ ├── payment_settings.php # 支付设置页面 │ ├── exchange_rate.php # 汇率配置页面 │ ├── delivery_logs.php # 发货日志管理页面 │ ├── admins.php # 管理员列表 │ ├── invite.php # 邀请码管理页面 │ ├── visits.php # 访问统计页面 │ ├── templates.php # 模板切换管理页面 │ ├── ai_chat.php # AI聊天助手 │ ├── issues.php # 问题反馈管理 │ ├── version.php # 版本管理与更新 │ └── db_maintenance.php # 数据库维护 ├── api/ # 前台API接口目录 │ ├── delivery/ # 发货API接口目录 │ └── invite/ # 邀请相关API ├── backup/ # 数据库备份目录 ├── cache/ # 缓存目录 │ └── ip/ # IP信息缓存 ├── data/ # 系统数据目录 │ ├── invite/ # 邀请数据 │ └── visits/ # 访问统计数据 ├── includes/ # 系统核心文件 │ ├── gateways/ # 支付网关实现 │ │ ├── QjpayGateway.php # 平安夜支付网关 │ │ ├── EpayV1Gateway.php # 易支付V1网关 │ │ ├── EpayV2Gateway.php # 易支付V2网关 │ │ └── PaypalGateway.php # PayPal支付网关 │ ├── delivery/ # 发货方式实现 │ │ ├── CardDelivery.php # 卡密发货 │ │ ├── FixedDelivery.php # 固定信息发货 │ │ ├── ApiDelivery.php # API对接发货 │ │ └── ManualDelivery.php # 人工核销发货 │ ├── invite/ # 邀请系统 │ │ ├── functions.php # 邀请功能函数 │ ├── parsedown/ # Markdown解析库 │ ├── PHPMailer/ # 邮件发送库 │ ├── WxPusher/ # 微信推送库 │ ├── config.php # 配置文件 │ ├── db.php # 数据库操作类 │ ├── functions.php # 公共函数 │ ├── payment.php # 支付处理核心类 │ ├── PaymentFactory.php # 支付网关工厂类 │ ├── PaymentGatewayLoader.php # 支付网关加载器 │ ├── PaymentConfig.php # 支付配置管理 │ ├── payment_utils.php # 支付工具函数 │ ├── exchange_rate.php # 汇率计算工具 │ ├── EpayCore.class.php # 易支付核心类 │ ├── captcha.php # 验证码生成器 │ ├── sliding-captcha.php # 滑动验证码实现 │ ├── language.php # 语言处理 │ ├── phpqrcode.php # 二维码生成 │ ├── version_info.php # 版本信息 │ ├── db_schema.php # 数据库结构定义 │ ├── db_synchronizer.php # 数据库同步工具 │ ├── template_manager.php # 模板管理工具 │ ├── backup_database.php # 数据库备份功能 │ └── gitee_helper.php # Gitee API交互助手 ├── install/ # 安装程序目录 │ ├── static/ # 安装界面静态资源 │ ├── index.php # 安装引导页面 │ ├── install.php # 安装处理脚本 │ └── check_environment.php # 环境检查脚本 ├── languages/ # 多语言文件目录 │ ├── zh-CN/ # 简体中文 │ ├── en-US/ # 英语(美国) │ ├── ja-JP/ # 日语 │ ├── ru-RU/ # 俄语 │ ├── de-DE/ # 德语 │ ├── fr-FR/ # 法语 │ ├── es-ES/ # 西班牙语 │ └── ug-CN/ # 维吾尔语 ├── logs/ # 系统日志目录 │ ├── ai/ # AI功能相关日志 │ ├── delivery/ # 发货相关日志 │ └── invite_test/ # 邀请功能测试日志 ├── static/ # 静态资源文件 │ ├── css/ # CSS样式文件 │ │ ├── cyberpunk/ # 赛博朋克主题样式 │ │ └── sliding-captcha/ # 滑动验证码样式 │ ├── js/ # JavaScript文件 │ │ ├── sliding-captcha/ # 滑动验证码脚本 │ │ ├── tinymce/ # TinyMCE富文本编辑器 │ │ └── wangeditor/ # wangEditor富文本编辑器 │ ├── img/ # 图片资源 │ │ └── payment/ # 支付方式图标 │ ├── fonts/ # 字体文件 │ └── webfonts/ # Web字体文件 ├── templates/ # 前台模板目录 │ ├── default/ # 默认PC端模板 │ └── mobile/ # 移动端模板 ├── temp/ # 临时文件目录 │ └── updates/ # 更新临时文件 ├── uploads/ # 上传文件目录 │ ├── editor/ # 编辑器上传文件 │ ├── qrcode/ # 二维码图片 │ └── qrcodes/ # 用户上传的二维码 ├── index.php # 前台首页 ├── buy.php # 购买页面 ├── order.php # 订单查询 ├── check_order.php # 订单查询处理 ├── invite.php # 邀请注册页面 ├── captcha_image.php # 验证码生成 ├── process_email_queue.php # 邮件队列处理 ├── process_wxpusher_queue.php # 微信推送队列处理 ├── notify.php # 支付异步通知接口 ├── return.php # 支付同步跳转页面 └── README.md # 项目说明文档多语言支持 系统内置多种语言支持，可以在前台轻松切换： 支持简体中文 (zh-CN)、英文 (en-US)、德语 (de-DE)、西班牙语 (es-ES) 法语 (fr-FR)、日语 (ja-JP)、俄语 (ru-RU)、维吾尔语 (ug-CN)等 管理后台可开启/关闭多语言功能 用户可通过前台语言选择器切换语言 开发者可通过添加语言文件扩展更多语言支持 多商品发货方式 系统支持多种发货方式，满足不同商品需求： 卡密发货：传统的一次性卡密自动发货模式 固定信息发货：适用于虚拟服务，无需消耗卡密库存 API对接发货：支持对接第三方API自动完成发货 人工核销发货：适用于需要人工审核或处理的订单 模板切换系统 支持多端多模板切换： PC端模板：默认响应式模板，适合桌面浏览器访问 移动端模板：专为手机用户优化的轻量级模板 一键切换：管理后台可一键切换不同模板 设备检测：自动识别用户设备，应用最佳模板 邀请系统 系统提供完整的邀请码功能： 邀请码生成：后台可以获取邀请链接 AI宣传文案：自动生成邀请宣传内容，提高转化率 邀请页面：专门的邀请落地页，提供邀请码登记和下载 邀请统计：详细记录和统计邀请使用情况 特权解锁：通过邀请可以解锁以下功能： 易支付V1和V2接口完整使用权限 无限商品数量（突破默认的20个限制） 无限分类创建权限 聊天室集成 系统集成了维信聊天功能： 私域聊天群：在前台为用户提供互动交流平台，提升用户粘性 站长聊天室：在后台为站长提供与其他管理员的实时沟通渠道 地区分组：支持根据用户IP地区自动分配到不同聊天群组 免登录模式：支持访客无需登录即可参与聊天 支付对接 系统支持以下支付方式： 平安夜支付：直接对接平安夜支付网关 易支付V1接口：支持易支付V1标准接口（需通过邀请或被邀请解锁） 易支付V2接口：支持易支付V2标准接口（需通过邀请或被邀请解锁） PayPal支付：支持国际支付，接入PayPal标准支付网关 在管理后台可轻松配置各支付接口参数，系统会自动处理支付通知和订单状态更新。 汇率配置 系统支持灵活的汇率配置： 多币种支持：支持配置不同币种间的汇率 实时更新：支持手动更新或API自动更新汇率 自动转换：自动将外币转换为本地货币计价 卡密批量管理 增强的卡密管理功能： 批量导入：支持Excel/CSV/TXT格式批量导入卡密 批量导出：支持将卡密数据导出备份 批量删除：支持按条件批量删除卡密库存 状态筛选：支持按使用状态筛选卡密 发货日志 详细的发货日志系统： 发货记录：记录每笔订单的发货详情 发货状态：显示发货成功/失败状态 错误追踪：记录发货失败原因，便于排查 重新发货：支持失败订单手动重新发货 邮件通知系统 基于PHPMailer构建的可靠邮件发送系统： 支持SMTP服务器配置 HTML邮件模板 支持附件和图片嵌入 邮件发送队列和失败重试机制 微信推送通知 基于WxPusher的推送功能： 订单状态变更推送 系统异常报警推送 管理员登录通知 支付成功通知 二维码生成 内置phpqrcode库，支持多种二维码生成场景： 订单查询二维码 支付二维码 邀请码二维码 自定义链接二维码 使用说明 管理员登录 访问/admin/目录进入管理后台 使用安装时设置的管理员账号密码登录 登录后请及时完善网站配置 商品管理 添加商品：填写商品名称、价格、描述等信息 选择发货方式：卡密发货、固定信息发货、API对接发货或人工核销 上传/导入卡密：支持批量导入卡密 设置商品状态：上架/下架 配置支付接口 进入系统设置 填写支付平台提供的商户ID和密钥 配置汇率（如使用国际支付） 模板管理 进入模板管理页面 选择PC端或移动端模板 设置是否自动识别设备类型 安全建议 使用强密码保护管理员账号 设置合理的目录权限 定期备份数据库 启用HTTPS保护用户数据安全 定期更新系统到最新版本 常见问题 Q: 支付成功但未发货？ A: 检查支付通道列表配置是否有误，确认通知URL是否正确，查看发货日志进行排查。 Q: 如何添加新的语言支持？ A: 联系开发者，或在更新建议里面反馈。目前系统已支持8种语言。 Q: 邮件发送失败怎么办？ A: 检查SMTP设置是否正确，查看系统日志了解具体错误信息。常见问题包括SMTP认证失败、端口被封等。 Q: 如何修改邮件模板？ A: 在管理后台的系统设置中可以自定义邮件模板HTML内容。 Q: 如何使用AI生成宣传文案？ A: 进入管理后台的邀请码管理页面，在宣传文案生成工具中选择相应的模板和风格即可生成。 Q: 如何配置PayPal支付？ A: 在支付设置页面配置PayPal商户ID和密钥，并在汇率配置中设置正确的汇率。 图片展示 前台主页[部分] 图片 图片 图片 管理后台[部分] 图片 图片 图片 注意：本系统为免费商用软件，可在授权范围内使用，无需付费购买，但不允许进行二次开发，有需求可以去提issues许可说明 本系统为免费使用软件，任何人都可以在授权范围内免费使用，无需付费购买。 严格禁止： 对程序进行二次开发并发布 破解或修改程序版权信息 将程序源码进行重新打包销售 未经授权修改并发布程序代码 违反上述规定的行为将被视为侵权。 技术支持 如有使用问题，请通过以下方式获取支持： 提交Issues：https://gitee.com/QtCodeCreators/faka/issues 查看Wiki文档：https://gitee.com/QtCodeCreators/faka/wikis 邮件支持：keh5@vip.qq.com
-
免费在线测试3D渲染毒蘑菇在线网页测试 （源码下载开源） 🧩 技术拆解：一张图榨干显卡的三重陷阱 ▌陷阱 1：分形几何纹理 🌰 案例：蘑菇伞盖褶皱采用递归算法生成，放大 5000 倍无锯齿（普通图片 100 倍失真） 📌 技术原理：曼德博集合算法，用有限代码生成无限细节 ▌陷阱 2：物理渲染（PBR） 🔍 细节：每个像素点计算 16 重光影叠加（环境光 / 反射 / 折射） 🖥️ 对比：传统网页图片 =「打印照片」，毒蘑菇 =「实时画油画」 ▌陷阱 3：动态噪声纹理 ⚙️ 机制：每秒生成 20 组随机噪声模拟真菌生长 💻 实测：办公本打开图片瞬间 GPU 占用从 1%→20% 🚦 设备适配指南（交互式标签） ✅ 推荐测试设备（点击展开） 独立显卡：RTX3060/ARC A380/GTX1660Ti及以上 苹果设备：M1/M2系列芯片（Metal渲染优化） 游戏本：需开启独显直连模式（避免CPU核显扛压） ❌ 谨慎测试设备（点击展开） 集成显卡：Intel UHD Graphics/AMD Vega系列 老设备：5年以上机型（如2018年前笔记本） 移动设备：手机/平板（易过热卡顿，建议关闭测试） ⚙️ GPU 渲染原理图解 光栅化阶段核心流程： 曲面细分：将基础多边形拆分为数万个微三角形 几何着色器：实时生成蘑菇褶皱动态形变 像素着色：12 重光照参数计算（环境光 / 镜面反射） 对比示意图： 图片 所以结果重新设计优化和视觉效果优化更换了国内服务器访问速度更快带宽更高每秒输出7-21mb 源码还没有更新需要的等明天把今天有点晚了累的不行好了明天见 🚀 立即测试：https://m.01kl.cn/001/1/ 更直观清晰的站点版毒蘑菇文章网页独享版 他长这样乍一看，是不是挺美，其实：哎，我可怜的GPU呀 毒蘑菇图片 分析 下面，咱们来分析一下 图片 首先，这个网站的内存占用其实并不高：才22.7MB，百度都46MB了 这就说明，并不是大量的代码造成的，说到代码，我们再来看一看 也就290多行，其中好多都是拖动的代码：不是内存，不是代码，那只能是程序本身了，我把网站上的一张图片下了下来 我发现光是打开图片都要很高的占用率： 平时都是1%，下载直接20% 细看图片，发现其像素点之复杂，不是放大5000倍可以解决的 可以看到，这个倍数下还是没有清晰的像素点呈现： 所以，这是对GPU渲染性能的极大考验，也就是说，这么一小块图片都要20%，那么整个网站的帧率是20，每秒就要加载20张，不100%才怪呢（仅限轻薄本） gpu渲染原理 - 百度文库 图片 总结 找到了原因，舒服多了，不会在为显卡不行而发愁了 温馨提示：手机不建议测试o 💻 源码获取： 那么各位，你们的电脑配置有怎样呢，能抗住毒蘑菇么， 毒蘑菇测试源码 下载地址：https://img.01kl.cn/down.php/df333a5af370cfd56e0e946db004caed.zip 提取码： 💬 互动挑战区 在评论区晒出你的测试结果： 例："RTX4050 测试中帧率稳定 35FPS，显卡温度 78℃！" 🎁 彩蛋：留言区抽取 3 位用户赠送《图形学算法手册》电子版 🛡️ 硬件保护小贴士 测试前关闭：游戏 / 视频剪辑软件等高负载程序 笔记本建议：外接散热底座 + 垫高机身（提升进风量） 异常处理：若出现帧率骤降→立即按「ESC」退出 （📌 提示：测试时长建议不超过 5 分钟，避免硬件过载）
-
免费挪车二维码生成 公益平台 系统源码开源（上传解压既可使用） 上一楼主发布的源码经过本人属于发现一些问题！ 安装使用发现点击交互按钮会自动调整引流至第三分，信息安全的不到保证本人修复以下问题。 1.修改背景使其更加柔和协调。 2.修复输入敏感，点击交互按钮跳转第三方。 3.生成二维码均在本地执行不通过第三方接口保障用户数据安全。 4.修复姓名，车牌，电话等逻辑问题方式随意填写。 5.曾加弹窗公告（自行修改内容） 6.增加人机验证，提高安全性。 7.增加底部版权和备案信息（自行修改） 8.优化了代码使其更加流畅环境运行环境压力！ 公益站点免费生成cs.bl01.cn/001/7 新公益免费挪车二维码链接https://m.01kl.cn/001/7/ 原版 二维码挪车系统源码 下载地址：https://img.01kl.cn/down.php/6d798107677a4d65dddeb8acd5ed4d05.zip 提取码： UI优化版 优化版源码 下载地址：https://img.01kl.cn/down.php/e1d3ce2a83c2367628caf499262e57bc.7z 提取码： 图片
-
2025年6月 最新本地部署DeepSeek模型新手保姆教程 本地部署DeepSeek模型新手保姆教程 一、本地部署的适用场景 本地部署适合以下情况： 电脑配置较高，有独立显卡：本地部署需要较强的硬件支持，尤其是GPU需求。 有私密数据需要处理，担心泄密：本地部署可以避免数据上传到云端，确保数据安全。 需要与本地工作交流结合：处理高频任务或复杂任务时，本地部署可以提供更高的灵活性和效率。 日常使用量大，调用API需要收费：本地部署可以节省API调用的费用。 想要在开源模型基础上做个性化定制：本地部署允许你对模型进行二次开发和定制。 二、部署前的准备 （一）硬件要求 不同的DeepSeek模型版本对硬件的要求不同，以下是一些常见版本的硬件建议： 模型参数规模典型用途CPU建议GPU建议内存建议 (RAM)磁盘空间建议适用场景1.5b (15亿)小型推理、轻量级任务4核以上 (Intel i5 / AMD Ryzen 5)可选，入门级GPU (如NVIDIA GTX 1650, 4GB显存)8GB10GB以上SSD小型NLP任务、文本生成、简单分类7b (70亿)中等推理、通用任务6核以上 (Intel i7 / AMD Ryzen 7)中端GPU (如NVIDIA RTX 3060, 12GB显存)16GB20GB以上SSD中等规模NLP、对话系统、文本分析14b (140亿)中大型推理、复杂任务8核以上 (Intel i9 / AMD Ryzen 9)高端GPU (如NVIDIA RTX 3090, 24GB显存)32GB50GB以上SSD复杂NLP、多轮对话、知识问答32b (320亿)大型推理、高性能任务12核以上 (Intel Xeon / AMD Threadripper)高性能GPU (如NVIDIA A100, 40GB显存)64GB100GB以上SSD大规模NLP、多模态任务、研究用途70b (700亿)超大规模推理、研究任务16核以上 (服务器级CPU)多GPU并行 (如2x NVIDIA A100, 80GB显存)128GB200GB以上SSD超大规模模型、研究、企业级应用671b (6710亿)超大规模训练、企业级任务服务器级CPU (如AMD EPYC / Intel Xeon)多GPU集群 (如8x NVIDIA A100, 320GB显存)256GB或更高1TB以上NVMe SSD超大规模训练、企业级AI平台（二）软件要求 操作系统：推荐Linux（如Ubuntu 20.04及以上版本）或Windows系统。 Python版本：需要安装Python 3.8及以上版本。 CUDA与cuDNN：根据NVIDIA GPU型号和驱动版本，安装合适的CUDA（11.2及以上版本）和cuDNN（8.1及以上版本）。 三、部署流程 （一）使用Ollama简化部署（推荐新手） Ollama是一个开源的LLM（大语言模型）服务工具，用于简化在本地运行大模型语言，降低使用大模型语言的门槛。以下是使用Ollama部署DeepSeek的步骤： 1. 下载安装Ollama 访问Ollama官网（https://ollama.com ），如下图所示： Ollama官网页面图片 选择对应的系统版本进行下载，例如Windows系统选择最右边（红色框），下载完成后安装，等待安装完成即可。不同系统下Ollama的下载安装过程示例图如下： 不同系统下Ollama下载安装过程图片 安装完成后，验证Ollama是否安装成功。Win+R，在打开的cmd终端输入ollama -v命令查看ollama版本，如果可以正常出现Ollama的版本号，则说明Ollama已安装成功。 2. 选择合适的DeepSeek版本 进入Ollama官网，点击右上角红框的位置，在弹出的界面，点击“Models ”选项。 找到DeepSeek - R1，并根据自己的电脑配置选择适合的参数版本，不同版本选择界面示例如下： DeepSeek不同版本选择界面图片 参数选择建议： 1.5B：适合低配电脑，2G显存即可运行。 7B：适合8G + 显存的显卡。 32B：需要32G显存，适合高端设备。 3. 安装DeepSeek模型 复制下载命令（示例：ollama run deepseek - r1:1.5b ）。 打开CMD（命令行），按Win + R，输入cmd，回车。 在命令行中粘贴刚刚复制的命令，回车执行，模型开始下载，时间取决于网速和显存。命令行输入命令界面示例如下： 命令行输入命令界面图片 4. 运行DeepSeek模型 模型下载完毕后，直接输入命令ollama run deepseek - r1:1.5b ，然后就可以开始和本地AI进行对话了。 （二）手动部署（适合有一定技术基础的用户） 1. 环境准备 确保你的系统满足以下要求： 操作系统：Linux(推荐Ubuntu 20.04或更高版本)或Windows。 Python：3.8或更高版本。 GPU：支持CUDA的NVIDIA GPU(推荐16GB显存以上)。 CUDA：11.2或更高版本。 CUDNN：8.1或更高版本。 2. 安装依赖 首先，安装必要的依赖项： sudo apt - get update sudo apt - get install - y python3 - pip python3 - dev python3 - venv git 创建虚拟环境： python3 - m venv deepseek - env source deepseek - env/bin/activate 安装PyTorch，根据你的CUDA版本安装PyTorch。例如，CUDA 11.2的安装命令如下： pip install torch torchvision torchaudio -- extra - index - url https://download.pytorch.org/whl/cu112 3. 克隆DeepSeek代码库 git clone https://github.com/deepseek - ai/deepseek.git cd deepseek4. 安装项目依赖 pip install - r requirements.txt5. 下载并放置预训练模型 从官方提供的链接下载DeepSeek预训练模型权重，并将其放置在models/目录下。 wget [官方链接] - O models/deepseek_model.pth6. 配置环境变量 设置模型路径和GPU设备号等环境变量： export MODEL_PATH=models/deepseek_model.pth export CUDA_VISIBLE_DEVICES=07. 运行模型 使用以下命令启动DeepSeek模型进行推理或训练： python run.py -- model_path $MODEL_PATH -- input "你的输入文本"四、安装交互界面（可选） （一）安装Chatbox 下载安装Chatbox：访问Chatbox官网（https://chatboxai.app/zh ），直接进入官网下载客户端，下载完成后，双击进行安装即可。 配置DeepSeek - R1模型：打开Chatbox，选择设置 —> Ollama API，选择已经安装好的DeepSeek - R1模型。Chatbox安装和配置界面示例如下： Chatbox安装和配置界面图片 （二）安装Open - WebUI 安装Docker：访问Docker官网，根据你的电脑系统，下载Docker桌面版，并安装运行。安装完成后，需要重新启动电脑，才能正常使用Docker。重新启动后，如果你的桌面上出现了Docker的图标，就表示安装成功了。 安装Open - WebUI：浏览器搜索Open - WebUI，进入官网，并复制红框中的命令。按照上面提到的步骤，打开命令行，输入复制的命令，等待安装完成。Open - WebUI安装和配置界面示例如下： Open - WebUI安装和配置界面图片 运行Open - WebUI：双击Docker的桌面图标，打开软件。点击红框端口，即可运行Open - WebUI。初次访问时，需要注册一个账号。这些信息会储存在你的电脑里。在界面左上角，选择你的模型，就可以开始对话啦。 五、注意事项 硬件性能：模型参数越大，对硬件要求越高。建议根据实际需求选择合适的模型版本。 网络环境：下载模型时可能需要科学上网，或使用国内镜像加速。 数据隐私：本地部署可避免数据上传云端，适合高隐私需求场景。 维护成本：本地部署需要定期更新模型和环境，适合长期使用。 通过以上步骤，你就可以在本地成功部署DeepSeek模型，并使用它进行各种任务啦。希望本教程对你有所帮助！"
-
抖音自动抢福袋助手完美版：全天抢福袋抢抖币的利器 在当今数字化的时代，抖音已经成为了人们生活中不可或缺的一部分。它不仅是一个娱乐平台，更是一个充满商机和福利的地方。其中，福袋活动备受用户喜爱，因为它可以让用户有机会免费获得抖币等丰厚奖励。然而，手动抢福袋往往需要用户时刻关注屏幕，这对于忙碌的现代人来说并不现实。为了解决这个问题，抖音自动抢福袋助手完美版应运而生。 一、抖音福袋的魅力 抖音福袋是抖音平台为了回馈用户而推出的一项福利活动。用户在观看直播或者参与特定活动时，会有机会看到福袋图标。点击福袋，按照要求完成任务，如关注主播、点赞、评论等，就有机会获得抖币、优惠券、实物奖品等。抖币可以用于购买虚拟礼物，送给喜欢的主播，也可以兑换现金。因此，福袋活动吸引了大量用户的参与。 图片 想象一下，当你在忙碌地工作或者学习时，突然错过一个福袋，那该是多么可惜的事情。而且，有些热门主播的福袋往往在瞬间就被抢完，手动抢福袋的成功率非常低。这时候，抖音自动抢福袋助手完美版就可以发挥它的巨大作用。 图片 二、抖音自动抢福袋助手完美版的特点 全天自动抢福袋 这个助手的最大亮点就是可以实现全天24小时自动抢福袋。无论你是在睡觉、上班还是外出，它都能帮你时刻关注抖音上的福袋活动，第一时间为你抢下福袋。你再也不用担心因为错过福袋而感到遗憾了。例如，在深夜时段，很多主播会发放福袋来吸引粉丝，而这个时候大多数人都在睡觉。有了自动抢福袋助手，你就可以在睡梦中轻松收获福袋。 图片 高成功率 该助手采用了先进的算法和技术，能够快速准确地识别福袋信息，并在第一时间进行抢袋操作。它的反应速度远远超过了手动抢袋，大大提高了抢福袋的成功率。据统计，使用该助手抢福袋的成功率比手动抢袋高出数倍。比如，在一场热门直播中，手动抢袋可能只能抢到一两个福袋，而使用自动抢福袋助手，你可能会抢到十几个甚至更多。 图片 操作简单 即使你是一个对科技不太熟悉的人，也能轻松上手这个助手。只需要进行简单的设置，如选择抢福袋的范围、设置抢袋的频率等，它就可以开始为你工作了。而且，它的界面简洁明了，所有的操作都一目了然。例如，你可以根据自己的喜好，选择只抢特定主播的福袋，或者抢所有类型的福袋。 :--:图片:--: 安全可靠 很多人担心使用自动抢福袋助手会存在安全风险，比如账号被封禁等。但是，这款助手经过了严格的测试和优化，采用了安全可靠的技术，不会对你的抖音账号造成任何影响。它遵守抖音平台的规则，不会进行违规操作。同时，它还采用了加密技术，保护你的个人信息不被泄露。 三、如何使用抖音自动抢福袋助手完美版 使用这个助手非常简单，只需要按照以下几个步骤操作即可： 下载安装 首先，你需要从正规的渠道下载抖音自动抢福袋助手完美版。下载完成后，按照提示进行安装。安装过程非常简单，只需要几分钟就可以完成。 登录账号 安装完成后，打开助手，使用你的抖音账号进行登录。登录成功后，助手会自动获取你的账号信息。 设置参数 在登录成功后，你可以根据自己的需求设置抢福袋的参数。例如，你可以设置抢福袋的范围，如只抢关注的主播的福袋，或者抢所有主播的福袋；你还可以设置抢袋的频率，如每隔几分钟抢一次福袋。 开始抢袋 设置好参数后，点击“开始抢袋”按钮，助手就会开始为你自动抢福袋了。你可以在后台运行助手，继续做自己的事情，不用担心错过任何福袋。 四、使用抖音自动抢福袋助手的好处 节省时间和精力 手动抢福袋需要你时刻关注屏幕，不断地点击和操作，这会消耗你大量的时间和精力。而使用自动抢福袋助手，你可以把这些时间和精力用在更有意义的事情上，如工作、学习、陪伴家人等。例如，你可以在上班的路上、午休的时候，让助手帮你抢福袋，而你可以利用这些时间休息或者学习。 增加收益 通过使用自动抢福袋助手，你可以大大提高抢福袋的成功率，从而获得更多的抖币和其他奖品。这些抖币可以兑换现金，或者用于购买虚拟礼物，送给喜欢的主播。长期使用下来，你会发现自己的收益有了显著的增加。例如，有些用户在使用助手后，每个月可以多获得几百元甚至上千元的收益。 提升体验 有了自动抢福袋助手，你可以更加轻松愉快地享受抖音福袋活动带来的乐趣。你不用再为错过福袋而感到烦恼，也不用再为抢不到福袋而感到沮丧。你可以更加专注于观看直播和与主播互动，提升自己的抖音使用体验。 五、总结 抖音自动抢福袋助手完美版是一款非常实用的工具，它可以帮助你全天自动抢福袋，提高抢袋的成功率，节省时间和精力，增加收益，提升体验。如果你是一个喜欢参与抖音福袋活动的用户，不妨试试这款助手，相信它会给你带来意想不到的惊喜。让我们一起在抖音的世界里，轻松抢福袋，收获更多的福利和快乐！ 下载地址：https://pan.quark.cn/s/8d13be2ba880 提取码： 兄弟姐妹们拿走吱一声 版权归属:江月白 原文地址:https://blog.0001kl.cn/archives/86/
-
算命八卦排盘宝，帮你洞察人生轨迹！ 在浩瀚的传统文化星河中，易学文化犹如一颗璀璨的明珠，蕴含着古人对宇宙、人生的深刻哲思。如今，一款集易学文化传承与周易工具应用于一体的综合 APP 应运而生，为广大易学爱好者和寻求人生指引的用户，搭建起一座通往古老智慧殿堂的桥梁。 这款 APP 堪称一座移动的易学知识宝库，深度覆盖周易、八字、命理等多个核心领域。无论你是对易学文化充满好奇的初学者，还是深耕多年的研究者，都能在这里找到契合自身需求的内容。从易学文化的历史渊源讲起，它以通俗易懂的语言，将易学从远古时期的萌芽，到历经岁月沉淀不断发展完善的历程娓娓道来，让用户清晰领略其发展脉络。同时，深入剖析易学的核心理论，把阴阳五行、天干地支等抽象概念，通过生动的案例和详实的解读，转化为易于理解的知识，助力用户掌握易学精髓。在应用方法方面，不仅分享古人如何运用易学智慧解决实际问题，还结合现代生活场景，展示易学在当代的应用之道。 APP 内的易学经典解读与研究资料板块，更是一大亮点。它精心整理了历代易学大家的经典著作与研究成果，对《周易》等核心典籍进行逐字逐句的解析，从卦象含义、爻辞解读，到背后蕴含的人生哲理，全方位为用户打开探索周易智慧的大门。在这里，用户可以与古今易学大师进行跨越时空的对话，汲取他们的智慧结晶，让自己的认知和思维得到升华。 而丰富实用的周易工具，则是这款 APP 服务用户的有力抓手。以八字排盘工具为例，用户只需输入出生时间等基础信息，便能快速、精准地生成个人命理分析报告。报告从八字格局、五行旺衰等多个维度，深入剖析用户的性格特点、事业财运、情感婚姻等方面的运势走向，为用户提供极具参考价值的人生指引。此外，APP 还提供风水布局、运势预测等多样化工具，无论是想要了解近期运势变化，还是为家居、办公场所进行风水布局，都能在这里找到合适的工具，轻松满足不同用户的实践应用需求。 无论是醉心于易学文化学习与研究，还是期望借助周易工具洞察人生、趋吉避凶，这款易学文化与周易工具综合 APP，都能为你提供全面、专业的资源与工具支持。它就像一位贴心的易学导师，陪伴你在探索易学文化奥秘的道路上不断前行，让古老的易学智慧在现代社会焕发新的生机，为你的人生点亮一盏明灯。 图片 图片 图片 图片 下载地址：https://pan.quark.cn/s/af5dc48a4163 提取码： 版权归属:江月白 原文地址:https://blog.0001kl.cn/archives/59/
-
Joe再续前缘全新自定义导航栏＋导航图标设置教程 [V1.33新功能] 功能介绍 首先我们简单的介绍一下自定义导航栏的功能以及特色 按钮数量随意添加、删除、排序 每个按钮支持自定义图标、自定义文字、自定义尺寸 主题预置了漂亮的多彩SVG图标 链接支持添加标签显示 漂亮的UI设计，颜色、背景、间距、尺寸都精心设计 细节完美！例如：适配所有PC设备，任何尺寸的电脑都可以完美显示 功能设置 进入 主题设置->全局设置->自定义全新导航栏 可以开启此功能、添加链接、根据需要设置功能 添加格式为：导航文字（可添加svg图标代码） || 跳转链接 || 打开方式 打开方式 其中的打开方式可设置为 _self _blank _parent _top _self（默认，在与点击相同的框架中打开链接的文档） _blank（在新窗口或选项卡中打开链接文档） _parent（在父框架中打开链接文档） _top（在窗口的整个主体中打开链接的文档） 导航图标 导航图标可使用主题内置的图标 icon-view： icon-comment： icon-time： icon-search： icon-money： icon-right： icon-left： icon-reply： icon-circle： icon-close： icon-add： icon-add-ring： icon-post： icon-posts： icon-favorite： icon-menu： icon-d-qq： icon-d-weibo： icon-d-wechat： icon-d-email： icon-user： icon-theme： icon-signout： icon-set： icon-signup： icon-user_rp： icon-pan_baidu： icon-lanzou： icon-onedrive： icon-tianyi： icon-menu_2： icon-alipay： icon-baidu： icon-dingtalk： icon-xunlei： icon-123pan： icon-alipan： icon-quark： icon-360yunpan： icon-huawei： icon-xiaomi： icon-gitee： icon-comment-fill： icon-private： icon-hot-fill： icon-hot： icon-topping： icon-topic： icon-plate-fill： icon-extra-points： icon-deduct-points： icon-tags： icon-user-auth： icon-vip_1： icon-vip_2： icon-qzone-color： icon-qq-color： icon-weibo-color： icon-poster-color： icon-copy-color： icon-user-color： icon-user-color-2： icon-add-color： icon-home-color： icon-money-color： icon-order-color： icon-gift-color： icon-security-color： icon-trend-color： icon-msg-color： icon-tag-color： icon-comment-color： icon-wallet-color： icon-money-color-2： icon-merchant-color： icon-medal-color： icon-points-color： icon-book-color： icon-ontop-color： 如需使用自定义HTML图标，可以参考教程： 填写示例 [icon-home-color] 首页 || / [icon-book-color] 文章分类 [icon-plate-fill] 源码资源 || /category/yuanma/ [icon-post] 官方公告 || /category/default/ [icon-tags] 游戏 || /category/youxi/ [icon-security-color] 技术 || /category/jishu/ [icon-poster-color] 壁纸 || /category/bizhi/ [icon-user-color] 日常 || /category/rchang/ [icon-tag-color] 其他页面 [icon-trend-color] 网站统计 || /tongji.html [icon-copy-color] 友情链接 || /yl.html [icon-order-color] 用户留言 || /# [icon-poster-color] 高清壁纸 || /4Kbz.html [icon-wallet-color] 娱乐直播 || /zhibo.html [fa-video-camera] 在线影视 || /cms.html [fa-comments] 闲聊灌水 || /archives/250 [icon-user-auth] 关于白泽 || /start-page.html [icon-tags] 推荐 [icon-order-color]公益目录 || https://file.bl01.cn/ || _blank [icon-money-color]易支付 || https://pay.sskj01.com/ || _blank [icon-points-color]码支付 || https://mpay.01kl.cn/ || _blank [icon-home-color]熵枢科技 || https://www.sskj01.com/ || _blank [icon-hot]挪车二维码 || https://cs.bl01.cn/001/7/ || _blank [icon-copy-color]毒蘑菇 || //cs.bl01.cn/001/1/ || _blank [icon-book-color]随机点名 || https://cs.bl01.cn/001/2/%E5%8F%8C%E8%89%B2%E7%90%83%E7%8F%AD%E7%BA%A7%E7%82%B9%E5%90%8D%E7%B3%BB%E7%BB%9F.html || _blank
-
彩虹聚合DNS管理系统v2.7更新 聚合DNS管理系统 （https://github.com/netcccyun/dnsmgr）可以实现在一个网站内管理多个平台的域名解析，目前已支持的域名平台有：阿里云、腾讯云、华为云、百度云、西部数码、火山引擎、DNSLA、CloudFlare、Namesilo。 功能特性： 多用户管理，可为每个用户可分配不同的域名解析权限 提供API接口，可获取域名单独的登录链接，方便各种IDC系统对接 容灾切换功能，支持ping、tcp、http(s)检测协议并自动暂停/修改域名解析，并支持邮件、微信公众号、TG群机器人通知 CF优选IP功能，支持获取最新的Cloudflare优选IP，并自动更新到解析记录 SSL证书申请与自动部署功能，支持从Let's Encrypt等渠道申请SSL证书，并自动部署到各种面板、云服务商、服务器等 部署方法： 1、运行环境要求PHP7.4+，MySQL5.6+ 2、设置网站运行目录为public 3、设置伪静态为ThinkPHP 4、访问网站，会自动跳转到安装页面，根据提示安装完成 5、访问首页登录控制面板 源码下载 彩虹聚合DNS管理系统v2.7更新 下载地址：https://file.bl01.cn/Source%20code/dnsmgr_2.7.1.zip 提取码： 演示截图 添加域名账户 图片 域名管理列表 图片 域名DNS解析管理，支持批量操作 图片 用户管理添加用户，支持为用户开启API接口 图片 CF优选IP功能，添加优选IP任务 CF优选IP功能，添加优选IP任务图片 SSL证书申请功能 图片 图片 SSL证书自动部署功能 图片 图片 项目地址： https://github.com/netcccyun/dnsmgr 版权属于: 缤纷彩虹天地原文地址: https://blog.cccyun.cn/post-526.html 记录作者：白泽 需要下架邮箱：aying1019@163.com
-
给网站增加一款简洁而功能强大的音乐播放器教程和代码注释 给网站增加一款简洁而功能强大的音乐播放器教程和代码注释 在网站中添加音乐播放器可以为用户带来更加丰富的体验。以下是几种不同技术实现的音乐播放器添加方法及代码注释。 一、使用 HTML5 的 <audio> 标签和 JavaScript 实现基础音乐播放器 1. 原理 HTML5 的 <audio> 标签允许开发者直接在网页中嵌入音频内容，而 JavaScript 可以控制音频的播放、暂停、音量调节等功能。 2. 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Simple Music Player</title> <style> /* 简单样式 */ #controls { margin-top: 10px; } </style> </head> <body> <!-- audio 标签用于嵌入音频文件，src 属性指定音频文件路径 --> <audio id="audioPlayer" src="path_to_your_music_file.mp3"></audio> <div id="controls"> <!-- 播放/暂停按钮，点击时调用 playPause 函数 --> <button onclick="playPause()">Play/Pause</button> <!-- 音量调节滑块，onchange 事件触发 changeVolume 函数 --> <input type="range" id="volumeControl" min="0" max="1" step="0.1" value="1" onchange="changeVolume(this.value)"> </div> <script> // 获取音频元素 var audioPlayer = document.getElementById('audioPlayer'); // 播放/暂停函数 function playPause() { if (audioPlayer.paused || audioPlayer.ended) { // 播放音频 audioPlayer.play(); } else { // 暂停音频 audioPlayer.pause(); } } // 音量调节函数 function changeVolume(volume) { // 设置音频音量 audioPlayer.volume = volume; } </script> </body> </html>3. 代码解释 <audio> 标签：用于在网页中嵌入音频文件，src 属性指定音频文件的路径。 playPause 函数：通过判断音频的 paused 或 ended 属性，决定是调用 play() 方法播放音频还是调用 pause() 方法暂停音频。 changeVolume 函数：通过设置音频的 volume 属性来调节音量，音量值范围为 0 到 1。 4. 注意事项 确保音频文件路径正确，且文件格式被浏览器支持（如 MP3、WAV 等）。 现代浏览器出于用户体验考虑，限制了音频的自动播放，通常需要用户交互（如点击按钮）后才能播放音频。 二、使用 APlayer 插件实现音乐播放器 1. 原理 APlayer 是一个简洁漂亮、功能强大的 Html5 音乐播放器插件，支持自定义歌曲列表和播放设置。 2. 安装步骤 首先，在项目中引入 APlayer 的 CSS 和 JavaScript 文件，可以使用 CDN 调用： <link href="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.css" rel="stylesheet"> <script src="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>3. 使用方法 3.1 APlayer 原生用法 const ap = new APlayer({ // 定义当前播放器容器 id 为 aplayer container: document.getElementById('aplayer'), audio: [ { // 音频名称 name: '你从未离去', // 艺术家名 artist: '白挺', // 音频文件的地址 url: 'https://doge.ottoli.cn/你从未离去.mp3', // 音频封面的地址 cover: 'https://doge.ottoli.cn/你从未离去.jpg' } ] });在 HTML 中添加容器： <div id="aplayer"></div>3.2 MetingJS 的用法 MetingJS 是为 APlayer 添加网易云、QQ 音乐、酷狗音乐等支持的插件，可以解决 APlayer 原生用法设置参数繁琐且只能调用音频文件直链的问题。 <meting-js server="netease" type="song" id="31365604" ></meting-js>参数解释： server：指定调用的 API，可选 netease, tencent, kugou, xiami, baidu，分别对应网易云音乐、QQ 音乐、酷狗音乐、虾米音乐、百度音乐。 type：指定调用类型，可选 song, playlist, album, search, artist，分别对应单曲、歌单、专辑、搜索结果、艺术家。 id：指定调用的 id，一般可以在地址栏中找到。 4. 代码解释 APlayer 构造函数：用于创建一个 APlayer 实例，container 参数指定播放器的容器，audio 参数是一个数组，包含音频的相关信息。 <meting-js> 标签：通过设置 server、type 和 id 参数，从指定的音乐平台获取音频信息并显示在播放器中。 三、使用 JavaScript 实现复杂功能的交互式音乐播放器 1. 原理 通过 JavaScript 实现音乐播放器的复杂功能，如显示音乐库列表、控制播放、显示播放时间和调整音量等。 2. HTML 结构 <div id="player"> <div id="controls"> <button id="play">播放</button> <button id="pause">暂停</button> <button id="stop">停止</button> <input id="volume" type="range" min="0" max="1" step="0.1" /> </div> <div id="time">00:00 / 00:00</div> <audio id="audio" preload="auto"> <source src="song.mp3" type="audio/mpeg"> </audio> </div>3. CSS 样式 #player { width: 300px; margin: 0 auto; } #controls { margin-top: 20px; } #time { margin-top: 10px; } 4. JavaScript 实现 // 初始化 let audio = document.getElementById('audio'); // 音频元素 let playButton = document.getElementById('play'); // 播放按钮 let pauseButton = document.getElementById('pause'); // 暂停按钮 let stopButton = document.getElementById('stop'); // 停止按钮 let volumeControl = document.getElementById('volume'); // 音量控制滑块 let currentTimeDisplay = document.getElementById('time'); // 当前时间显示区域 // 控制音乐播放 playButton.addEventListener('click', function() { // 点击播放按钮时播放音乐 audio.play(); }); pauseButton.addEventListener('click', function() { // 点击暂停按钮时暂停音乐 audio.pause(); }); stopButton.addEventListener('click', function() { // 点击停止按钮时暂停音乐并重置时间指针 audio.pause(); audio.currentTime = 0; }); // 显示当前时间和总时间 audio.addEventListener('timeupdate', function() { // 获取当前播放时间（秒） let currentTime = audio.currentTime; // 将时间转换为分钟和秒数格式（分钟） let minutes = Math.floor(currentTime / 60); // （秒数） let seconds = Math.floor(currentTime % 60); // 获取总播放时间（秒） let totalTime = audio.duration; // 将总时间转换为分钟和秒数格式（分钟） let totalMinutes = Math.floor(totalTime / 60); // （秒数） let totalSeconds = Math.floor(totalTime % 60); // 在当前时间显示区域显示当前时间（分钟:秒数）格式 currentTimeDisplay.textContent = `${minutes}:${seconds}`; }); // 动态调整音量 volumeControl.addEventListener('input', function() { // 当音量滑块的值改变时更新音频元素的音量 audio.volume = this.value; });5. 代码解释 HTML 部分：定义了播放器的基本结构，包括播放控制按钮、音量滑块和音频元素。 CSS 部分：为播放器添加了简单的样式，使其布局更美观。 JavaScript 部分： 初始化：获取 HTML 元素并初始化变量。 控制音乐播放：通过事件监听器监听按钮的点击事件，调用音频的 play()、pause() 方法控制播放状态。 显示播放时间：通过监听音频的 timeupdate 事件，实时更新当前播放时间和总时间的显示。 调整音量：通过监听音量滑块的 input 事件，动态调整音频的音量。 四、总结 以上介绍了三种不同方式实现网站音乐播放器的方法，你可以根据自己的需求和技术栈选择合适的方式。使用 HTML5 的 <audio> 标签和 JavaScript 可以实现基本的音乐播放功能；使用 APlayer 插件可以快速搭建一个美观且功能丰富的音乐播放器；使用 JavaScript 实现复杂功能的交互式音乐播放器则可以满足更高级的需求。
![Joe再续前缘全新自定义导航栏＋导航图标设置教程 [V1.33新功能]](https://img.01kl.cn/view.php/b1150caf1d3d90eea1cc381745e83a9b.gif?key=694402)
