首页
统计
关于
友情链接
更多
免责声明
推荐
咔咔工具箱
咔咔导航
BBR
Search
1
在线Q绑查询手机号、微博查询手机号 api接口 – XApi
13,070 阅读
2
完整的chatgpt商业版源码
3,022 阅读
3
超级好看的chatgpt商业化完整版本 带搭建教程
2,318 阅读
4
Chatbot UI-开源AI聊天用户界面 免翻使用ChatGPT 支持GPT-4
2,131 阅读
5
各省市内外高速交通摄像头实时监控视频 假期实时路况
1,811 阅读
❤️ 生命·生活·书
📕 学无止境
🎵音乐分享
▶️ 影视资源
🚀 软件游戏
📁 源码分享
☸ ChatGPT
☁ VPS推荐
登录
Search
标签搜索
源码
软件
ChatGPT
电影
vps
音乐
分享
模版
心情
教程
网盘
免费
游戏
Linux
特效
CDN
IDM
工具
脚本
AI
咔咔猪
累计撰写
509
篇文章
累计收到
468
条评论
首页
栏目
❤️ 生命·生活·书
📕 学无止境
🎵音乐分享
▶️ 影视资源
🚀 软件游戏
📁 源码分享
☸ ChatGPT
☁ VPS推荐
页面
统计
关于
友情链接
免责声明
推荐
咔咔工具箱
咔咔导航
BBR
搜索到
192
篇与
的结果
2024-11-20
zibll-V8.0最新版2024完美破解授权可用(含教程和美化插件)
子比主题zibll-8.0学习版本授权教程授权教程:1.进入宝塔搭建一个站点 绑定 api.zibll.com 域名 并上传 index.php 文件2.设置伪静态3.开启SSL证书,找一个能用的域名证书,将密钥(KEY)和证书(PEM格式)复制进去即可4.在宝塔文件地址栏中输入 /etc 找到 hosts文件并打开,最后一行添加 127.0.0.1 api.zibll.com5.在wordpress后台上传主题(zibll-V8.0),此时,8.0版本默认已经授权完毕下载地址:https://www.alipan.com/s/xdbjVvLApGc下载地址:https://kkpig.lanzoue.com/iurwH2fmtq5a
2024年11月20日
110 阅读
0 评论
0 点赞
2024-10-28
WebGPU 在线抠图,一键去除图片背景,完全免费开源!
WebGPU 是一款可以在线抠图的程序,一键去除图片背景,完全免费开源!原图这是去除背景后的效果在线使用:点击前往 GitHub:点击前往 开源模型:点击前往
2024年10月28日
123 阅读
0 评论
0 点赞
2024-10-28
一键 AI 换衣的开源项目+平台:visual-try-on
visual-try-on 是一款一键 AI 换衣的开源项目,可以完全免费使用,基于 Kolors 图像模型开发,可在任何电商网站上,上传一张自己照片,即可一键让自己试穿喜欢的衣服。1、在线体验: 点击前往 2、GitHub 开源: 点击前往 注意:如果你不在海外,需要自行“魔法”,否则可能无法访问!
2024年10月28日
129 阅读
0 评论
0 点赞
2024-10-28
ICP域名备案查询工具:备案查询网
备案查询网是一个在线ICP域名备案查询工具,ICP备案查询网(www.beiancx.com)提供icp备案查询、域名备案查询、网站备案号查询等备案信息查询工具,使用便捷高效,备案查询更快,还友查询的API接口,感兴趣的同学可以研究学习。备案查询网API接口API接口1: https://beiancx.com/icp.php?url=baidu.com API接口2: https://beiancx.com/icp2.php?url=baidu.com 数据返回格式:{ "status": 200, "data": { "icp_domain": "baidu.com", "icp_type": "企业", "icp_subject": "北京百度网讯科技有限公司", "icp_numer": "京ICP证030173号", "review_date": "2019-05-16" } }附上php本地调用api源码:<?php // 检查是否接收到域名参数 if (isset($_REQUEST['url'])) { $domain = $_REQUEST['url']; $apiUrl = 'https://www.beiancx.com/icp.php?url=' . urlencode($domain); // 初始化 cURL $ch = curl_init(); // 设置 cURL 选项 curl_setopt($ch, CURLOPT_URL, $apiUrl); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); // 设置请求头 $headers = [ 'Content-Type: application/json', ]; curl_setopt($ch, CURLOPT_HTTPHEADER, $headers); // 执行请求 $response = curl_exec($ch); echo $response; } ?>ICP域名备案查询工具网站:https://www.beiancx.com
2024年10月28日
162 阅读
0 评论
0 点赞
2024-10-22
LNMP一键安装包-添加网站,SSL证书,日志管理,网站备份和安全问题
要是说到用VPS主机建站,目前一般流行两种方式:一是直接在VPS主机上安装虚拟主机面板,例如宝塔面板,另一种就是直接安装Nginx、Mysql、PHP等组件。两种方式各有各的优缺点,使用虚拟主机面板简单但是容易有安全问题和资源占用过大的问题。直接手动配置LNMP环境,则难度比较大,不利用新手入门,后期在建站过程当中遇到问题不容易自己解决。LNMP一键安装包常用的就是Oneinstack和LNMP.org一键包了,不过去年Oneinstack和LNMP.org一键包被爆出安全问题(见后文),现在看来也不一定完全让人放心了。然而,现在最大的问题就是目前暂时没有更好的选择了,只能说大家在使用的过程中多多注意安全问题。这篇文章就来分享一下LNMP一键安装包,最新版本的LNMP一键安装包v2.1正式版增加了对PHP 8.3和MySQL 8.4的支持,同时Nginx增加了http3的支持。一、LNMP一键包安装网站:https://lnmp.org/登陆VPS主机后运行: screen -S lnmp ,如果提示screen: command not found 命令不存在可以执行: yum install screen 或 apt-get install screen 安装。安装LNMP稳定版(说明:每年LNMP都会有一个新的大版本发布,请及时到官网获取最新的安装命令),LNMP2.1命令如下:wget https://soft.lnmp.com/lnmp/lnmp2.1.tar.gz -O lnmp2.1.tar.gz && tar zxf lnmp2.1.tar.gz && cd lnmp2.1 && ./install.sh lnmp如需要安装LNMPA或LAMP,将 ./install.sh 后面的参数lnmp替换为lnmpa或lamp即可。同时也支持单独安装Nginx或数据库,命令为 ./install.sh nginx 或 ./install.sh db 。运行上述LNMP安装命令后,会出现如下提示:目前提供了较多的MySQL、MariaDB版本和不安装数据库的选项,需要注意的是MySQL 5.6,5.7及MariaDB 10如果是编译安装必须在1G以上内存的更高配置上才能选择!如仅需安装数据库在lnmp安装包目录下执行:./install.sh db根据提示选择PHP版本。提示” Press any key to install...or Press Ctrl+c to cancel “后,按回车键确认开始安装。LNMP脚本就会自动安装编译Nginx、MySQL、PHP、phpMyAdmin等软件及相关的组件。安装时间可能会几十分钟到几个小时不等,主要是机器的配置网速等原因会造成影响。安装完成。如果显示Nginx: OK,MySQL: OK,PHP: OK,并且Nginx、MySQL、PHP都是running,80和3306端口都存在,并提示安装使用的时间。添加网站和SSL证书执行:lnmp vhost add,这里要输入要添加网站的主域名,设置网站的目录,开启日志等。在添加网站时可以选择是否开启SSL证书,有四个选项,第一个是使用自己的证书,第2、3、4选项都是免费SSL证书。如果遇到LNMP添加Letsencrypt等免费SSL证书失败的话,你可以先选择1选项,即使用自己的SSL证书,随便输入一个SSL证书路径,然后自己安装acme.sh,替换你刚刚设置的SSL路径即可三、LNMP日志管理LNMP一键安装包的日志默认是切割的,也就是说日志文件会越来越大,这个非常占用资源。LNMP1.2/1.3+版本安装包目录下有一个tools目录,放有常用的备份脚本 backup.sh,nginx日志切割脚本 cut_nginx_logs.sh。打开cut_nginx_logs.sh,修改以下参数:#设置nginx日志文件目录路径 log_files_path="/home/wwwlogs/" #日志文件将会存放到/home/wwwlogs/年/月/日志文件名_年月日.log log_files_dir=${log_files_path}$(date -d "yesterday" +"%Y")/$(date -d "yesterday" +"%m") #设置要切割的日志的名字,如果日志目录下面的日志文件名为vpser.net.log,则填写vpser.net,每个日志名用空格分隔 log_files_name=(access vpser.net licess) #设置nginx文件的位置 nginx_sbin="/usr/local/nginx/sbin/nginx" #设置日志保存的时间,天 save_days=30然后给脚本添加执行权限。chmod +x cut_nginx_logs.sh 先自己手动执行一下命令: /root/lnmp2.1/tools/cut_nginx_logs.sh ,如果运行一切正常的话,现在可以添加一个定时任务了。执行: crontab -e 添加以下命令保存,每天0点整开始切割脚本。00 00 * * * /bin/bash /root/lnmp2.1/tools/cut_nginx_logs.sh 四、LNMP网站备份LNMP一键安装包tools目录下有备份脚本 backup.sh,以下是需要自己修改的:Backup_Home="/home/backup/" #####备份文件存放目录 MySQL_Dump="/usr/local/mysql/bin/mysqldump" ####mysqldump路径,如果是mariadb替换/usr/local/mysql为/usr/local/mariadb ######~Set Directory you want to backup~###### Backup_Dir=("/home/wwwroot/vpser.net" "/home/wwwroot/lnmp.org") ##########要备份的目录,目录用双引号括起来,多个目录空格隔开,如前面的例子 ######~Set MySQL Database you want to backup~###### Backup_Database=("lnmp" "vpser") ########要备份的数据库,前面有例子 ######~Set MySQL UserName and password~###### MYSQL_UserName='root' ####不用说了,MySQL root账号 MYSQL_PassWord='yourrootpassword' ##### MySQL root密码 ######~Enable Ftp Backup~###### Enable_FTP=0 #####是否启用ftp备份,0 启用,非0 不启用 # 0: enable; 1: disable ######~Set FTP Information~###### ftp账号信息 FTP_Host='1.2.3.4' FTP_Username='vpser.net' FTP_Password='yourftppassword' FTP_Dir="backup" #########ftp服务器上存放备份的目录 #Values Setting END! 默认备份文件保存3天,可以修改backup.sh里的-3day为你指定的天数。保存后,先添加执行权限:chmod +x /root/lnmp2.1/tools/backup.sh,然后再自己手动运行一下看看有没有错误: /root/lnmp2.1/tools/backup.sh没有问题的话,直接添加定时任务:crontab -e,设置为每天0点开始备份。00 00 * * * /bin/bash /root/lnmp2.1/tools/backup.sh
2024年10月22日
149 阅读
0 评论
0 点赞
2024-10-21
简单的苹果10短剧模版
提示:下载后自行检测源码隐藏内容,请前往内页查看详情
2024年10月21日
165 阅读
0 评论
0 点赞
2024-10-17
子比主题8.0开心版
授权教程:1.进入宝塔搭建一个站点 绑定 api.zibll.com 域名 并上传 index.php 文件2.设置伪静态3.开启SSL证书,找一个能用的域名证书,将密钥(KEY)和证书(PEM格式)复制进去即可4.在宝塔文件地址栏中输入 /etc 找到 hosts文件并打开,最后一行添加 127.0.0.1 api.zibll.com5.在wordpress后台上传主题(zibll-V8.0),此时,8.0版本默认已经授权完毕下载地址:https://kkpig.lanzoue.com/inQDf2cq33cj
2024年10月17日
260 阅读
0 评论
0 点赞
2024-10-15
挺漂亮的GoFilm影视系统+详细安装教程
首页内容页播放页 后台管理页面 一个基于 vue 和 gin 实现的在线观影网站效果展示: 点击访问演示站点 1.前置环境准备 linux 服务器GitHub 下载: GoFilm 项目 或在这里下载: https://kkpig.lanzoue.com/inuMo2cn1l1g 修改默认信息 ( 直接使用默认配置则跳过此步骤 )容器默认启动端口,默认账户密码配置安装步骤1.容器默认启动端口,默认账户密码配置# 文件路径: GoFilm/film/docker-compose.yml # nginx 容器配置 ports: - port:80 # port 为浏览器访问的默认端口 # film 容器配置 environment: # 环境变量,暂未使用 MYSQL_PORT: 3661 # mysql 服务连接端口 MYSQL_USER: root # mysql 连接用户 MYSQL_PASSWORD: root # mysql 连接用户的密码 MYSQL_DBNAME: FilmSite # 默认使用的 mysql 数据库名称 REDIS_PORT: 3662 # redis 服务连接端口 ports: - port:3601 # port 为 go 服务端的默认访问端口 # mysql 容器配置 ports: - port:3306 # port 为 mysql 服务的外部访问端口 environment: MYSQL_ROOT_PASSWORD: 默认密码 # 修改 Mysql 的 root 用户的默认密码 MYSQL_DATABASE: 数据库名 # 默认创建的数据库名称 # redis 容器配置 ports: - prot:6379 # port 为 redis 服务的外部访问端口2.redis 配置# 文件路径 Gofilm/film/data/redis/redis.conf daemonize no requirepass 密码 # 设置 redis 服务的访问密码 appendonly no tcp-keepalive 300 stop-writes-on-bgsave-error no3.film-api 后端服务配置# 文件路径 GoFilm/film/server/config/DataConfig.go # mysql 服务配置信息 设置 mysql 的 root 用户密码和数据库名为 docker-compose.yml 中对应的信息 MysqlDsn = "root:密码@(mysql:3306)/数据库名称?charset=utf8mb4&parseTime=True&loc=Local" # Redis 连接信息,设置 redis 访问密码为 Gofilm/film/data/redis/redis.conf 中的密码 RedisPassword = `root`4.构建运行 docker 部署安装 docker , docker compose 环境Centos 安装 Docker Engine 官方文档链接 Ubuntu 安装 Docker Engine 官方文档链接# Centos 系统安装 Docker Engine 示例 # 1. 卸载旧版本 Docker sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \ docker-logrotate \ docker-engine #2. 设置存储库 sudo yum install -y yum-utils sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo #3. 安装最新版本 Docker $ sudo yum install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin #启动 Docker 服务 sudo systemctl start docker # Ubuntu 系统安装 Docker Engine 示例 # 1. 卸载旧版本冲突依赖 for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done # 2. 添加 Docker 官方 GPG 密钥 sudo apt-get update sudo apt-get install ca-certificates curl sudo install -m 0755 -d /etc/apt/keyrings sudo curl -fsSL https://download.docker.com/linux/ubuntu/gpg -o /etc/apt/keyrings/docker.asc sudo chmod a+r /etc/apt/keyrings/docker.asc # 3. 添加存储库到 apt 源 echo \ "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] https://download.docker.com/linux/ubuntu \ $(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \ sudo tee /etc/apt/sources.list.d/docker.list > /dev/null sudo apt-get update # 4. 安装最新版本 Docker sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin进入项目部署文件目录 /opt/film执行命令 cd /opt/film 进入项目目录执行构建并运行容器执行命令 docker compose up -d 构建拉取相关镜像并启动等待容器构建并启动,启动完毕后可通过 docker compose ps 查看容器是否均正常启动 docker compose 相关命令docker compose ps 查看已启动的相关容器, docker compose ps -a 查看所有相关容器 docker compose start 启动相关服务容器 docker compose restart 重启相关服务容器 docker compose up -d 以后台服务的方式构建并启动相关服务 docker compose down 删除相关服务容器及关联资源注意事项:docker compose 系列命令需在 docker-compose.yml 文件目录下执行,在其他路径下执行需使用 -f /opt/film/docker-compose.yml 指定关联的文件路径server 相关文件改变后,需使用 docker rmi 容器名|ID 删除 film-film 镜像1panel 部署根据服务器系统选择对应的安装命令, 1Panel 官方文档# RedHat, Centos curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sh quick_start.sh # Ubuntu curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sudo bash quick_start.sh # Debian curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && bash quick_start.sh通过设置的启动端口,在浏览器中进行访问,默认访问路径 : http://目标服务器 IP 地址:目标端口/安全入口登录 1Panel 管理面板启动容器依次点击 容器 --> 编排 ---> 创建编排 选择 来源 --> 路径选择,输入 GoFilm 安装文件的存放路径 /opt/film/docker-compose.yml 等待编排完成,关闭编排添加页,点击 容器 查看容器启动状态 程序初始化管理后台登录项目管理后台访问路径: http://服务器IP:3600/manage默认账户密码: admin admin采集设置初始化点击左侧菜单,采集管理 --> 影视采集,选择启用默认采集站点或自行添加站点信息启用需要采集的站点,将对应站点的是否启用状态设置为启用 选择主站点 (必要), 在需要设置的站点操作栏点击蓝色编辑按钮,设置站点权重为主站点 点击一键采集,选择需要执行采集的站点,设置采集时长为 -1 (采集全部), 点击确认执行 等待采集完成 (手动采集一次即可,后续无需重复手动采集)影视分类初始化点击左侧菜单,影片管理 --> 影视分类,对需要展示和隐藏的分类进行设置 (用于网站顶部导航以及首页数据展示) 影片定时更新点击左侧菜单,定时任务 --> 任务管理,选择启用默认的定时任务 (默认每 20 分钟采集一次最新 6 小时内更新的影片)自定义定时任务:任务类型 (自动更新), 指定周期内对所有已启用的采集站点进行更新采集任务类型 (自定义更新), 指定周期内仅对选中的站点进行更新采集 网站首页管理后台进行相关设置并完成主站点采集后,访问首页地址: http://服务器IP:3600/index首页访问提示导航数据获取失败或服务器繁忙,请等待数据采集完成后,重新访问提示:此版本为旧版待作者更新后补充新版
2024年10月15日
357 阅读
0 评论
0 点赞
2024-10-10
漂亮的导航单页修改即用
<!DOCTYPE html> <html lang="zh"> <head> <title>咔咔网址导航</title> <meta charset="UTF-8"> <meta http-equiv="content-language" content="zh-cn" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <link rel="shortcut icon" href="https://www.kkpig.cn/favicon.ico" /> <meta name="keywords" content="咔咔网址导航" /> <meta name="description" content="咔咔网址导航" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="Author" content="咔咔网址导航"> <script type="text/javascript" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.js"></script> <style>*{margin:0;padding:0;box-sizing:content-box;}ul{margin-bottom:0;padding-left:0;}li{list-style:none;}p{margin-bottom:0;}a{text-decoration:none;}h1{text-align:center;color:#fff;margin-bottom:35px;letter-spacing:2px;}body{background:url(https://pic1.zhimg.com/80/v2-8739175345ce53e38d1730cfb0c8acf3.jpeg) no-repeat;background-attachment:fixed;padding-top:90px;background-size:cover;background-position:center center;}.none{display:none;}.tishi{position:fixed;width:90%;left:0;top:0;z-index:99;height:60px;padding:0 5%;display:flex;justify-content:space-between;align-content:center;background-color:rgb(0,0,0,0.7);}.tishi>p{display:block;margin-bottom:0;color:#fff;line-height:60px;font-size:1rem;}#gb-ts{display:block;background-color:transparent;font-size:35px;outline:none;border:none;color:#fff;line-height:0px;cursor:pointer;}.box{width:100%;margin:0 auto;max-width:500px;}.zbox{width:80%;padding:5%;margin:0 auto;border-radius:5px;margin-bottom:30px;background-color:rgb(255,255,255,0.75);}.box-bt{width:100%;padding-top:10px;padding-bottom:10px;color:#fff;background:#0055ff;text-align:center;border-radius:5px;font-weight:300;}.box-lb{width:100%;font-size:15px;}.box-lb>li{padding-top:1em;padding-bottom:1em;border-bottom:1px solid #8987ff;line-height:1.8em;padding-left:0.5em;}.box-lb>li>a{color:#0055ff;font-weight:350;transition:0.3s;}.box-lb>li>a:hover{opacity:.7;}.box-lb>li>p{color:#000;}.box-lb>li>span{color:#000;}.footer{width:95%;margin:0 auto;padding-bottom:5px;}.footer>p{text-align:center;margin-bottom:5px;font-size:14px;color:#fff;display:block;}.footer>p>a{color:#00ffff;transition:0.3s;}.footer>p>a:hover{opacity:.7;}.zztj{margin-top:15px;}.zztj>span>a{color:#f5f5f5;font-weight:300;}.yqlj{margin-top:15px;line-height:22px;background:rgb(0,0,0,0.4);padding:10px;border-radius:10px;}.yqlj textarea{display:block;width:100%;height:25px;line-height:25px;text-align:center;margin:0 auto;max-width:300px;border:0.5px solid;background:rgba(255,255,255,0.1);outline:none;overflow:hidden;color:#fff;resize:none;border-radius:4px;margin-top:5px;}.yqlj>a{margin-right:8px;}@media screen and (max-width:1200px){}@media screen and (max-width:800px){}@media screen and (max-width:700px){.yqlj>a{margin-right:10px;}}@media screen and (max-width:510px){}@media screen and (max-width:410px){}@media screen and (max-width:400px){.yqlj>a{margin-right:12px;}}@media screen and (max-width:370px){}</style> </head> <body> <div class="box"> <h1>咔咔网址导航</h1> <div class="zbox"> <ul class="box-lb"> <li> <a rel="nofollow" href="https://www.kkpig.cn" target="_blank">咔咔猪博客</a> </li><li> <a rel="nofollow" href="https://hao.kkpig.cn" target="_blank">咔咔导航</a> </li><li> <a rel="nofollow" href="https://tool.kkpig.cn" target="_blank">咔咔工具</a> </li> <li> <a rel="nofollow" href="https://www.kkpig.cn" target="_blank">咔咔猪博客</a> </li><li> <a rel="nofollow" href="https://hao.kkpig.cn" target="_blank">咔咔导航</a> </li><li> <a rel="nofollow" href="https://tool.kkpig.cn" target="_blank">咔咔工具</a> </li> <li> <a rel="nofollow" href="https://www.kkpig.cn" target="_blank">咔咔猪博客</a> </li><li> <a rel="nofollow" href="https://hao.kkpig.cn" target="_blank">咔咔导航</a> </li><li> <a rel="nofollow" href="https://tool.kkpig.cn" target="_blank">咔咔工具</a> </li> </ul> </div> </div> <div class="tishi"> <p>将本站收藏至浏览器书签,永不迷路</p> <button id="gb-ts">×</button> </div> <div class="footer"> <p>© 2022-2024 <a href="https://www.kkpig.cn">咔咔网址导航</a> All Rights Reserved. </p> </div> <script> $(document).ready(() => { $('.yqlj a').attr({ 'target': '_blank' }) $('#gb-ts').click(() => { $('.tishi').fadeOut('slow') }) }) </script> </body> </html>
2024年10月10日
196 阅读
0 评论
0 点赞
2024-09-30
漂亮的网站弹窗可设置每天弹出一次
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹出层</title> <style> .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; } .modal { background-color: #fefefe; border: 1px solid #888; width: 85%; max-width: 480px; padding: 20px; border-radius: 8px; position: relative; z-index: 1; } .modal-header { display: flex; justify-content: space-between; align-items: center; } .close-button { color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; border: none; background: none; outline: none; } .close-button:hover, .close-button:focus { color: black; text-decoration: none; } #timer { margin-right: 3px; color: #434343; font-size: 18px; } .timer-line { width: 100%; height: 1px; background-color: #cccccc; margin-top: 10px; } .modal-overlay.active { display: flex; } .modal-footer { display: flex; justify-content: flex-end; padding-top: 10px; } .modal-footer button { background-color: red; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; outline: none; } .modal-footer button:hover { background-color: darkred; } .modal-footergg { display: flex; padding-top: 10px; } .modal-footergg button { background-color: #6aa84f; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; outline: none; } .modal-footergg button:not(:last-child) { margin-right: 10px; } </style> </head> <body> <div class="modal-overlay" id="modalOverlay"> <div class="modal" id="myModal"> <!-- 头部 --> <div class="modal-header"> <p><span id="timer">45</span><font size="4" color="#434343">秒后将会自动关闭</font></p> <button class="close-button" onclick="closeModal()">×</button> </div> <div class="timer-line"></div> <p><font size="4" color="red">请截图以下信息,以防走丢!</font></p> <p><font size="3" color="#434343">咔咔猪网址:</font> <a href="https://www.kkpig.cn" target="_blank"> <font size="3" color="#434343">kkpig.cn</font></a></p> <p><font size="3" color="#434343">咔咔猪导航:hao.kkpig.cn</font></p> <p><font size="3" color="#434343">咔咔猪工具:tool.kkpig.cn</font></p> <div class="modal-footergg"> <button type="button" class="btn cancel" onclick="window.location.href='https://www.kkpig.cn/'">网址发布1</button> <button type="button" class="btn cancel" onclick="window.location.href='https://www.kkpig.cn/'">网址发布2</button> </div> <div class="modal-footer"> <button type="button" class="btn cancel" onclick="closeModal()">立即关闭</button> </div> </div> </div> <script> function openModal() { document.getElementById("modalOverlay").classList.add("active"); startTimer(); } function closeModal() { document.getElementById("modalOverlay").classList.remove("active"); clearTimeout(timerId); } let timerId; function startTimer() { let timer = 45; const timerElement = document.getElementById("timer"); timerId = setInterval(() => { timer--; timerElement.textContent = timer; if (timer <= 0) { closeModal(); clearInterval(timerId); } }, 1000); } window.onload = openModal; document.getElementById("modalOverlay").addEventListener("click", function(e) { if (e.target === this) { closeModal(); } }); document.getElementById("myModal").addEventListener("click", function(e) { e.stopPropagation(); }); </script> </body> </html>替换下面js为每天弹一次<script> function getCurrentDate() { const now = new Date(); const year = now.getFullYear(); const month = String(now.getMonth() + 1).padStart(2, '0'); const day = String(now.getDate()).padStart(2, '0'); return `${year}-${month}-${day}`; } function hasModalBeenOpenedToday() { const today = getCurrentDate(); const lastOpenedDate = localStorage.getItem('modalLastOpenedDate'); return lastOpenedDate === today; } function updateModalOpenedDate() { const today = getCurrentDate(); localStorage.setItem('modalLastOpenedDate', today); } function openModal() { if (hasModalBeenOpenedToday()) { return; } document.getElementById("modalOverlay").classList.add("active"); startTimer(); updateModalOpenedDate(); } function closeModal() { document.getElementById("modalOverlay").classList.remove("active"); clearInterval(timerId); } let timerId; function startTimer() { let timer = 45; const timerElement = document.getElementById("timer"); timerId = setInterval(() => { timer--; timerElement.textContent = timer; if (timer <= 0) { closeModal(); } }, 1000); } document.addEventListener("DOMContentLoaded", () => { openModal(); }); document.getElementById("modalOverlay").addEventListener("click", function(e) { if (e.target === this) { closeModal(); } }); document.getElementById("myModal").addEventListener("click", function(e) { e.stopPropagation(); }); </script>
2024年09月30日
244 阅读
0 评论
0 点赞
2024-08-25
NarratoAI:一站式 AI 影视解说+自动化剪辑工具
NarratoAI是一个自动化影视解说工具,基于LLM实现文案撰写、自动化视频剪辑、配音和字幕生成的一站式流程,助力高效内容创作,一站式 AI 影视解说+自动化剪辑工具,项目工具非开箱就用,系统配置建议最低 CPU 4核或以上,内存 8G 或以上,显卡非必须,Windows 10 或 MacOS 11.0 以上系统,感兴趣的同学可以到GitHub项目地址体验。首页截图视频审查界面配置要求 📦建议最低 CPU 4核或以上,内存 8G 或以上,显卡非必须Windows 10 或 MacOS 11.0 以上系统NarratoAI如何使用GitHub:https://github.com/linyqh/NarratoAI
2024年08月25日
365 阅读
0 评论
0 点赞
2024-07-05
Telegram统计机器人源码/TG记账群发机器源码人/TG自动记账全开源版本
telegram统计机器人源码/TG记账群发机器源码人/TG自动记账全开源版本能群发,能统计账单,能记账,telegram机器人,使用方便。全网都是这套源码 下载地址:https://www.alipan.com/s/9NzHVVF9Egt下载地址:https://kkpig.lanzoue.com/icBZF23jtknc
2024年07月05日
171 阅读
0 评论
0 点赞
1
2
...
16