DragonRster`s Void
Banner Image
目录
这是什么网站?常见问题解答

Q&A


如果你从搜索引擎、友链或者别人的推荐来到这里,第一反应可能是"这网页是不是坏掉了",或者"我是不是回到了 1998 年"。这里收集了一些你可能想问的问题。

为什么网站看起来不完整或者有问题?

很可能你打开的时候我正在改代码。这个地方没放什么重要的东西,出问题了也不会损失什么,它就是个网页。刷新一下,等几分钟再回来,可能已经面目全非了。某个页面突然消失?我在重构。

另外这个网站是专门给 1024×768 分辨率做的。如果你用的是 4K 显示器,它会在屏幕中间缩成一小条。这不是 bug,是故意这样的。在宽屏幕上浏览的时候,请脑补自己正坐在一台 CRT 显示器前面。

这个网站是用什么做的?为什么看着那么原始?

纯 HTML。没有用任何现代 CSS 框架或 JS 框架。理由特别简单:我喜欢 90 年代的网页设计。那个时代的网页有种说不上来的质感。像素化、表格布局、 配色、bling-bling 的 GIF 背景。现在的网页设计确实又现代又多样化,但说真的,扁平化极简主义跟一张会闪的 "Under Construction" 小图标比,少了点灵魂。

技术上的话,这是个纯静态站点。我用 PowerShell 写了个脚本把 HTML 组件拼起来(build.ps1),Python 跑 CGI 来处理留言板和搜索(guestbook.py + search.py)。没数据库,留言存在一个纯文本文件里。想了解细节可以看 build.ps1 脚本解说

为什么要兼容 IE5.5?

IE 5.5 是 2000 年 7 月发布的,Windows 95 上能装的最高版本 IE 就是它。选它当兼容目标是给自己定的一个规矩:如果连 IE5.5 都能正常渲染,那什么现代浏览器都不会有问题。有点像用管钳修手表。效率肯定不是最高的,但能做到本身就挺好玩。

IE5.5 对 HTML 3.2 和早期 CSS 的支持其实相当靠谱。表格布局、font 标签、锚点跳转,在它上面跑得比任何现代浏览器都流畅,毕竟那是它原生的年代。最大的麻烦是没有 JS 的 DOM 操作和 XMLHttpRequest,所以这个站所有的交互(搜索、留言、脚注跳转)都走纯 HTML 或者 CGI,一句 JS 都不需要。

这个网站安全吗?你会偷我的数据吗?

除了留言板,这个站没有后端也没有数据库。没有用户账户,没有 cookie,没有任何形式的数据收集。放心逛。留言的时候不想公开 IP 地址的话,别勾"显示 IP"就行。

浏览器警告?如果你看到安全警告,大概率是你用了 http:// 而不是 https://。本站同时跑 HTTP(给旧设备用的)和 HTTPS,但现代浏览器会给 HTTP 页面标"不安全"。确认地址栏是 https:// 开头就好了。

如果你特别在意隐私,有个事你可能会喜欢:这个网站没有 Google Analytics、没有 Facebook Pixel、没有任何第三方追踪脚本、连一行 JavaScript 都没有(编辑器页面除外)。访问日志只存在服务器本地,每天会自动压缩存档。

这个网站跑在什么服务器上?

最开始它跑在一块 ESP32-S3 上。对,就是那种几块钱的物联网芯片。后来 ESP32 的内存实在扛不住了(HTTP + CGI 同时跑的时候捉襟见肘),就搬到了云服务器。现在的环境:

  • 服务器:一台普通的 Linux 云主机
  • Web 服务:自己写的 Python web_server.py,不到 400 行
  • 存储:纯文本文件(guestbook.txt + changelog.txt)
  • 构建:PowerShell 脚本,Windows 和 Linux 都能跑
  • 也想过搬回 ESP32 或者换别的单片机(比如 CH32V307),但云服务器一个月几块钱,比折腾硬件省心太多了。

    为什么不用现代框架?

    用 Next.js + Tailwind 重写一遍,加 React 组件、动态路由、ISR 增量渲染,我完全能做。但那样它就不是这个网站了。这个项目的核心不是"内容",是"手工打造"这件事本身。

    有人喜欢拼模型,有人喜欢修 CRT 电视。我喜欢写 90s 风格的网页,用那个年代的工具链(HTML 表格 + font 标签 + CGI),瞄准那个年代的硬件(1024×768 分辨率、IE5.5 浏览器),做那个年代的设计选择(像素化 GIF、青色链接、会闪的文字)。是个自愿的技术怀旧实验。

    有兴趣的话,这里有篇完整的框架审查,列了这个站点的 28 个技术问题和优化方向。

    这些 88x31 小图标是什么?

    88×31 像素(大概 2.5cm×0.9cm)的微型横幅,是 90 年代末到 00 年代初互联网上的"社交名片"。站长们互相交换这些小图标,挂在侧边栏或者友情链接页面里,形成一个去中心化的推荐网络。每个图标都是一扇门,通到另一个个人网站。

    我收了超过 7500 枚 88x31 按钮,覆盖了当时的浏览器厂商(Netscape、IE)、操作系统(Windows、Mac OS、Linux)、编程语言(PHP、Perl、Python、C++)、网站托管(GeoCities、Angelfire、Tripod)、音乐、游戏,差不多你能想到的所有类别。可能是中文互联网上最大的 88x31 归档了。在 文章归档 里能找到 88x31 相关的博文。

    我能用你的代码做自己的网站吗?

    当然。整个站用的是 CC BY-NC-SA 4.0 许可。说人话就是:

  • 随便复制、修改、分发代码
  • 得署名,给个链接就行
  • 别拿来赚钱
  • 改完的作品得用同样的许可分享出去
  • 右键查看源代码就能看到完整的 HTML 结构。想要完整项目代码(包括构建脚本和 CGI 后端)的话,去 GitHub 仓库。如果你用这套架子搭了自己的复古网站,来留言板说一声,我把你的 88x31 按钮加到收藏里。

    这个网站会一直保持这个风格吗?

    会。我会继续改进构建系统、修 bug、加新功能,但视觉风格是故意保持的。后面更新的方向是更好的兼容性、更快的构建、更安全的代码。不是"看起来更现代"。如果哪天你打开发现网站变漂亮了,那肯定不是我改的。

    我刚做了一次完整的框架审查,列了 28 条要改的东西。但这些全都是工程层面的。你从外面看不出来。这个网站的"样子"已经就是它该有的样子了。

    怎么联系你?

    最好的办法是在留言板留言。不想公开的话在留言里说一声就行。也可以通过这些方式:

  • GitHub:https://github.com/Dragonrster,开 Issue 或者提 PR 都行
  • 邮箱:在留言板留言时填了邮箱的话,我可以直接回你
  • 我每天都看留言板和 GitHub 通知。不一定秒回,但肯定回。

    这个网站到底是干嘛的?

    简单回答:不干嘛。它不是产品,不是服务,不是平台。就是一个人在网上的自留地。写的东西大概包括:

  • 技术折腾记录(从 ESP32 到云服务器、从 Python CGI 到 PowerShell 构建脚本)
  • 老互联网回忆(GeoCities、Myspace、早期个人网站文化)
  • 复古计算(Windows 95、CRT 显示器、软盘、拨号上网)
  • 偶尔的安全研究(漏洞分析和复现)
  • 游戏和音乐收藏
  • 不管你是在搜索引擎上偶然点进来的,还是顺着某个 88x31 按钮一路摸过来的。欢迎。在 2026 年的互联网上,一个纯手工搭建、没有 JavaScript、兼容 IE5.5 的网站,这件事本身就挺酷的。

    这个网站不需要被"修好"。它正在按预期工作。

    留言板是怎么运作的?为什么用文本文件而不是数据库?

    留言板是这个站唯一有后端的功能。流程很简单:

  • 你在侧边栏填昵称、邮箱(选填)和内容,点提交
  • Python CGI 脚本(guestbook.py)收到你的留言
  • 把留言追加写入 data/guestbook.txt,纯文本,用管道符 | 分隔字段
  • 触发主页重建,你的留言就出现在侧边栏了
  • 为什么不用数据库?文本文件有几个实在的好处:(1)不用装 MySQL 或 PostgreSQL;(2)随便一个文本编辑器就能打开 guestbook.txt 看所有留言;(3)备份就复制一个文件;(4)服务器炸了,只要这个 txt 还在,留言就全在。

    要说缺点,两个人同时提交留言的话后一条可能盖掉前一条。但在一个个人博客上,这个概率跟中彩票差不多。要是哪天真需要了,我会换 SQLite,还是一个文件,但有事务支持。

    如果你填了邮箱,你留言里 @ 的人之前也留过邮箱,系统会自动发一封通知邮件。邮件模板也是 90s 复古风 HTML。毕竟它出现在你收件箱里,四舍五入也算访问了我的网站。

    为什么网站有时候会出现乱码?

    看到奇怪的字符("锟斤拷"、"脛脩脜"之类)通常是编码问题,不是网站被黑了。本站所有页面统一用 UTF-8 编码。两种情况下会乱:

  • 你在用真·老浏览器(比如真的 IE5.5)。这些浏览器默认按系统代码页(比如 GBK)解码,不认 UTF-8。HTTP 响应头里的 Content-Type: text/html; charset=utf-8 就是干这个的,本站服务器正确发这个头。
  • 文件保存的时候丢了 UTF-8 BOM(字节顺序标记),老浏览器就猜不出编码。本站构建脚本输出 HTML 时强制加 BOM,专门防这个。
  • 如果你确定你不是在用 IE5.5 还是看到了乱码,大概率是我改代码的时候存错了编码。来留言板吼一声,我马上修。

    还有一种"乱码"出现在 RSS 阅读器里。RSS 本身是 XML 格式,中文支持要看阅读器怎么实现。本站的 RSS 输出修过中文乱码,要是你的阅读器还是显示不对,换个客户端试试。

    有 RSS 订阅吗?怎么追踪更新?

    有。完整的 RSS 2.0 订阅源:

  • RSS:https://www.dragonrster.cn/dist/rss.xml
  • sitemap:https://www.dragonrster.cn/sitemap.xml
  • 标签云:标签云页面,按标签翻文章
  • 文章归档:文章归档,按年月看所有文章
  • RSS 每次全站重建的时候自动更新。订阅了的话大概每天能看到一次更新,取决于我当天写了多少代码发了多少文章。没有社交媒体、没有邮件列表、没有推送通知。RSS 是唯一的"订阅"方式。这也算 90s 互联网的方式。

    不知道什么是 RSS?它是 1999 年诞生的纯文本"新闻订阅"协议。找个 RSS 阅读器(推荐 QuiteRSS 或 NewsFlash),把上面的链接加进去,每次我发新文章阅读器就自动通知你。不用注册、不用邮箱、不用密码。

    你为什么做这个网站?花了多久?

    2025 年 10 月心血来潮。想做一个偏 WEB 1.0 风格的个人博客。上一次开放个人博客还是疫情之前,笑。最初的动机特别简单:我想要一个完全由自己说了算的网页空间。

    现代互联网上能让人表达自己的地方越来越少了。社交媒体的算法流、博客平台的文章旁边放广告、Medium 你没登录就弹窗。我想写的就一个简单的 HTML 页面,放点文字,别人能看到。就这样。

    花了多久?构建系统大概一个月,主要是周末和晚上。大部分时间不是在写代码,是在调 IE5.5 兼容性修 PowerShell 编码问题,还有反复调侧边栏那个 123×260 像素的滚动区域。博客内容随缘更新,想到什么写什么。

    源代码大概 200KB,不算图片。用 Claude Code 当 AI 辅助协作开发的。但每行代码我都读过、理解过、能解释它是干什么的。这不是 AI 堆出来的项目,AI 更像是坐我旁边的一个效率很高的实习生。

    这些背景图和 GIF 是哪来的?

    背景图(back.gif)和横幅(banner.jpg)来自几个地方:

  • 老网站存档。GeoCities、Angelfire、Tripod 上的个人主页在被关掉之前,Internet Archive 把它们存下来了。我从那里扒了很多图案和设计灵感
  • Win95/NT 时代的软件安装包里提取的位图和图标
  • 88x31 按钮来自几十个不同的老网站和社区,有的是原始像素图,有的是我凭记忆重画的
  • 除了横幅是自己做的,站上大部分 GIF 按钮和背景图案都来自 Internet Archive 的公开存档。能标注出处的我都尽量标了。如果你在哪枚 88x31 按钮上看到了自己 20 年前的作品,那就是你的,联系我,我把你名字注上。

    "90s"不只是审美,它是我的数字故乡

    1990 年代的互联网有一种现在已经消失的特质:它是人手工建起来的。每个网站都有自己的配色方案、自己的导航逻辑、自己的 "Under Construction" 小图标。没有模板,没有框架,没有"最佳实践"。在 Geocities 的一个社区(比如 Area51 或者 SiliconValley)里乱逛,每点一个链接都是全新的视觉体验。有时候真的很丑,但从来不无聊。

    2026 年的互联网是高效的、标准的、无障碍的。也是同质化的。几乎所有网站看着一个样:Hero 横幅、三列卡片、Material Design 按钮、Cookie 弹窗。这不是批评,这是事实。工业化的网页设计让信息传播更快了,但也把个人表达的空间磨平了。

    这个网站不是想回到过去。它只是想证明:互联网上还有别的方式。你可以花一个下午,纯手工写 HTML,做一个完全属于你的、没有任何商业目的、看起来"不专业"但充满性格的网页。而且它能正常访问,能被人找到,能在 30 年前的浏览器上渲染。

    你读到这里了。谢谢。欢迎来我的角落。如果你也做了个类似的网站,一定来留言板告诉我,我把你的 88x31 按钮加到侧边栏。


    « 站点框架的缺陷分析与优化路线 返回主页
    English

    搜索

    最新文章

    » 这是什么网站?常见问...
    » 站点框架的缺陷分析与...
    » 脚本详解:build.ps1
    » 留言板架构记录
    » 2026年4月 · ...

    » 文章归档


    本文标签

    网站建设 日常


    功能

    » RSS 订阅
    » GitHub 源码
    » 返回顶部
    » 文章归档


    DRAGONRSTER
    CC BY-NC-SA
    © 2004-2026 DragonRster • Made with HTML • 本站支持IE5.5+
    最佳浏览分辨率:1024x768 • 最后更新于 2026年04月30日 16:37:45