Mimic UI5.0 - Personal homepage

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.cn9.9 Soft Girl Coinsgratis
concerningCopyright © 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

Picture [1]-Mimic UI5.0-Personal Homepage-Ink Dyeing Cloud Sky - Exchange and Sharing of Network Technology - Resource Station, Technology Station, Information Network
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
Picture [3]-Mimic UI5.0-Personal Homepage-Ink Dyeing Cloud Sky - Exchange and Sharing of Network Technology - Resource Station, Technology Station, Information Network
Tips:This article was last updated in:2024-09-20 20:59:25Some articles are time-sensitive, if there are errors or are no longer valid, please see belowmessageor contactstationmaster
Mimic UI5.0 - Personal Home Page - Ink Dyeing Cloud Sky - Exchange and Sharing of Network Technology - Resource Station, Technology Station, Information Network
Mimic UI5.0 - Personal homepage
This content is a free resource, so please log in to view it
Cloud Coins0
Technical support
Automatic shipping
After-sales service
Network Collection
Free resources
© Copyright Notice
THE END
If you like it, support it
Thumbs up11 UserAgreement
things never change, we change.
The world hasn't changed, it's us who has changed
comments Be the first to grab

Please log in to post a comment

    There are no comments yet