无限多模式个性化个人主页引导页

此次介绍是因为近期更新了部分代码,从去年其实一直有更新(在聊天室内可以看到部分更新记录),但总感觉不完善,在之后肯定还会处于不断改善中,这次主以介绍和大致配置为主

引:主页分两个主要部分-index首页和home页,它们为不断改善和魔改ZYYO666Zac517开发过的页面而最终呈现的效果。

无限多模式个性化个人主页引导页插图无限多模式个性化个人主页引导页插图1

特性

  • 个性化支持:将各类组件以js形式引入。使一个页面包含多种功能
  • 多模式:加入不同页面去构成一个统一的模式框架。
  • 广告位支持:引入了侧边广告位及横幅标语式文字通告
  • 相册支持: 你可以在home页引入更多相关相册。
  • 音乐组件个性化:修改了音乐的css样式。让页面整体更统一
  • API组件支持:通过请求api响应的json,可以加入如每日60秒看世界及摸鱼日历的引入
  • 移动端适配:完美支持移动端,实现自适应布局。
  • 主页还在持续更新中,本项目欢迎您的参与,共同维护,逐步完善,将项目做得更完善
  • 如果你想提供一些好的建议或者提交 pr,欢迎随时联系或留言
无限多模式个性化个人主页引导页插图2无限多模式个性化个人主页引导页插图3

无限多模式个性化个人主页引导页插图4

无限多模式个性化个人主页引导页插图5

概述

这个主页很简单又很复杂,简单是因为它就是由html而组成,复杂是因为添加了很多组件效果,部分朋友在配置和修改时可能会遇到很多问题,不过在经过修改和配置后,效果一定会令你满意。

预览:https://www.noisework.cn

GITHUB:https://github.com/rcy1314/noisework

为了方便各位部署和使用主页,我做了主页的部署说明文档

访问:https://docs.noisework.cn

无限多模式个性化个人主页引导页插图6

无限多模式个性化个人主页引导页插图7

下载

首先下载你需要的版本

点击下载(https://github.com/rcy1314/noisework/releases)获取最新的打包文件

无限多模式个性化个人主页引导页插图8

无限多模式个性化个人主页引导页插图9

如果想获取所有文件:

git clone https://github.com/rcy1314/noisework

推荐仅从releases处下载,因为所有文件中包含了其它无关主页的文件

下载后你可以本地预览和修改

基础文件引入

  • 右键菜单【Right.js,Right.css】
  • 聊天室组件【emb.js】
  • loading载入效果【loading.css;loading.js]
  • 随机背景+随机前景【suiji-picture.js】
  • 侧边圈形按钮菜单【tb.css;tab.js】
  • PWA【service-worker.js】
  • 广告位图文弹窗【AD.css;AD.js】
  • 弹入弹出式侧边文字【Text.css;Text.js】
  • RSS信息动态展示【rss.css;rss.js】

其中,已添加了对seo友好的页面描述、关键词及媒体截图部分

对于css及js大部分采用了本地引入的方式

无限多模式个性化个人主页引导页插图10无限多模式个性化个人主页引导页插图11

图标部分引入了https://fontawesome.com,你可以通过其引入更多来自它的图标

组件部分

已注释相关组件,其中包括

音乐组件、侧边组件、每日60秒组件、云盘情报、时间问候、rss订阅、随机一言、摸鱼日历、更新日志、轮播相册、公告通知、躲猫猫、聊天室等等

无限多模式个性化个人主页引导页插图12无限多模式个性化个人主页引导页插图13

最后,如果你想进一步完善和使用,记得去查看我写的说明文档

  • 打赏
  • 分享
分享到...
无限多模式个性化个人主页引导页插图14
请选择打赏方式
无限多模式个性化个人主页引导页插图14
无限多模式个性化个人主页引导页插图15 无限多模式个性化个人主页引导页插图16
  • 微信
  • 支付宝
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容