Noise主页-无限多模式个性化个人主页引导页
此次介绍是因为近期更新了部分代码,从去年其实一直有更新(在聊天室内可以看到部分更新记录),但总感觉不完善,在之后肯定还会处于不断改善中,这次主以介绍和大致配置为主
引:主页分两个主要部分-index首页和home页,它们为不断改善和魔改ZYYO666和Zac517开发过的页面而最终呈现的效果。

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


概述
这个主页很简单又很复杂,简单是因为它就是由html而组成,复杂是因为添加了很多组件效果,部分朋友在配置和修改时可能会遇到很多问题,不过在经过修改和配置后,效果一定会令你满意。
GITHUB:https://github.com/rcy1314/noisework
为了方便各位部署和使用主页,我做了主页的部署说明文档

下载
首先下载你需要的版本
点击下载(https://github.com/rcy1314/noisework/releases)获取最新的打包文件

如果想获取所有文件:
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大部分采用了本地引入的方式

图标部分引入了https://fontawesome.com,你可以通过其引入更多来自它的图标
组件部分
已注释相关组件,其中包括
音乐组件、侧边组件、每日60秒组件、云盘情报、时间问候、rss订阅、随机一言、摸鱼日历、更新日志、轮播相册、公告通知、躲猫猫、聊天室等等

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