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
- Import the source code to the root directory of the site
- Set PHP version >=5.6 but can't > 8.0 (5.6 is used in the video)
- Select MySQL 5.6 or 5.7
- 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
![Picture [1]-Mimic UI5.0-Personal Homepage-Ink Dyeing Cloud Sky - Exchange and Sharing of Network Technology - Resource Station, Technology Station, Information Network](https://oss.zcxsmart.cn/moranyuntian/uploads/2024/09/image-14.png)
![Picture [2] - Mimic UI 5.0 - Personal Home Page - Ink Dyeing Cloud Sky - Exchange and Sharing of Network Technology - Resource Station, Technology Station, Information Network](https://oss.zcxsmart.cn/moranyuntian/uploads/2024/09/image-15.png)
![Picture [3]-Mimic UI5.0-Personal Homepage-Ink Dyeing Cloud Sky - Exchange and Sharing of Network Technology - Resource Station, Technology Station, Information Network](https://oss.zcxsmart.cn/moranyuntian/uploads/2024/09/image-16.png)
2024-09-20 20:59:25
Some articles are time-sensitive, if there are errors or are no longer valid, please see belowmessageor contactstationmaster。
There are no comments yet