找到
4
篇与
源码分享
相关的结果
-
从零搭建 AI 随机一言系统：源码全开源，5 分钟部署专属语录 API AI摘要 本文介绍如何从零搭建开源的AI随机一言系统，支持本地及AI生成模式。教程详细讲解了在宝塔面板上安装环境、配置PM2及反向代理的步骤，助你5分钟内部署专属语录API。 此内容根据文章生成，不代表个人观点，仅用于文章内容的解释与总结 前言 最近闲来无事，基于AI做了一个「随机一言」系统——每次访问都能随机返回一句句子，包含一件调用api可直接接入到个人网站、小程序里。 做这个系统的初衷： 厌倦了网上千篇一律的固定语录库，想要AI动态生成的新鲜感； 练手前后端交互+AI API调用的小项目，适合新手入门； 分享出来，帮同样想做轻量小工具的朋友少走弯路。 先放个演示效果： 一言.PNG图片 一言1.PNG图片 拥有本地一言以及ai生成一言，两种模式都配备了完整的api调用体系，后端部分可以控制生成一言的分类加入自己想加的句子以及ai生成一言的模型接口，拿来玩玩还是不错的。 准备工作 一台装有宝塔面板的服务器 大模型调用api，以及key 源码(点击这里) 一个域名 教程开始 第一步：安装必要软件 登录宝塔面板后，在左侧软件商店中下载Node.js版本管理器，pm2管理器 第二步：创建一个网站 php版本选静态，其他默认就行，把你的域名绑定上去，然后把源码导入网站根目录就行 第三步：配置后端，并且反代理 去刚刚软件商店下载的pm2管理器中创建一个项目，其他随意，把启动文件改成刚刚创建的网站根目录中的server.js即可，到这里要确保这个项目正常启动，随后我们返回刚刚创建的网站设置，点击反向代理，名称随便填，目标url填:http://127.0.0.1:3000注意，这里:3000指的是刚才你创建pm2项目使用的端口，默认3000。到这里就大功告成了访问你的域名/admin如果正常显示就是搭建成功了，反之可能是你pm2项目，或是反代理没有成功。 缀述：api文档配置,以及大模型api接入 可以访问你的域名/api查看详细的文档，里面包含了详细的调用文档，当然如果你想更改api文档就去网站根目录下找到server.js里面可以更改api文档的内容，关于ai模型接入，你的域名/admin登录后台后按照要求填入即可，可以使用免费模型，我这里测试几个免费模型，最后测下来Qwen2.5-7B-Instruct效果应该是最好的，其他东西的可以自己研究，比如提示词什么的
-
七夕表白必备源码 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图床
