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

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

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

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

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