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载入

配置

聊天室

配置

右键菜单

配置

音效效果

配置