找到
9
篇与
YUKE
相关的结果
- 第 2 页
-
七夕表白必备源码 AI摘要 七夕表白必备源码，包含星空背景、打字机效果和爱心动画，可自定义文案。 此内容根据文章生成，不代表个人观点，仅用于文章内容的解释与总结 12122.png图片 code here...<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>专属表白</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #000; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } /* 星空背景 */ .stars { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* 表白文案容器 */ .text-box { position: relative; z-index: 2; color: #fff; font-size: 24px; font-family: "微软雅黑"; padding: 20px 40px; border: 2px solid #ff69b4; border-radius: 10px; background: rgba(0,0,0,0.5); box-shadow: 0 0 20px #ff69b4; } /* 打字机效果 */ .typing { overflow: hidden; white-space: nowrap; border-right: 3px solid #ff69b4; animation: typing 5s steps(50) 1s 1 normal both, blink 0.5s infinite; } /* 爱心动画 */ .heart { position: absolute; color: #ff69b4; font-size: 20px; animation: float 3s infinite ease-in-out; opacity: 0; } /* 动画定义 */ @keyframes typing { from { width: 0; } to { width: 100%; } } @keyframes blink { from { border-color: transparent; } to { border-color: #ff69b4; } } @keyframes float { 0% { transform: translateY(0); opacity: 0.8; } 50% { transform: translateY(-20px); opacity: 1; } 100% { transform: translateY(0); opacity: 0.8; } } </style> </head> <body> <div class="stars" id="stars"></div> <div class="text-box"> <div class="typing" id="loveText">我喜欢你，不止一点点✨</div> </div> <script> // 自定义表白文案（改这里！） const loveWords = "我喜欢你，不止一点点✨"; document.getElementById("loveText").textContent = loveWords; // 生成星空 function createStars() { const stars = document.getElementById("stars"); for (let i = 0; i < 100; i++) { const star = document.createElement("div"); star.style.position = "absolute"; star.style.left = `${Math.random() * 100}%`; star.style.top = `${Math.random() * 100}%`; star.style.width = `${Math.random() * 3 + 1}px`; star.style.height = star.style.width; star.style.background = "#fff"; star.style.borderRadius = "50%"; star.style.opacity = Math.random(); star.style.animation = `twinkle ${Math.random() * 3 + 2}s infinite`; stars.appendChild(star); } } // 生成爱心 function createHearts() { setInterval(() => { const heart = document.createElement("div"); heart.className = "heart"; heart.textContent = "❤️"; heart.style.left = `${Math.random() * 100}%`; heart.style.top = `${Math.random() * 100}%`; heart.style.animationDelay = `${Math.random() * 2}s`; document.body.appendChild(heart); // 3秒后移除爱心 setTimeout(() => { heart.remove(); }, 3000); }, 500); } // 添加闪烁动画 const style = document.createElement("style"); style.textContent = ` @keyframes twinkle { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } `; document.head.appendChild(style); // 初始化 createStars(); createHearts(); </script> </body> </html>
-
如何把搭建好的苹果cms一键打包成app?开源getapp AI摘要 本文介绍使用开源工具getapp将苹果CMS一键打包成APP的方法。只需将源码放入addons目录并在后台配置，即可在首页菜单下找到APP管理，一键生成支持原生安卓与Flutter的APP。 此内容根据文章生成，不代表个人观点，仅用于文章内容的解释与总结 v2-7453dae316d1f35ccee98fc22ea32a1f_1440w.awebp.jpg图片 准备工作 1.搭建好的苹果cms 2.getapp源码 开始教程 下载getapp源码并解压到你的苹果cms网站根目录/addons中，然后去到你的 cms后台-应用-应用市场点击配置后刷新即可，然后在首页的自定义菜单下就会出现APP管理菜单， v2-b7c7a7a7b8075e7d5f521cb9430dc07c_r.jpg图片 到这即可一键将你的苹果cms打包成app了，支持原生安卓与flutter，自用下来还不错，其他功能可以自行探索
-
快速搭建Lsky pro开源图床+又拍云云存储，个人博客好伴侣 AI摘要 本文介绍如何利用宝塔面板搭建Lsky Pro图床并对接又拍云存储。步骤包括配置PHP环境、修复版本兼容问题及设置云存储策略，助你快速完成图床部署。 此内容根据文章生成，不代表个人观点，仅用于文章内容的解释与总结 废话不多说，我们直接进入主题 准备工作 一个备案域名（对接又拍云存储需要） 装有宝塔面板服务器一个 Lsky 图床源码点击下载 确保MySQL5.7 1.Lsky 图床搭建 首先我们进入宝塔面板，点击网站-添加网站，将提前解析好的域名填入，创建一个数据库记住名字密码（已经创建的可略过），php 版本>8.0（建议 8.1，8.2 会有小问题一会提到），然后创建就行了 教程1.png图片 然后我们进入项目根目录上传并解压图床源码，来到网站设置界面，把运行目录改到/pubilc,并且设置伪静态为location / { try_files $uri $uri/ /index.php?$query_string; }随后点击保存 教程2.png图片 教程3.png图片 教程4.png图片 之后我们访问网站，会提示需要安装一些扩展，以及函数进入宝塔软件商店找到对于版本 php，安装，删除禁用函数即可 教6.png图片 教7.png图片 然后正常访问网站并填入创建好的数据库消息安装即可 教11.png图片 这里要注意如果你用的是 php8.2 可能会出现 500 服务器错误如图，我们只需修改网站目录下的 vendor/nesbot/carbon/src/Carbon/Traits/Creator.php 文件中第 928 行图中圈出的部分改为setLastErrors($lastErrors)即可正常访问，按照同样方法把数据库信息填好安装就好。 教8.png图片 教9.png图片 安装完成图，到此 Lsky 图床就部署完成！ 教12.png图片 2.对接又拍云存储 部署完lsky图床之后我们去又拍云创建一个云存储,设置好服务名并且建立一个授权操作员，复制操作员密码勾选好权限创建即可 教13.png图片 教14.png图片 随后我们进入配置界面绑定好提前准备的域名,保存记录值去域名管理处解析即可，这里我使用测试域名 教15.png图片 然后我们回到图床登录你的管理员账号，存储策略中创建一个新策略选择又拍云策略，访问域名就是刚才在又拍云中绑定的域名，其他部分也是对照填入,然后创建即可,点击顶部更换策略选择我们创建的又拍云策略，上传图片试试，上传成功就大功告成了。 教17.png图片 教18.png图片 下面是我搭建完成的图床 YUKE图床
