拟态UI5.0-个人主页

授权版&免费版的区别

	授权版 (支持商用)	免费版 (支持二开，不支持商用)
售后服务	✅	❎
更新&修复	✅	✅
是否带有后台	✅	❎
能否自动安装	✅	❎
是否加密	✅	❎
价格	9.9软妹币	免费
关于	本源码作者(博主) 仅参与开发不参与售卖，有问题联系合作商/代理商！！！

源码介绍

拟态UI5.0个人主页是小枫在2022年原创的一款简约风格开源的新UI主页设计。（没看错就是去年做的）然后这个月优化了下代码吧，并且实现了自动安装的功能。

建议：如果只是拿来玩玩，免费版本的就足够你使用了。这不仅能锻炼你的动手能力，如果你是学生党还能给自己省下一顿饭钱。

声明：仅UI和前端部分是小枫制作噢~

技术栈

UI：Photoshop
前端：HTML5，CSS3，js，jQuery
后端：PHP

演示站

授权版（已限制提交）

前台：https://nitaiv5.xfabe.com

后台：https://nitaiv5.xfabe.com/admin

账号：admin

密码：123456

免费版

前台：https://nitaiv5.xfabe.com/freenitaiV5

文本教程（保姆级文字教程）

授权版

导入源码到站点的根目录
设置PHP版本>=5.6 但是不能>8.0（视频里面用的是5.6）
MySQL版本选择5.6或者5.7
上面的都操作完了就直接点开域名输入数据库名和密码按照提示安装就好咯

免费版

导入源码到站点的根目录
利用宝塔/主机把index.html文件的搜索小枫关键词改成你自己的名字，搜索 1809185784关键词替换成你自己的QQ
继续找到路径 \assets\js\index.js 的文件代码从第81行-118行修改里面的文字
例如，我前台新增个网站

原来代码：

// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
            // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '小枫网络', links: 'https://www.xfabe.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '小枫音乐播放器', links: 'https://music.xfyun.club/', pic: 'assets/upload/music_picture.jpg' },
        ]
}

新增后：

// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
             // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '小枫网络', links: 'https://www.xfabe.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '小枫音乐播放器', links: 'https://music.xfyun.club/', pic: 'assets/upload/music_picture.jpg' },
            // 下面这这个就是新增的一个站点
            { name: '百度一下', links: 'https://baidu.com/', pic: 'https://img2.baidu.com/it/u=1162557374,1230170418&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1687539600&t=0478dd9323268506cff93a19758f6fbd' },
        ]
}