Skip to content

快速开始 ​

本文会帮助你快速上手

下载 ​

首先下载你需要的版本

点击下载获取最新的打包文件

⚠️在修改前,你需要了解如果你有不需要的组件或效果请在HTML中删除对应的代码,如果你不会修改就保留它避免造成代码混乱。

如果想获取所有文件:

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

推荐仅从releases处下载,因为所有文件中包含了其它无关主页的文件,当然,如果你想要和我的完全一样及最新的代码则推荐从git全文件下载

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

部署运行 ​

使用surge 部署静态项目到 Surge.sh

1. 安装 Surge CLI ​

首先,确保你已经安装了 Node.js。然后在终端中运行以下命令来安装 Surge CLI:

bash
npm install -g surge

2. 创建项目文件夹 ​

在你的计算机上创建一个新的文件夹,并将你的静态文件(如 HTML、CSS、JavaScript 和图片等)放入该文件夹中。

3. 登录 Surge ​

在终端中输入以下命令来登录 Surge:

bash
surge login

根据提示输入你的 Surge 帐号和密码。

4. 部署文件 ​

在终端中导航到你的项目文件夹,然后运行以下命令:

bash
surge

5. 输入域名 ​

运行 surge 命令后,系统会提示你输入一个域名。你可以选择一个自定义域名,或者使用 Surge 提供的免费子域名(如 your-project.surge.sh)。

6. 访问你的站点 ​

完成部署后,你会看到一个成功的信息,包含你网站的 URL。你可以通过这个 URL 访问你的静态网站。

示例 ​

假设你的项目文件夹路径为 ~/my-static-site,你可以按以下步骤操作:

bash
cd ~/my-static-site
surge

然后根据提示完成登录和输入域名。

注意事项 ​

  • 确保你的静态文件在项目文件夹中结构清晰。
  • 如果你需要更新文件,只需再次运行 surge 命令,选择相同的域名即可。

使用以下命令删除项目:

surge teardown <your-domain>

将 <your-domain> 替换为你想要删除的项目的域名。如果你使用的是自定义域名,可以直接使用自定义域名;如果是 Surge 提供的域名,也可以使用

其它部署 ​

其它静态HTML文件-基本上放入index文件放入云服务器即可或使用vercel等服务部署即可)

已修改了最新的缓存service-worker.js文件,如果你在部署时放的图片等文件有点大,记得添加到service-worker.js文件中,会在载入页面时进行缓存从而加快访问速度


🌈请留意侧边导航栏


✅ 文档导航【点击展开】

index首页 ​

概述

基本配置

随机背景前景

音乐部件

问候提醒弹窗

模拟终端

广告位部件

RSS动态卡片

侧边文字通告

隐藏式时钟

隐藏式页脚

侧边导航按钮

home页 ​

概述

基本配置

头像配置

音乐部件

问候时间部件

RSS动态卡片

云盘资源卡片

摸鱼日历

躲猫猫

视频播放组件

轮播相册

手机页导航

公告通知

每日60秒

PWA模式 ​

配置

loading载入 ​

配置

聊天室 ​

配置

右键菜单 ​

配置

音效效果 ​

配置