小枫拟态UI5.0个人主页html免费版

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

声明：仅UI和前端部分是小枫制作噢~

技术栈

UI：Photoshop

前端：HTML5，CSS3，js，jQuery

免费版

1.时间戳优化

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

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

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行的建站时间

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

图片展示

声明：
1.本站部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责。
2.若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。
3.如果本站有侵犯、不妥之处的资源，请联系我们。将会第一时间解决！
4.本站部分内容均由互联网收集整理，仅供大家参考、学习，不存在任何商业目的与商业用途。
5.本站提供的所有资源仅供参考学习使用，版权归原著所有，禁止下载本站资源参与任何商业和非法行为，请于24小时之内删除!