回声洞“开发”日志

回声洞

这是一个用来纪念高中时光的静态网页，点击按钮或倒计时结束时会随机展示一段文字。

怎么做的？

当然是交给AI+我的一些修改（

灵感来源？

来自PCL2里面的回声洞。

开发日志

版本1.0

2025/4/17

更新内容：

刚刚做好，实现了基本的句子展示、左下角音乐及左上角时间。

已知问题：

一直点再来一个会出现不完整的句子。

版本1.1

2025/4/17

更新内容：

修复了上一个版本的bug！

将句子进行加密，这样就不能直接从文件看见句子啦！

加密方式通过node js 的一个算法。

// 加密脚本
const CryptoJS = require('crypto-js');

// 明文数据
const data = [
    "句子   --名字",
    "句子2  --名字2",
];

// 密钥
const secretKey = '密钥';

// 加密函数
function encryptData(data, key) {
    return data.map(item => {
        const ciphertext = CryptoJS.AES.encrypt(item, key).toString();
        return ciphertext;
    });
}

// 加密后的数据
const encryptedData = encryptData(data, secretKey);

// 将加密后的数据写入新的 JSON 文件
const fs = require('fs');
fs.writeFileSync('encrypted-quotes.json', JSON.stringify(encryptedData, null, 2));

已知问题：

还需要再加点不一样。

版本1.2

2025/5/14

更新内容：

增加了设置弹窗，展示网站简介，可以修改解密密钥，还能仙人指路到GitHub。

已知问题：

自我感觉良好（？）

版本1.2.1

2025/5/16

更新内容：

没人投稿，让投稿按钮彩色闪动。在设置里提供关闭选项。

右下角添加网站版权及备案信息（虽然没有真的备案，只是一个萌萌的备案号）。

在子标题添加句子个数。

已知问题：

自我感觉良好

版本1.2.2

2025/5/28

更新内容：

网页在微信里面被封了，打不开…进行了申诉。可能是同学直接分享太多了（？）

（因为上面的问题）修改投稿按钮动作，点击会弹出提示是否跳转到第三方页面，写明了投稿规则和一些内容。

提交到GitHub时候不小心提交到博客仓库了，只好把两个仓库都重新提交。

已知问题：

不想改了，等高考之后再维护吧！

祝我高考金榜题名。