小枫拟态UI5.0Pro是一款由小枫独立开发的拟态风格的个人主页项目。
本项目为希望创建个人网站的用户提供了一个独特的平台,专注于拟态风格的设计,展示个人主页和导航页面。通过简洁直观的用户界面,访问者可以轻松获取您的信息。我们的响应式设计确保在各种设备上都能提供一致的用户体验,无论是电脑、平板还是手机,用户都能流畅地浏览内容并获取所需信息。
演示站: https://nitai5pro.xfabe.com/
后台: https://nitai5pro.xfabe.com/admin/login.html
账号: admin
密码: 123456
主要功能
- 实时获取访问者的基本信息
- 支持行为验证
- 自定义登陆秘钥
- 昼夜模式切换
- 自定义代码功能
- 友联申请
- 网站访问统计
- 支持SEO优化
- 用户数据导出功能
- 动态内容更新
- 高度自定义的导航菜单
- 自适应布局,优化移动端体验
- 便捷的后台管理系统
- 支持修改演示站 …
技术栈
本项目是基于 Node.js、Vue3 和 MySQL 开发的。
注意事项本项目需要购买授权才能使用。(卡密购买地址: 点击此处) 开发不易,希望大家能够支持正版!🌹前提条件拥有一个聪明的大脑🧠 已经在服务器上安装并配置好宝塔面板。 服务器操作系统为 Linux(例如 Debian、Ubuntu、CentOS 9、OpenCloud 9 等)。安装所需环境安装宝塔面板, 在宝塔面板首页, 点击“软件商店”。 选择安装软件环境: Web 服务器: Nginx数据库MySQL: 5.7+Node.js: 推荐使用 v20.12.2(作者使用的版本)。当然,v18.18 及以上版本应该都可以正常运行。
安装教程(宝塔面板)
点击node项目
安装node版本 推荐使用v20.12.2,我是用最新版的
![图片[1]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028754-1024x548.jpg)
![图片[2]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028758-954x1024.jpg)
配置node命令行版本, 为你当前的版本一定要配置!!!
![图片[3]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028760.jpg)
创建一个数据库
![图片[4]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028762-1024x473.jpg)
![图片[5]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028764-1024x720.jpg)
宝塔下载文件包
![图片[6]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028766-1024x759.jpg)
![图片[7]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028772-1024x872.jpg)
解压mimicry-5-pro-master.zip
![图片[8]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028774.jpg)
![图片[9]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028776-516x1024.jpg)
![图片[10]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028778-1024x576.jpg)
![图片[11]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028780-663x1024.jpg)
导入install.sql数据库文件
![图片[12]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028782-676x1024.jpg)
![图片[13]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028784-1024x598.jpg)
点击确认。
配置项目源码的config.js文件 注意: 如果后面修改了项目**除public目录文件(多读几遍)的任何代码**都需要重启下node项目,否则代码保存后不生效!!!
![图片[14]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028788-1024x522.jpg)
按照图片填写。
添加node项目:项目目录: 设置本项目的根目录即可项目名称: 不用配置(会自己获取)启动选项: 不用配置(会自己获取)Node版本: 配置推荐给你的node版本就行, 没有的话就使用v16.xx包管理器: 设置成npm运行用户: 设置成root项目端口: 填写config.js的项目端口就行 注意不要冲突了项目备注: 不用配置(会自己获取)绑定域名: 填写你自己的域名即可(例如: test.xfabe.com) 7. 点击确定等下载安装node包
![图片[15]-如何用宝塔面板搭建小枫拟态UI5.0Pro-龙域极客](https://www.0cz.cn/wp-content/uploads/2026/01/1000028793-1019x1024.jpg)
点击确定等下载安装node包
再点击此处购买卡密
第一次搭建只需要填写 [授权卡密、授权域名、QQ号] 表单内容即可 10. 校验成功后进入后台:登陆地址: http://你的域名/admin/login.html账号: admin密码: 123456
1项目搭建完成




暂无评论内容