拟态UI5.0-个人主页

拟态UI5.0-个人主页-暗夜博客
拟态UI5.0-个人主页
此内容为免费资源,请登录后查看
R0
自动发货
售后服务
永久使用
免费资源

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

文本教程 (保姆级文字教程)

授权版

  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行的建站时间
  • 保存下简单的个人主页就完工了!

图片展示

拟态UI5.0-个人主页插图

正常模式

拟态UI5.0-个人主页插图1

夜间模式,登录页

拟态UI5.0-个人主页插图2

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容