README.md · 小枫/拟态UI5.0-个人主页

# 拟态UI5.0-个人主页

#### 授权版&免费版的区别

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

接定制开发 => 作者QQ: 1809185784

#### [点击购买授权](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=N_3EHwQ8jeak8P_bV0rBA2xxyitFya6x&authKey=iUjPucqthIdohqNjKrcdvqiHejVhWZ9unzNDTzgXt53UfixGea7662HozBEhj77D&noverify=0&group_code=155670865)

#### 介绍

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

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

**声明：** 仅UI和前端部分是小枫制作噢~
 
**技术栈** 
- UI：Photoshop
- 前端：HTML5，CSS3，js，jQuery
- 后端：PHP

#### 更新日志

**授权版**

1.新增友情链接全部删除

2.新增友情链接正序与倒序

3.新增站点全部删除

4.新增站点正序与倒序

5.修复网站开关功能显示

6.新增添加图标功能

7.新增些小功能

**免费版**

1.时间戳优化

2.新增站点正序与倒序变量

3.新增友情链接正序与倒序变量

4.优化其他代码

#### 演示站

**授权版 （已限制提交）**

前台：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' },
            // 下面这这个就是新增的一个站点
            { 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行的建站时间
- 保存下简单的个人主页就完工了！

#### 图片展示

![正常模式](https://foruda.gitee.com/images/1687493586612153763/6f26646f_8353399.png "nitai5v1.png")
正常模式

![夜间模式&登录页](https://foruda.gitee.com/images/1687493624125790856/49af0c1c_8353399.png "nitai5v2.png")
夜间模式&登录页

![后台](https://foruda.gitee.com/images/1687493654856853472/36dc047b_8353399.png "nitai5v3.png")
后台

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码> 这里输入引用文本
4.  新建 Pull Request

#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

小枫/拟态UI5.0-个人主页

简介

发行版

贡献者

语言

近期动态

小枫/拟态UI5.0-个人主页 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

语言

近期动态

搜索帮助

小枫/拟态UI5.0-个人主页