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

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

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

112

特性

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

666

777

概述

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

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

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

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

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

1722256547263

下载

首先下载你需要的版本

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

1722242248392

如果想获取所有文件:

1
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大部分采用了本地引入的方式

img

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

组件部分

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

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

home-2

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