小枫拟态UI4.0个人引导页

技术栈

UI：Photoshop

前端：HTML5、CSS3、JavaScript，后台用的光年框架，前台主要用的Maria M. Muñoz的拟态组件，还有部分插件都在下面

后端：PHP，thinkphp6

安装教程

1：PHP版本>7.1即可

2：设置public文件夹为运行目录

3：设置伪静态

location / {
	if (!-e $request_filename){
		rewrite  ^(.*)$  /index.php?s=$1  last;   break;
	}
}

4：开启exec函数 (默认是禁用的) ，用来获取CPU和内存状态【稳定云用户可忽略】

5：在路径\config\database.php的文件 填写数据库名、数据库用户名、数据库密码

6：导入数据库文件 xiaofeng.sql

后台路径：http://域名/admin/login

账号：admin

密码：123456

音乐播放器地址：https://music.xfyun.club

视频教程：https://www.bilibili.com/video/BV11Y4y1g7pT/

开源地址：https://gitee.com/xfwlclub/nitai4

演示站：https://nitai4.xfabe.com

关于插件

如果哪天某个插件失效了，咱们可以尝试把插件库存放到自己的云储存/服务器里面（不建议存放本地）

jQuery中文官网：https://www.jquery123.com

axios中文官网：http://www.axios-js.com

dayjs中文官网：https://dayjs.fenxianglu.cn

sweetalert官网：https://sweetalert.js.org

dark-mode GitHub：https://github.com/jakejarvis/dark-mode（这个插件需要部署nodejs）

天气API用的是https://api.vvhan.com/api/weather

Maria M. Muñoz的拟态组件：https://codepen.io/myacode/pen/PoqQQNM

图片展示