Mimic UI5.0 - Personal homepage

Licensed & Free Zonezxx666

	Licensed Edition (Commercial Available)	Free version (support two open, not support commercial use)
After-sales service	✅	❎
Update & Fix	✅	✅
Can it be with a backend?	✅	❎
Can it be installed automatically	✅	❎
Whether it is encrypted or not	✅	❎
www.zcxsmart.cn	9.9 Soft Girl Coins	gratis
concerning	Copyright © 2024 · The author (blogger) only participates in the development and does not participate in the saleIf you have any questions, please contact the 1628050!!!	Copyright © 2024 · The author (blogger) only participates in the development and does not participate in the sale, contact 1628050!!! if you have any questions

Mimic UI5.0 personal homepage is a new UI homepage design with a simple style and open source original by Xiaofeng in 2022.
Then this month the code was optimized, and the automatic installation function was implemented.

Suggestion:https://nitaiv5.xfabe.com/freenitaiV5

Statement:Only the UI and front-end parts are made by Xiao Feng~

Tech stack

• UI：Photoshop
• Front-end: HTML5, CSS3, js, jQuery
• Backend: PHP

Recommended

Pen Server:https://idc.zbiwl.com/

Demo station

Licensed (Submission Restricted)

Reception desk:https://nitaiv5.xfabe.com

Background:https://nitaiv5.xfabe.com/admin

Account: admin

Password: 123456

Free version

Reception desk:https://nitaiv5.xfabe.com/freenitaiV5

Changelog

2023.7.18

Licensed version v1.1

1. Delete all the new friendship links

2. Added the positive order and reverse order of friendship links

3. Delete all new sites

4. Added forward order and reverse order of sites

5. Fix the website switch function display

6. Added the function of adding icons

7. Add some small functions

Free version

1. Timestamp optimization

2. Added forward and reverse order variables for sites

3. Added forward and reverse order variables for friendship links

4. Optimize other codes

Installation tutorial

Authorized Edition

1. Import the source code to the root directory of the site
2. Set PHP version >=5.6 but can't > 8.0 (5.6 is used in the video)
3. Select MySQL 5.6 or 5.7
4. After all the above operations are completed, just click on the domain name, enter the database name and password, and follow the prompts to install

Free version

• Import the source code to the root directory of the site
• Use the pagoda/host to search index.html files Xiao FengKeywords Change to your own name, search 1809185784Keywords Replace with your own QQ
• Continue to find the file code from lines 81-118 of the path \assets\js\index.js to modify the text inside
• For example, I have a new website in the foreground
• Original code:

// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
            // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '执笔博客', links: 'https://blog.zbiwl.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '执笔云', links: 'https://idc.zbiwl.com/', pic: 'assets/upload/music_picture.jpg' },
        ]
}
// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
            // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '执笔博客', links: 'https://blog.zbiwl.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '执笔云', links: 'https://idc.zbiwl.com/', pic: 'assets/upload/music_picture.jpg' },
        ]
}
// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
            // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '执笔博客', links: 'https://blog.zbiwl.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '执笔云', links: 'https://idc.zbiwl.com/', pic: 'assets/upload/music_picture.jpg' },
        ]
}

After the new addition

// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
             // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '执笔博客', links: 'https://blog.zbiwl.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '执笔云', links: 'https://idc.zbiwl.com/', 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' },
        ]
}
// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
             // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '执笔博客', links: 'https://blog.zbiwl.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '执笔云', links: 'https://idc.zbiwl.com/', 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' },
        ]
}
// 旗下站点
const xf_site = {
        // 数组包含着对象，一个对象就是一个站点
        siteInfo: [
             // name: 表示站点的名称, links: 表示站点链接, pic: 前台背景图的路径
            { name: '执笔博客', links: 'https://blog.zbiwl.com/', pic: 'assets/upload/blog_picture.jpg' },
            { name: '执笔云', links: 'https://idc.zbiwl.com/', 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' },
        ]
}

• Finally, change the site creation time of the 163 lines of the index.js file
• Save a simple profile and you're done!

Photo show