拟态UI5.0-个人主页(原作者购买地址)

授权版&免费版的区别

点我购买授权

购买授权的话是原作者那里买的，与本站无关哦

源码介绍

拟态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

视频教程 （保姆级视频教程）

?跪求大佬们一键三连?

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

授权版

1. 导入源码到站点的根目录

2. 设置PHP版本>=5.6   但是不能>8.0（视频里面用的是5.6）

3. MySQL版本选择5.6或者5.7

4. 上面的都操作完了就直接点开域名输入数据库名和密码按照提示安装就好咯

免费版

• 导入源码到站点的根目录

• 利用宝塔/主机把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' },
          ]
  }

   

• 最后修改index.js文件的163行的建站时间

• 保存下简单的个人主页就完工了！

图片展示

正常模式

夜间模式，登录页

后台