项目介绍

这是一个功能丰富的个人导航单页网站,具有以下特点:

  • 响应式设计,适配电脑端和移动端
  • 支持深色模式
  • 个性化导航管理
  • 个人信息展示
  • 广告管理
  • 访问统计
  • 点击统计
  • 音乐播放器集成

项目下载

安装步骤

1. 环境要求

  • PHP 7.2+
  • MySQL 5.7+
  • Web服务器(Apache/Nginx)

2. 安装流程

  1. 上传文件

    将所有文件上传到您的Web服务器根目录。

  2. 配置数据库

    打开文件 根目录/admin/config/config.php配置数据库链接。

  3. 导入数据库

    访问域名 /migrate.php 文件,导入数据表。

  4. 访问网站

    在浏览器中访问您的网站域名,例如:http://域名

    访问后台

    在浏览器中访问您的网站域名,例如:http://域名/admin

功能说明

1. 导航管理

您可以在后台添加、编辑和删除导航项,每个导航项包含以下信息:

  • 导航名称
  • 导航链接
  • 导航图标(Font Awesome图标)
  • 导航图片(可选)
  • 导航描述
  • 排序顺序

2. 个人信息管理

在后台可以设置个人信息,包括:

  • 姓名
  • 签名
  • 个人描述
  • 头像
  • 邮箱
  • 位置
  • 关于我(支持HTML)
  • 自定义按钮(最多2个)

3. 网站设置

在后台可以设置网站相关信息:

  • 网站标题
  • 网站副标题
  • 网站描述
  • 网站关键词
  • 网站版权信息(支持HTML)
  • 社区链接
  • 导航链接
  • 广告代码(支持HTML)

4. 统计功能

网站内置了统计功能:

  • 总访问量统计
  • 总点击量统计
  • 每日访问量统计
  • 导航项点击量统计

5. 音乐播放器

网站集成了APlayer音乐播放器,支持:

  • 网易云音乐歌单
  • 音乐播放记忆
  • 响应式设计

后台管理

1. 登录后台

在浏览器中访问 http://您的域名/admin,使用默认账号密码登录:

用户名: admin 密码: admin123

2. 后台功能

导航管理

添加、编辑、删除导航项,设置导航顺序

个人信息

设置个人信息、头像、按钮等

网站设置

设置网站标题、描述、版权等

统计分析

查看访问量和点击量统计

3. 安全建议

  • 修改默认管理员账号密码
  • 定期备份数据库
  • 确保服务器环境安全
  • 使用HTTPS协议

自定义设置

1. 主题颜色

您可以在 index.php 文件中修改主题颜色:

tailwind.config = {
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                primary: '#2563eb', // 主色调
                secondary: '#7c3aed', // 辅助色
                accent: '#f97316', // 强调色
                dark: '#1e293b', // 深色模式背景
                light: '#f8fafc', // 浅色模式背景
                neutral: '#64748b', // 中性色
            },
            // ...
        }
    }
}

2. 音乐播放器

您可以在 components/sidebar.php 文件中修改音乐播放器设置:

<meting-js
    server="netease"
    type="playlist"
    id="3778678">
</meting-js>

参数说明:

  • server:音乐平台(netease, tencent, kugou, xiami, baidu)
  • type:类型(song, playlist, album, search, artist)
  • id:歌曲/歌单/专辑ID

3. 广告设置

您可以在后台添加广告代码,支持HTML格式,例如:

<a href="https://example.com" target="_blank">
    <img src="https://example.com/ad.jpg" alt="广告" style="width: 100%;">
</a>

联系支持

如果您在使用过程中遇到任何问题,可以通过以下方式联系支持: