Skip to content
/ noisework Public template

#主页 #引导页 ⭐️多模式个人主页展示页,🌈带pwa模式,多组件效果,可随时切换的引导页🎉 添加右键弹出菜单,RSS动态文章卡片,视频播放📫ADS广告位

License

Notifications You must be signed in to change notification settings

rcy1314/noisework

Folders and files

NameName
Last commit message
Last commit date

Latest commit

563a5d9 · Feb 25, 2025
Jan 2, 2025
Jan 4, 2025
Feb 25, 2025
Feb 24, 2023
Dec 20, 2024
Jan 2, 2025
Dec 2, 2022
Jul 3, 2023
Jul 15, 2024
Oct 8, 2024
Dec 10, 2024
Dec 20, 2024
Dec 10, 2024
Jul 13, 2022
Aug 31, 2024
Dec 30, 2024
Dec 10, 2024
Jul 21, 2024
Dec 19, 2024
Jan 18, 2025
Dec 10, 2024
Jan 18, 2025
Jul 4, 2023
Sep 6, 2024
Dec 27, 2024
Sep 6, 2024
Aug 15, 2024
Apr 15, 2023

Repository files navigation

使用配置文档

使用配置文档:https://docs.noisework.cn

查看介绍

文档GitHub

针对化一些js及css已本地化,根据功能分类,请勿合并,觉得加载过慢再合并或套用CDN

需要修改模版请下载

基础文件引入

  • 右键菜单【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】

低端设备兼容

在最近更新中添加了兼容低端无图形加速设备(如linux)的文件(主要移除背景前景的视觉差效果),文件为lowmain.js

已增加自动检测性能及图形加速来自动切换文件

✅ 更新状况【点击查看】

## 更新
  • 添加鼠标点击效果

  • 重新设计了公共服务页UI,添加部署在云服务器中的热榜API服务并更换热榜数据API

  • 从main.js单独分离隐藏数字时钟代码

  • 增加自动检测性能及图形加速来自动切换main.js文件

  • 首页增加低端设备下无显卡无图形加速时的兼容文件-lowmain.js

  • 调整首页鼠标样式为黑猫光标,原有样式已注释保留

  • 更新main.js文件,优化首页页面性能

  • 调整rss卡片组件为图文版显示

  • 12.12增加热榜组件,定制化css样式

  • 优化网站合集滑动跟随逻辑

  • 优化首页音乐组件加载代码,提供同步加载及异步加载代码,可前往配置页面查看

  • 调整说说页面显示样式

  • 增加404页面,避免服务器部署时空白

  • 增加B站视频收藏为本地JS文件播放列表-配置文档中查看

  • 调整摸鱼日历为本地文件假期倒计时-不会失效

  • 优化页面性能及优化交互逻辑

  • 9.5-调整首页右侧菜单按钮为全局可拖放,点击后可弹出菜单选项

  • 调整首页社交媒体一栏的页面布局效果

  • 9.3-增加页面留言评论板块

  • 页面增加友情链接模块

  • 更新home页手机尺寸下侧边弹出栏样式及效果

  • 调整模拟终端加入指定关键词及AI对话等命令

  • 8.22-优化首页头像右下角图标处切换背景图的逻辑

  • 调整页面载入时的音效为随机音效数组

  • 优化home页手机尺寸下的随机背景载入逻辑

  • 8.20-调整首页头像右下角图标为切换背景前景的控制按钮

  • 添加首页浮动悬空文字,定制化全局位置及音效,双击可关闭

  • 8.19-调整home页背景及切换逻辑,去除多余的css

  • 增加home页面手机尺寸下对背景图的切换控制

  • 8.18-调整home页组件css类名称及首页时钟样式

  • 调整优化载入音效播放逻辑,在页面退出后才会再触发

  • 增加home页监听某些组件功能,请求失败时自动隐藏失效组件

  • 24.8.16-增加页面全局音效,包含鼠标点击及指定元素音效

  • 24.8.15-修复home页手机尺寸下背景图片挤压情况【手机端背景图参考尺寸:736 × 1308】,增加向下滑动提示

  • 优化首页模块视觉效果,调整网站模块滑动缩放

  • 24.8.14-增加首页图片未加载时的背景底色,使其载入过渡更自然

  • 调整修复首页点击及右键全局弹出图片效果,再点击可关闭图片

  • 24.8.13-调整home页头像部分为动态可切换效果,增加标题处打字机效果文字

  • 24.8.12-调整home页侧边背景布局效果(解决元素居中问题)

  • 24.8.11-添加home页侧边视频播放效果组件

  • 24.8.07更改抖音去水印接口,修改摸鱼日历API

  • 24.7.27-添加home页手机尺寸侧边弹出栏

  • 23.12.29-添加右键菜单【Right.js,Right.css】

  • 添加聊天室组件【emb.js】https://noise.zhubai.love/posts/2212598888907571200

  • 添加图标引用:https://fontawesome.com

  • 添加loading载入效果【loading.css;loading.js]

  • 添加随机背景+随机前景【suiji-picture.js】

  • 添加主页问候提醒弹窗【时间分类】

  • 添加侧边圈形按钮菜单【tb.css;tab.js】

  • 更新双击头像终端菜单【引入抖音、tiktok去水印下载命令】

  • 引入PWA【service-worker.js】

  • 更换切换风格页【home.html】

  • 添加广告位图文弹窗,自动轮询播放,点击可关闭,仅在电脑端尺寸下显示【AD.css;AD.js】

  • 添加弹入弹出式侧边文字【Text.css;Text.js】

  • 更新公共服务页【增加单页播放室、N8N实例、RSSHUB实例】

  • 添加手机端向下滑动提示

  • 修改主界面css布局

  • 添加RSS信息动态展示,手机端尺寸不显示【rss.css;rss.js】

  • 添加隐藏式数字时钟及隐藏式底部页脚

清除缓存

service-worker.js文件内已配置自动更新缓存,可自定义版本号

如遇未及时更新云端缓存时请清除本地浏览器缓存

预览

首页

666

home页

777

home-2

✅ 【点击展开】

233

About

#主页 #引导页 ⭐️多模式个人主页展示页,🌈带pwa模式,多组件效果,可随时切换的引导页🎉 添加右键弹出菜单,RSS动态文章卡片,视频播放📫ADS广告位

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published