2025最新老韩极简导航页

介绍

实测源码

这是一个轻量级、响应式的个人导航网站项目。它旨在提供一个简洁、美观且易于定制的上网入口，方便用户快速访问常用的网站和工具。

作者应该是老韩，老韩分享的开源源码，简洁好看，美中不足就是背景api感觉图片不多，需要的可以自行设置一下

主要特点：

• 纯静态与动态结合：核心展示页面为 index.php，通过读取 config.php (PHP数组格式) 配置文件动态生成链接卡片。
• 响应式设计：自动适应不同屏幕尺寸（PC、平板、手机），提供一致的浏览体验。
• 美观的UI：采用现代化的设计风格，包括磨砂玻璃效果、卡片式布局、平滑的过渡动画等。
• 图标自动获取：能够尝试从多种源自动获取并显示目标网站的 favicon。
• 点击统计：通过 click.php 脚本记录链接的点击次数（此功能依赖于服务器端PHP环境和文件写权限）。
• 易于定制：通过修改 config.php 文件即可轻松添加、删除或编辑导航链接。CSS样式也易于调整以满足个性化需求。
• 背景自定义：支持根据设备类型（PC/手机）加载不同的背景图片。

软件架构

• 前端：HTML, CSS, JavaScript (原生JS)
• 后端 (配置与点击统计)：PHP
• 数据存储 (配置)：config.php (PHP 数组)
• 数据存储 (点击数)：config.php (通过PHP脚本更新)

安装教程

1. 环境要求：
   • 支持PHP的Web服务器 (例如 Apache, Nginx)。
   • PHP 版本建议 7.0 或更高。
2. 部署：
   • 将项目所有文件上传到您的Web服务器的网站根目录或指定子目录。
   • 确保服务器对 config.php 文件有写入权限（如果需要使用点击统计功能并希望其自动更新点击数）。
3. 配置：
   • 打开 config.php 文件。
   • 按照PHP数组的格式修改或添加您的网站链接信息，包括 title (标题), description (描述), url (链接地址), icon (Font Awesome 图标类名或留空由JS自动获取), 和 clicks (初始点击数，通常设为0)。

使用说明

1. 访问首页：通过浏览器访问您部署的 index.php 页面。
2. 添加/修改链接：直接编辑 config.php 文件中的PHP数组内容。
3. 自定义样式：主要的CSS样式都包含在 index.php 文件头部的 <style> 标签内，您可以直接修改这些样式或引入外部CSS文件。
4. 背景图片：
   • 默认情况下，背景图片从 https://lh.ithxs.com/apis.php?act=pe (手机) 和 https://lh.ithxs.com/apis.php?act=pc (电脑) 加载。
   • 您可以在 index.php 的CSS部分修改这些URL为您自己的图片地址。