找到
18
篇与
搭建网站
相关的结果
-
修改Joe再续前缘主题跳转界面美化教程 由于Joe再续前缘主题1.34版本中的跳转界面外部引用css文件失效，导致这个界面显示异常 跳转界面图片 于是我找ai帮我生成了一个跳转界面，下面我就分享给大家，直接复制粘贴即可，修改usr/themes/Joe/module中的goto.php文件 效果图 效果图图片 修改前的goto.php代码 <?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>即将跳转到外部网站 - <?= Helper::options()->title ?></title> <meta content='noindex, nofollow' name='robots'> <meta charset='utf-8'> <link rel="shortcut icon" href="<?= Helper::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://cn-assets.gitee.com/assets/external_link/app-cdbd476d857bfad8751f35a067840adf.css" /> </head> <body> <div class='gitee-external-link-wrapper'> <img class="logo-img" src="<?= Helper::options()->JLogo ?>" alt="Logo black" /> <div class='content-box'> <div class='content-title'>即将跳转到外部网站</div> <div class='content-text'>您将要访问的链接不属于 <?= Helper::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")); var t = `<?= $location ?>`; 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>修改后的goto.php文件 <?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'> </head> <body> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://t.alcy.cc/fj') center/cover fixed; padding: 20px; } .container { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px) saturate(180%); -webkit-backdrop-filter: blur(12px) saturate(180%); border-radius: 20px; padding: 40px; max-width: 600px; width: 90%; text-align: center; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.15); } h1 { color: #fff; margin-bottom: 20px; font-size: 2.2em; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); } p { color: rgba(255, 255, 255, 0.95); line-height: 1.6; margin: 15px 0; font-size: 1.1em; } .time { color: #FFD740; font-weight: 600; font-size: 1.2em; margin: 20px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .loader { width: 50px; height: 50px; border: 4px solid rgba(255, 255, 255, 0.2); border-top-color: #fff; border-radius: 50%; margin: 20px auto; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .external-link-btn { background: rgba(255, 255, 255, 0.25); color: #fff; border: none; padding: 12px 30px; border-radius: 30px; font-size: 1em; cursor: pointer; margin-top: 20px; transition: all 0.3s ease; backdrop-filter: blur(4px); font-weight: 500; } .refresh-btn:hover { background: rgba(255, 255, 255, 0.35); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } @media (max-width: 480px) { .container { padding: 25px; } h1 { font-size: 1.8em; } p { font-size: 1em; } } </style> <div class="container"> <div class="loader"></div> <h1>即将跳转到外部网站</h1> <p>您将要访问的链接不属于 <?= $this->options->title ?> ，请关注您的账号安全</p> <div class='content-link'> <div class='external-link-href'></div> </div> <button class="ui button orange external-link-btn">继续前往</button> </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>
-
使用宝塔面板部署开源ssh终端工具系统EasyNode 大家好，今天给大家分享一款最近新推出的开源ssh工具系统——EasyNode的搭建教程。 程序介绍 EasyNode是一个基于Web的多功能Linux服务器管理面板，提供WebSSH终端和WebSFTP 文件管理等功能，让您能够通过浏览器轻松管理Linux服务器。 EasyNode 采用现代化的技术栈开发： 前端: Vue 3 + Vite 后端: Node.js + Koa 终端: Xterm.js 通信: WebSocket 预览效果 终端界面 终端界面图片 深色模式 深色模式图片 部署教程 Docker 安装(推荐) docker run -d -p 8082:8082 --name=easynode \ --restart=always \ -v /root/easynode/db:/easynode/app/db \ chaoszhu/easynode如果端口被占用，可以使用其他的端口 nodejs手动安装 如果你想手动部署，请确保您的环境Node.js 版本>=20.0.0 1.克隆代码仓库 git clone https://github.com/chaos-zhu/easynode2.安装依赖 cd easynode yarn3.构建前端 cd web yarn build mv dist/* ../server/app/static4.启动服务 cd ../server yarn start5.使用PM2后台运行(可选) pm2 start index.js --name easynode-server后台效果图 2025092301图片 2025092302图片 2025092303图片 2025092304图片 2025092305图片 以上就是本期教程，感谢大家的观看 ::(狗头)
-
【Komari】开源轻量级自部署服务器监控面板系统搭建教程 你是否已经厌倦了哪吒v1监控系统操作复杂，折腾起来非常麻烦，一层包一层的配置选项。 那么今天给大家分享一个新推出的开源轻量级自部署服务器监控面板系统，它就是Komari Komari图片 Komari是由AKizon开发的一款轻量级的自托管服务器监控工具，旨在提供简单、高效的服务器性能监控解决方案。Komari完全开源，包括前端网页。 github开源介绍图片 GitHub - komari-monitor/komari 下载地址：https://github.com/komari-monitor/komari 提取码： 准备工作 建议使用1h1g以上配置云服务器，不限制服务器系统 安装教程 一键部署方式 curl -fsSL https://raw.githubusercontent.com/komari-monitor/komari/main/install-komari.sh -o install-komari.sh chmod +x install-komari.sh sudo ./install-komari.sh(适用于Ubuntu、Debian发行版) Docker 部署 「推荐」 新建数据存储目录 mkdir -p ./data运行Docker容器 docker run -d \ -p 25774:25774 \ -v $(pwd)/data:/app/data \ --name komari \ ghcr.io/komari-monitor/komari:latest国内服务器部署可以使用 毫秒镜像1ms.run或者ghcr.nju.edu.cn加速拉取 查看默认账号和密码： docker logs komari账号密码只显示一次，请妥善保管 效果图 图片1图片 图片2图片 图片3图片
-
[抢先体验]宝塔面板11.0.0正式发布！！ 就在今天上午10:00宝塔面板11.0.0版本正式发布。界面迎来重大升级重构，更加美观了 效果图 首页图片 商店图片 状态图片 更新内容 【重构】宝塔面板整体UI 【重构】数据库-增量备份 【新增】节点管理(负载均衡与主从同步的稳定容灾方案) 【新增】设置-界面设置(支持设置背景、配色与自定义图标) 【新增】Docker-容器页面的外部端口允许点击访问 【新增】Docker-可以设置应用商店的默认存储目录 【新增】Docker-容器编排支持直接选择文件创建 【新增】Nginx防火墙(WAF)与网站监控报表多个安全联动功能 【新增】微信扫码登录宝塔账号(首次扫码需要绑定) 【优化】Docker-总览界面 【优化】节点管理-提升负载均衡稳定性 【优化】设置-备份还原与整机迁移的稳定性 【优化】提升宝塔面板的页面访问速度 【优化】提升宝塔面板的整体性能 【优化】大幅度提升Nginx防火墙(WAF)的性能 【优化】MySql的性能与稳定性 【优化】PHP-FPM的性能与稳定性 【修复】其他已知BUG 安装命令 if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_latest.sh;else wget -O install_latest.sh https://download.bt.cn/install/install_latest.sh;fi;bash install_latest.sh ed8484bec适配说明 系统兼容性排序：Debian 12 （推荐）、Ubuntu 22、Centos 9、OpenCloud 9、 TencentOS Server4、AlibabaCloud 3>麒麟、统信、欧拉等Linux系统
![[抢先体验]宝塔面板11.0.0正式发布！！](https://img.koxiuqiu.cc/imgse/18/20250724/ace6034e9237f795b03e01066b2fc5a4.png)
