参考学习的原生主题是什么样子这就不再赘述了，可以点
本站为纯原生HTML+CSS+JS编写，无任何第三方库，性能低下在所难免，请务必轻喷。
主题还在建设中，目前暂不开源，当然你也可以翻开发者工具复制代码，以后可能会做一个开源主题，也可能收费，但不会很贵。
喜欢的朋友可以赞助我一下十分感谢！{% t "你知道的太多了" %} 这样我会更有动力 {% /t %}
值得说明的一点是，服务器每周日的4-6点为固定的维护时间，网站部分功能将不可用。
TODO LIST
想做的都做了，暂时没想法了....
有时间写个主题吧。
1.7.2版本
2026年4月10日
功能更新
新增了即时通讯系统。[基于Websocket]
移除了第一次引导的跳过按钮。{% t "你知道的太多了" %} 给我看引导啊！别再跟我说找不到文章了！ {% /t %}
确定了主题名字和背景故事。
干掉了FontAwesome。{% t "你知道的太多了" %} 就你收费是吧 {% /t %}
重新校对了音乐歌词的时间轴。
1.7.1版本
2026年3月28日
功能更新
导航栏增加了中文。
增加了[跃迁、开往、虫洞]三个友链接力按钮。
添加了一个回到顶部的按钮。{% t "你知道的太多了" %} 早就该有了 {% /t %}
为保护版权，去掉了VIP音乐播放功能。
修复了在线状态不会显示离线的Bug。{% t "你知道的太多了" %} 哎 {% /t %}
修复了从其他页面回到主页不显示当前正在听的Bug。
站点适配了IOS26的Safari浏览器。{% t "你知道的太多了" %} 史一样的浏览器 {% /t %}
修复了404页面的标题文本Bug。
加快了页面切换的时间。
增加了页面宽度 64rem → 80rem。
新增了隐藏文本。{% t "你知道的太多了" %} 是的新增，之前的是单纯的css，虽然看上去一样，但给我写文章省去了很多麻烦 {% /t %}
文章页
给文章列表的动画重做了以衔接打开文章时的动画。
相册页
增加了图片信息，包括分辨率、图片大小，拍摄或修改时间、相机信息。
增加了图片下载按钮。
增加了页面缓冲时间，固定三秒。
修复了当鼠标放在图片上时滚动屏幕会让图片失去置顶的Bug。
1.7版本
2026年3月15日
主页
修改了主页动画效果，稍微稍微稍微复杂了一点点。
修复了一点点小的裁剪Bug。
删除了时间显示改为一个解密代码。{% t "你知道的太多了" %} 你猜这个代码是用在哪里的 {% /t %}
文章页
给文章列表的文章添加了跟随鼠标的位移效果。
给所有文章页也添加了置顶文章功能。{% t "你知道的太多了" %} 我早就该加上了 {% /t %}
说说页
给互动按钮添加了互动效果。其他页面的评论互动按钮同理。
留言板
删除了筛选评论功能。其他页面的评论互动按钮同理。{% t "你知道的太多了" %} 根本用不上 {% /t %}
友链页
修改了友链卡片的样式，同时添加了鼠标跟随效果。
移除了单向友链显示，改黄名为未监测在线状态的友链。
其它
修复了逝量Bug。
1.6.3版本
2025年11月26日
文章页
修改了文章页面的跳转逻辑。{% t "你知道的太多了" %} 说来话长 {% /t %}
说简单点就是文章页的Pjax逻辑限制到了文章列表而不是全页面替换。
毕竟标题都一样，只有筛选出的文章列表不一样，所以理所当然的不应该把标题也替换。
但从文章页替换到其他页面或者反过来都应该替换标题，所以这个判断逻辑令我十分头大。
好在我最后解决了。
1.6.2版本
2025年11月18日
功能更新
使用Websocket增加了实时状态显示。{% t "你知道的太多了" %} 尽管这很超纲 {% /t %}
具体上来说就是添加了我在用什么软件和听什么音乐的显示。
虽然这个状态显示存在一定的造假。{% t "你知道的太多了" %} 我故意的 {% /t %}
1.6.1版本
2025年11月15日
功能更新
修改了导航栏顺序和标题使其更统一。
移除了移动端横屏模式。{% t "你知道的太多了" %} 我发现根本用不上 {% /t %}
友链页迎来了有史以来最大的更新
新增了自助提交友链表单。
实现了自动审核友链功能。
实现了自动分组失效友链。
修改了评论区样式。
新增了友链状态显示。
a. 右下角绿色图标代表正常。
b. 黄色图标代表证书还有七天。
c. 红色图标代表网站失效/挂掉/证书过期。
d. 友链黄色名称代表单向友链。
碎碎念页
修改了发送碎碎念规则。
1.6版本
2025年10月25日
功能更新
新增了首次进网页时的引导系统。
新增了小广告开关。{% t "你知道的太多了" %} 真的是小广告 {% /t %}
新增了喜欢本站的人数统计。
修复一些莫名其妙的Bug。
1.5.1版本
2025年8月1日
功能更新
自建了MetingAPI。{% t "你知道的太多了" %} 之前用的炸了只能自建了 {% /t %}
修复了天气失效的Bug。
替换了部分资源的链接。
修改了导航栏样式。
1.5版本
2025年6月8日
功能更新
优化代码到250kb。
天气换为腾讯接口。
修改了侧边栏统计样式。
修改了响应式布局。
修改了歌词样式。
添加了网页跳转倒计时显示窗口。
替换了评论时没有头像的处理方式为随机生成几何图形。
新增不同的页面评论区有不同的样式变化，同时适配移动端。
添加了新的碎碎念(说说)页面。
添加了实时显示访问网站的活跃人数显示。
修复了音乐有时会歌词报错的bug。{% t "你知道的太多了" %} 这锅应该甩给网易云 {% /t %}
导航页
重构了版面，使其更简洁易读。
1.4版本
2025年5月16日上线
功能更新
进一步优化了代码，现在网站主题仅300kb。
增加了 个人简介 页面。
添加了关闭背景视频的功能。
给移动端添加了背景图滤镜功能。
给Artalk的表情和布局做了样式修改。
添加了视差效果，移动端由重力感应控制。
添加了帧率显示。
修改了天气API的调用方式。
修复了响应式布局。
修改了网站LOGO样式。
添加了跳过网页加载的按钮。{% t "你知道的太多了" %}但要加载13秒才显示 {% /t %}
添加了网站监控页，使用 Uptime Kuma。
添加了右键。{% t "你知道的太多了" %} 就是右下角的齿轮点击效果 {% /t %}
修复了页脚的一个小动画bug。
主页
修复了公告不显示的bug。
文章页
修复了置顶文章不置顶的bug。
添加了文章封面图片显示(如果有的话)。
相册页
修复了照片放大的Z-index问题。
留言板
添加了双语引言
1.3版本
2025年4月13日上线
功能更新
增加了网址导航页。
新增了一个彩蛋页面。
重新设计了音乐页。
自建了Meting Api。
自建了随机壁纸Api。
修复了各种影响观感的bug。
修改了天气策略。
首屏
修改了一言的获取策略，让它十分稳定的运行。
1.2版本
2025年4月4日上线
功能更新
全站代码和资源压缩到了350kb。其他资源由CDN接管。
又又重做了音乐页面。{% t "你知道的太多了" %} 这次真像个播放器了 {% /t %}
实现了所有文章页面的评论由 Artalk 接管。
document.addEventListener('DOMContentLoaded', function() { const pathSegments = window.location.pathname.split('/'); const articleId = pathSegments[pathSegments.length - 1] || pathSegments[pathSegments.length - 2]; Artalk.init({ el: '#postComments', // 绑定元素的 Selector pageKey: '/archives/' + articleId, // 固定链接 pageTitle: '', // 页面标题 (留空自动获取) server: '', // 后端地址 site: '时隐重工', // 你的站点名 }); });添加了各种小动画让体验更丝滑？
添加了一个传送网站。{% t "你知道的太多了" %} 红警2网页版 {% /t %}
给所有按钮添加了hover效果。
给所有页面添加了副标题功能。
全站响应式设计完成。
重修了侧边栏。
添加了节日问候。
对访客统计数据进行了校准并添加了新的统计项。
移除了移动端音乐页面的音量条，因为没用。
歌词栏添加了上下曲按钮。(不用开音乐界面切歌了)
修复了遗留bug。
首屏
重制了首屏动画，看起来像断电？
延长了一言的获取时间防止获取失败。(45秒一次)
照片墙
切换布局和分类时的动画遗留问题修复。{% t "你知道的太多了" %} 可给我难受死了 {% /t %}
友链页
重构了友链卡片的样式。
404页
重构了404页面。(但谁会去) {% t "你知道的太多了" %} 点这里前往404页面 {% /t %}
1.1版本
2025年3月29日 1.1版本上线
功能更新
新增了留言板页面。{% t "你知道的太多了" %} 其实就是空白页+评论区
新增了登录、注册、登出页面。
添加了全局页面切换时的退出动画。
const mainElement = document.querySelector('main#page');
if (mainElement) {
mainElement.classList.add('fade-out');
mainElement.addEventListener('animationend', () => {
mainElement.style.display = 'flex';
});
}
setTimeout(() => {
this.switchSelectors(this.options.selectors, r, document, e);
}
}, 300); 相册页
添加了照片放大功能。
留言板
使用了 Artalk 对留言系统进行管理。
1.0版本
2025年3月22日：时隐重工小站1.0开发完成。
功能更新
重构了整站的美术风格。
添加了加载页面。
完成了音乐组件 Aplayer 的重构。
添加了侧边栏，并在其中加入了背景更换、访客数量统计 Umami 、天气功能。
添加了全网搜索功能。
添加了随机网页传送，共五个页面，手机端不包括linerider页面。{% t "你知道的太多了" %} 网页MC可厉害 {% /t %}
setTimeout(function() { const websites = [ "https://oskarstalberg.com/game/planet/planet.html", "https://aidn.jp/mikutap", "https://www.linerider.com", "https://b.mc.js.cool", "https://slowroads.io" ]; const randomSite = websites[Math.floor(Math.random() * websites.length)]; window.open(randomSite, '_blank'); }, 3000); //三秒跳转添加了CDN和动态资源站。
给所有页面添加了进入动画。
新增了全局弹窗功能。
首屏
添加了时间模块，兼容了移动端横屏显示。{% t "你知道的太多了" %} 其实是我想要个床头钟 {% /t %}
添加了一言模块。
替换了社交图标的美术资源。
添加了背景视频功能，并自动识别。
<th:block> <th:block th:if="${theme.config.mainScreen.focus_img_1.endsWith('.mp4') or theme.config.mainScreen.focus_img_1.endsWith('.webm')}"> <video class="cover-bg" th:src="${theme.config.mainScreen.focus_img_1 ?: #theme.assets('/images/default/hd.webp')}" autoplay muted loop playsinline></video> </th:block> <th:block th:unless="${theme.config.mainScreen.focus_img_1.endsWith('.mp4') or theme.config.mainScreen.focus_img_1.endsWith('.webm')}"> <img class="cover-bg" th:src="${theme.config.mainScreen.focus_img_1 ?: #theme.assets('/images/default/hd.webp')}" width="1920" height="1080" /> </th:block> </th:block>移除了首页文章列表。
文章页
移除了作者显示模块以及评论和阅读量显示。{% t "你知道的太多了" %} 阅读量太少显得寒酸 {% /t %}
相册页
重构了布局和照片显示方式。
友链页
新增了申请友链模块。