首页
关于我们
友链链接
壁纸下载
更多
统计中心
图床上传
Search
1
[Win DD包] wes7-x86-cn-精简,安装后仅占用1.55G存储空间
25,454 阅读
2
保姆级教程!甲骨文ARM DD成Debian10并升级内核成5.10
6,169 阅读
3
N1教程:Openwrt安装docker webui界面(基于flippy openwrt n1固件)
5,190 阅读
4
ZFAKA小店Docker版之 数据的备份和迁移
4,998 阅读
5
甲骨文oracle ARM 重装 Debian 10
4,674 阅读
Linux学堂
网站建设
网络资源
主题插件
固件工具
主机评测
登录
Search
标签搜索
vps
typecho
linux
bench
nginx
empirecms
lnmp
centos
cloudflare
openwrt
n1
301
qbittorrent
ssl
rclone
onedrive
google
storage
ssh
speedtest
V+变量
累计撰写
198
篇文章
累计收到
84
条评论
首页
栏目
Linux学堂
网站建设
网络资源
主题插件
固件工具
主机评测
页面
关于我们
友链链接
壁纸下载
统计中心
图床上传
搜索到
198
篇与
的结果
2025-02-09
利用deepseek编写一个漂亮的跳转网页
Deepseek最近比较火爆,打破了chatgpt的垄断,今天用deepseek创建一个漂亮的跳转网页。1 Deepseek思考过程输入指令“编写一个漂亮的跳转网页”后,deepseek开始思考,并输出如下内容:嗯,用户想要一个漂亮的跳转网页。首先,我需要明确他们的需求是什么。跳转网页通常用于重定向用户到另一个页面,可能是在几秒钟后自动跳转,或者在点击按钮后跳转。用户可能希望这个页面看起来专业且吸引人,所以视觉效果很重要。 接下来,我得考虑设计方面。现代、简洁的设计比较受欢迎,可能包括渐变背景、卡片式布局、平滑的动画效果。颜色搭配要协调,字体选择要清晰易读。可能需要使用CSS来实现这些效果,比如flexbox或grid布局来居中内容,添加阴影和圆角来提升卡片的外观。 然后,功能部分。自动跳转需要用到JavaScript的setTimeout函数,设定延迟时间,比如5秒后跳转。同时,显示倒计时可以让用户知道还剩多少时间,这需要更新DOM元素的内容。另外,提供一个手动跳转的按钮,方便用户不想等待时直接点击。按钮的样式要突出,可能有悬停效果,增强交互性。 响应式设计也是必须的,确保在不同设备上看起来都不错。使用媒体查询调整字体大小和布局,比如在手机上将字体调小一些,避免溢出或拥挤。 测试时要注意各个功能是否正常,倒计时是否正确,跳转是否顺畅。代码结构要清晰,注释可以适当添加,方便用户理解和修改。可能还需要考虑SEO和可访问性,比如添加适当的meta标签和ARIA属性。 最后,提供定制提示,比如如何修改跳转时间、目标链接、颜色和文字内容,让用户能够轻松根据自己的需求调整。这样,用户不仅得到一个现成的解决方案,还能根据自己的品牌或偏好进行个性化设置。2 生成的网页代码<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>跳转提示 | XBOY.uk精品套图分享</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', system-ui, sans-serif; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 20px; } .redirect-card { background: rgba(255, 255, 255, 0.95); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); text-align: center; max-width: 500px; width: 100%; transform: translateY(20px); opacity: 0; animation: fadeInUp 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } h1 { color: #2d3748; margin-bottom: 1.2rem; font-size: 2.2rem; font-weight: 600; } p { color: #4a5568; line-height: 1.6; margin-bottom: 1.8rem; font-size: 1.1rem; } .countdown { color: #667eea; font-weight: 600; font-size: 1.4rem; } .redirect-button { background: #667eea; color: white; border: none; padding: 12px 30px; border-radius: 30px; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; } .redirect-button:hover { background: #764ba2; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .spinner { animation: spin 1s linear infinite; display: none; } @keyframes spin { to { transform: rotate(360deg); } } @media (max-width: 480px) { .redirect-card { padding: 1.8rem; } h1 { font-size: 1.8rem; } } </style> </head> <body> <div class="redirect-card"> <h1>即将跳转到新页面 </h1> <p>您将在 <span class="countdown">5</span> 秒后自动跳转到目标页面XBOY.uk精品套图分享。如果未自动跳转,请点击下方按钮。</p> <button class="redirect-button" onclick="redirectNow()"> <svg class="spinner" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> 立即访问 </button> </div> <script> let seconds = 5; const countdownElement = document.querySelector('.countdown'); const button = document.querySelector('.redirect-button'); const spinner = document.querySelector('.spinner'); function updateCountdown() { countdownElement.textContent = seconds; seconds--; if (seconds < 0) { redirectNow(); } else { setTimeout(updateCountdown, 1000); } } function redirectNow() { button.disabled = true; spinner.style.display = 'block'; // 模拟短暂延迟(实际使用时移除) setTimeout(() => { window.location.href = 'https://www.xboy.uk'; }, 800); } // 启动倒计时 updateCountdown(); </script> </body> </html>3 主要特点主要特点: 视觉设计: 渐变色背景 毛玻璃效果卡片 入场动画 现代阴影效果 响应式布局 平滑的悬停动效 交互功能: 5秒自动倒计时跳转 手动跳转按钮 加载状态指示 按钮禁用状态 流畅的动画过渡 技术亮点: CSS自定义动画 Flexbox居中布局 防抖处理 SVG加载动画 移动端适配 用户体验优化: 清晰的状态提示 双跳转方式(自动+手动) 视觉反馈(按钮点击效果) 无障碍基础支持 加载状态提示 使用方法: 修改 window.location.href 中的目标地址 调整 seconds 变量设置倒计时时长 可根据需要修改颜色、文字内容和动画时长 可根据实际需求进一步添加以下功能: 页面过渡动画 自定义加载图标 页面访问统计 来源追踪参数 过期跳转处理等4 演示地址演示地址
2025年02月09日
7 阅读
0 评论
0 点赞
2025-02-04
ASN 申请快速指南 – RIPE NCC
1. 注册 RIPE NCC Access 账号https://access.ripe.net/registration通过此链接注册一个 RIPE NCC Access 账号以管理您未来在 RIPE NCC 区域内的资源。2. 创建初始 role 和 maintainer (mntner) 对象https://apps.db.ripe.net/db-web-ui/webupdates/create/RIPE/role/selfrole 对象是对由一个或多个人执行的角色的抽象,例如表示您用来处理网络事件的部门。maintainer 对象是对维护者的抽象,记录了维护者的认证信息。其他对象通过 mnt-by 属性授权由谁维护。在通过以上链接创建 role 和 maintainer 对象时,您需要填写:mntner: maintainer 对象的标识符,可包含大小写字母、数字和 _-,例如: YOURNOC-MNTrole: role 对象的名称,可包含大小写字母、数字和 ][)(._"*@,&:!'`+/-,例如: YOURCOMPANY NOCaddress: 此 role 的办公地址e-mail 此 role 的电子邮件联系地址填写完成后点击 SUBMIT 按钮,将同时创建一个 role 和一个 mntner 对象。页面中上位置以 role with primary key "EXAMPLE-RIPE" 字样展示了 role 对象的主键。您需要将其作为您 AS 的 admin-c / tech-c / abuse-c 提交给您的 LIR,或通过https://apps.db.ripe.net/db-web-ui/webupdates/create/RIPE/role创建一组专用 role 对象作为您 AS 的 admin-c / tech-c / abuse-c 提交给您的 LIR。新建的 role 对象中 mnt-by 属性指向了新建的 mntner 对象,这表示此 role 对象可由其修改。而创建出的 mntner 对象中 admin-c 属性指向了新建的 role 对象,这表示此 role 对象提供了该维护者的管理员联系信息。这种相互引用关系使得您必须同时创建 role 和 mntner 对象。3. 设置滥用通知邮箱https://apps.db.ripe.net/db-web-ui/query在此页面顶部的搜索框中填写上节中 role 对象的主键,点击右侧查找按钮。接下来点击搜索结果右上角的 Update object 按钮跳转至修改页面。点击 e-mail 栏右侧 + 号按钮为此 role 对象添加 abuse-mailbox 属性。在出现的 abuse-mailbox 栏中填写滥用通知邮箱后点击 SUBMIT 按钮保存。RIPE NCC 会检查此邮箱的有效性,务必真实可用4. 创建 organisation 对象https://apps.db.ripe.net/db-web-ui/webupdates/create/RIPE/organisationorganisation 对象是对公司、非营利团体或个人的抽象,所有其他资源都与该对象相关。是管理 RIPE 数据库中数据的起点。在通过以上链接创建 organisation 对象时,您需要填写:mnt-by: 由谁管理,默认自动填充此前新建的 mntner 的标识符organisation: organisation 对象的标识符,默认填充 AUTO-1 将由系统自动生成标识符org-name: 此 organisation 的名称,必须填写组织的法定全称或个人姓名之一address: 此 organisation 的联系地址,必须是组织的法定地址或个人住址之一e-mail: 此 organisation 的电子邮件联系地址abuse-c: 此 organisation 的滥用通知联系方式,必须指向具有 abuse-mailbox 属性的 role 对象mnt-ref: 谁可引用此 organisation,被指向的 mntner 可以添加指向此 organisation 的对象,即由谁为此组织分配资源,询问您的 LIR 以获得具体值填写完成后点击 SUBMIT 按钮,页面中上位置以 organisation "ORG-EXAMPLE-RIPE" 字样展示了 organisation 对象的标识符,您需要将其作为您 AS 的 org 提交给您的 LIR。5. 提交资料公司注册证书 / 护照(中国居民身份证)正反面RIPE NCC 服务区内的网络活动证明(例如欧洲 VPS 的账单)AS 的活动地区(国家)as-name(AS 名称,例如 CHINATELECOM-CORE-WAN-CN2)org(第 4 节,organisation 对象标识符)admin-c(第 2 节,role 对象主键)tech-c(第 2 节,role 对象主键)abuse-c(第 2 节,role 对象主键)mnt-by(第 2 节,mntner 对象标识符)
2025年02月04日
6 阅读
0 评论
0 点赞
2025-02-04
大善人Alice公共流媒体 DNS 使用教程
基于Debian 12的流媒体解锁DNS配置教程本教程将指导您如何在 Debian 12 系统上配置流媒体解锁 DNS,以便解锁某些区域确定的流媒体内容。第一步:在Alice Networks平台上过白您的IP首先,您需要进行IP过白操作。1登录到https://app.alice.ws/streaming/console。2点击“添加IP子网”按钮,添加您的服务器IP地址即可进行过白(个人用户保持子网设为32即可,无需做任何修改)。3过白成功后,平台会显示相应的DNS IP地址。4复制您想要解锁的区域对应的 DNS IP。第二步:配置DNS服务器在 Debian 12 系统中,DNS 配置需要修改/etc/resolv.conf文件。您可以按照以下步骤进行设置:1编辑/etc/resolv.conf文件—使用文本编辑器(例如nano或vim)打开/etc/resolv.conf文件: sudo nano /etc/resolv.conf2添加DNS服务器—在文件中,添加以下内容,其中DNS_IP为您刚刚从平台上复制的DNS IP地址: nameserver DNS_IP nameserver 1.1.1.1例如,如果复制的 DNS IP 地址是123.45.67.89,那么您应该看到: nameserver 123.45.67.89 nameserver 1.1.1.13保存修改并退出—单击Ctrl + O保存,然后单击Ctrl + X退出编辑器。注意:如果您的系统使用 DHCP,/etc/resolv.conf文件可能会被自动覆盖。建议您在这种情况下使用其他更持久的方式来配置 DNS,例如通过netplan或systemd-resolved进行配置。4最后:如果还是不会修改可以使用下面的脚本一键配置sudo sh -c 'echo -e "nameserver DNS_IP nameserver 1.1.1.1" > /etc/resolv.conf'DNS_IP改成你用的DNS即可。第三步:测试流媒体解锁情况在完成IP过白添加操作后,通常需要等待五分钟左右,以便系统同步您的IP信息。完成同步后,可以使用以下命令进行流媒体解锁测试:bash <(curl -L -s https://raw.githubusercontent.com/1-stream/RegionRestrictionCheck/main/check.sh)该命令将下载并执行解锁脚本,确保您的网络配置正确。测试结果示例如果 DNS 配置正确,您应该会看到类似以下的结果:** 正在测试IPv4解锁情况 ** 您的网络为: AS215355 ALICE NETWORKS LTD (*****/22) ============[ Multination ]============ Dazn: Unsupport HotStar: Yes (Region: SG) Disney+: Yes (Region: SG) Netflix: Yes (Region: HK) YouTube Premium: Yes (Region: HK) Amazon Prime Video: Yes (Region: HK) TVBAnywhere+: No (Region: HK) iQyi Oversea: Yes (Region: HK) Bilibili Anime: Yes (Region: HK) Viu.com: Yes (Region: HK) Tiktok: Yes (Region: SG) YouTube CDN: Hong Kong Google Location: Hong Kong Netflix Preferred CDN: Hijacked with [Alice Networks] Spotify Region: HK Steam Currency: HKD =============[ Hong Kong ]============= Now E: Yes Viu.TV: Yes MyTVSuper: Yes Max.com: Yes (Region: SG) HOY TV: Yes Bahamut Anime: Yes (Region: HK/MO) NBA TV: Yes通过以上测试,您可以确认是否成功解锁了目标流媒体服务。注意事项1 DNS配置的持久性:/etc/resolv.conf文件在某些系统中可能会被网络管理工具自动覆盖因此。,建议使用持久性配置方法,例如修改netplan或systemd-resolved,以防止重启后DNS配置丢失。2 同步等待时间:在添加IP过白后,通常需要等待约五分钟时间,以便DNS生效。根据本教程的步骤,您应该能够在 Debian 12 上正确配置 DNS,以解锁区域设定的流媒体内容。希望本教程对您有所帮助!
2025年02月04日
4 阅读
0 评论
0 点赞
2025-02-01
Netflix cookies 免费看奈飞教程
1 Netflix cookies 免费看奈飞教程Netflix cookies 技术实现免费看奈飞网剧很多网友买了机场订阅上面说明支持流媒体解锁,或者说解锁Netflix,Disney+等业务,但是这些流媒体又是需要账号登录才能去看的,而且还不像国内的流媒体(腾讯视频,爱奇艺)有免费的资源可以看,这些国外的流媒体必须要付费账户才能看,所以今天教大家一个方法来免费看NetflixNetflix cookies奈飞登录后会有cookies,有了这个cookies奈飞就认为你登录成功了,所以本教程的原理就是用已经购买奈飞会员的cookie来欺骗奈飞从而达到免费看资源的效果前置工作chrome插件安装最常用的插件就是Cookie-Editor,这个插件可以直接在google扩展里面安装,或者使用 Edit This Cookie,下载离线包进行安装这两个插件设置都差不多,这里以Cookie-Editor为例介绍 Netflix cookies 导入流程。进入插件Cookie-Editor打开网页,点击右上角搜索栏旁边的“扩展程序图标(Extensions)”图标, 在列表中找到刚刚添加的扩展程序 “Cookie-Editor”, 它的图标像一块饼干。点击Cookie-Editor进入设置界面。如何获取免费的cookies这里大家可以在本站的netflix cookies专栏查找,会不定时更新免费的奈飞cookie。[ { "domain": ".netflix.com", "expirationDate": 1766884402, "hostOnly": false, "httpOnly": false, "name": "OptanonAlertBoxClosed", "path": "/", "sameSite": "lax", "secure": false, "session": false, "storeId": "0", "value": "2024-12-28T01:13:22.094Z" }, { "domain": ".netflix.com", "expirationDate": 1746186938.767532, "hostOnly": false, "httpOnly": false, "name": "netflix-sans-normal-3-loaded", "path": "/", "sameSite": "unspecified", "secure": false, "session": false, "storeId": "0", "value": "true" }, { "domain": ".netflix.com", "expirationDate": 1746186938.767611, "hostOnly": false, "httpOnly": false, "name": "netflix-sans-bold-3-loaded", "path": "/", "sameSite": "unspecified", "secure": false, "session": false, "storeId": "0", "value": "true" }, { "domain": ".netflix.com", "expirationDate": 1738421737.933145, "hostOnly": false, "httpOnly": false, "name": "flwssn", "path": "/", "sameSite": "unspecified", "secure": false, "session": false, "storeId": "0", "value": "6018e36d-1038-4943-951c-928164f9362e" }, { "domain": ".netflix.com", "expirationDate": 1769341440, "hostOnly": false, "httpOnly": false, "name": "nfvdid", "path": "/", "sameSite": "lax", "secure": false, "session": false, "storeId": "0", "value": "BQFmAAEBEGgDAxkI2LjWg2Ip2gwDDhhgUFBkBbX-7qohKwnL1DZKPRnmSna2Os3WY4huCNlMcMdw4NQ2EvSkG3eCbgZgkHaJtZVLtAAV-BT1cm6D0MZ6rjlMAlf2XhxLCW04aI9yYA_h_XlIVagDCGCw3sLxYlzF" }, { "domain": ".netflix.com", "expirationDate": 1738412740.537264, "hostOnly": false, "httpOnly": false, "name": "profilesNewSession", "path": "/", "sameSite": "unspecified", "secure": false, "session": false, "storeId": "0", "value": "0" }, { "domain": ".netflix.com", "expirationDate": 1738471810, "hostOnly": false, "httpOnly": true, "name": "gsid", "path": "/", "sameSite": "strict", "secure": true, "session": false, "storeId": "0", "value": "195eee8d-7841-4428-b34d-7502f0150048" }, { "domain": ".netflix.com", "expirationDate": 1769946940, "hostOnly": false, "httpOnly": false, "name": "OptanonConsent", "path": "/", "sameSite": "lax", "secure": false, "session": false, "storeId": "0", "value": "isGpcEnabled=0&datestamp=Sat+Feb+01+2025+19%3A55%3A40+GMT%2B0800+(%E4%B8%AD%E5%9B%BD%E6%A0%87%E5%87%86%E6%97%B6%E9%97%B4)&version=202411.1.0&browserGpcFlag=0&isIABGlobal=false&hosts=&consentId=7b51f031-ebc1-4e65-a9c6-1fae20ea0f59&interactionCount=1&isAnonUser=1&landingPath=NotLandingPage&groups=C0001%3A1%2CC0002%3A1%2CC0003%3A1%2CC0004%3A1&AwaitingReconsent=false&geolocation=US%3BAZ" }, { "domain": ".netflix.com", "expirationDate": 1769946943.697859, "hostOnly": false, "httpOnly": true, "name": "SecureNetflixId", "path": "/", "sameSite": "strict", "secure": true, "session": false, "storeId": "0", "value": "v%3D3%26mac%3DAQEAEQABABTl84UmdZSAjusICa-iI5QZiBM8GrHUGK0.%26dt%3D1738410943509" }, { "domain": ".netflix.com", "expirationDate": 1769946943.697969, "hostOnly": false, "httpOnly": true, "name": "NetflixId", "path": "/", "sameSite": "lax", "secure": true, "session": false, "storeId": "0", "value": "v%3D3%26ct%3DBgjHlOvcAxLvAs2RBH6JWcHLCRYG4DDrz1WbPIDdJ0PgBqvyc6LcxxJv02PB8gyC3eThVAPQKO0Pttk_hHiD8daM9wLyGi8hFQvlPJkB055Wh9hdoLWQTw6h3RusMXJsz388TLrN3dsUVJWCnUigxFKsz6Ekem__BkPcM6fX8wS8lpyA7dhwbe2hIK8KveHK3yD1gw5bi8DRCC78Kmt1_haco6o99FU82TSWZjzBV9GUpHf0xvkmo6PB6Rb7rWT_Wy6118vXjjZYxpULNkOR74yGZS0TfAr1zfP2tPvXpc4YH7tEAteSeGeCIRt-9mZcZ5hpFlUUc4OhiiPiqiHjXthDDCjB8hApBjR2-09I7dyXEwenlKOmFFVSmNP_IX99tUl49kWRD9VrabAf2nuuBl-gQZpFl-bRHMyTmCV6F1T1gl2fJc5kUQRu5hhZyeTAvy-onOZzqabwe3xu8YvcTidDpr4I3sIb440KvcCN6WsrkV7X772A5nYYBiIOCgx4C4twRFgzHaaKx2k.%26ch%3DAQEAEAABABQ4k22ZZZb-NWMzdx0LxFlsrawcyM8FmNQ." } ]导入 Netflix cookies先打开Netflix网站,然后找到共享的cookies,接着清除本地的缓存,点击Cookie-Editor进入下图界面,点击“删除”图标(红色箭头所示)。将下载下来的Netflix cookies复制下来,点击import粘贴到空白区域所有的都完成后,刷新页面,这时你会看到,已经登录奈飞了,如下图在个人资料你可以修改你的显示语言,但是切记,不要点击退出,否则这个cookies就失效了,首页中带“N”是奈飞自制剧,不带的就是非自制剧,到这里就可以享受免费的奈飞网剧了
2025年02月01日
5 阅读
0 评论
0 点赞
2025-01-31
Typecho批量替换文章内链接与图片链接
前言最近几天本站一直被人打,于是我就想到了OSS没设置带宽封顶策略,于是开启缓存后OSS域名变更了,文章链接图片附件链接等全部失效,虽然网上有替换插件,但是没有改变数据库内容总感觉没从根本上解决问题,于是就利用SQL语句替换掉了域名,又可以访问了。如OSS原域名:blog-196.cos.ap-guangzhou.myqcloud.com 现在的域名:image.blogbig.cn 则旧网址:blog-196.cos.ap-guangzhou.myqcloud.com 新网址:image.blogbig.cn1 进入文章数据表进入typecho_contents表(文章内容表)SQL语句点击“SQL”输入下面的语句,点击“执行”UPDATE `typecho_contents` SET `text` = REPLACE(`text`,'旧网址','新网址');2 同样替换typecho_fields表(文章字段表)点击“SQL”输入下面的语句,点击“执行”。UPDATE `typecho_fields` SET `str_value` = REPLACE(`str_value`,'旧网址','新网址');其他注意替换还有很多用处,比如当网址配置SSL后需要更改链接。则旧网址:http://域名新网址:https://域名其他系统替换大同小异,只需要改一下语句里的表名就ok啦。
2025年01月31日
7 阅读
0 评论
0 点赞
1
2
...
40