DragonRster`s Void

2026年4月 · 最近在干些什么

技术折腾与生活记录

待办

进行组件化模板设计√

网站框架结构如下：


根目录
├── cgi-bin/                       ← CGI 脚本
│   ├── guestbook.py
│   ├── search.py
│   └── editor.py                   ← Web 端博客编辑器
├── data/                          ← 运行时数据
│   ├── guestbook.txt              ← 留言板数据
│   ├── changelog.txt              ← 更新日志
│   └── logs/                      ← 访问日志
├── dist/                          ← 静态构建输出目录
│   ├── blog-*.html
│   ├── archive.html               ← 文章归档页
│   ├── tags.html                  ← 标签云页面
│   ├── 404.html                   ← 自定义 404
│   ├── rss.xml                    ← RSS 订阅源
│   ├── en/                        ← 英文版页面
│   │   ├── index.html
│   │   ├── blog-*.html
│   │   ├── archive.html
│   │   └── tags.html
│   └── assets/                    ← 静态资源
│       ├── images/
│       │   ├── backgrounds/
│       │   └── buttons/
│       └── audio/
├── scripts/                       ← 构建脚本
│   ├── build.ps1                  ← 单页面构建
│   ├── rebuild-all.ps1            ← 全站重建
│   ├── generate-archive.ps1       ← 归档页 & 标签云 & 搜索索引 & 最新文章
│   ├── generate-rss.ps1           ← RSS 订阅生成
│   └── generate-sitemap.ps1       ← sitemap 生成
├── src/                           ← 源码
│   ├── components/
│   │   ├── header.html            ← HTML头部和样式
│   │   ├── banner.html            ← 顶部横幅
│   │   ├── sidebar-left.html      ← 左侧边栏（留言板）
│   │   ├── sidebar-right.html     ← 右侧边栏（中文）
│   │   ├── sidebar-right-en.html  ← 右侧边栏（英文）
│   │   ├── footer.html            ← 页面底部
│   │   ├── latest-posts.html      ← 最新文章组件（自动生成）
│   │   ├── guestbook-item.html    ← 留言板条目模板
│   │   ├── guestbook-container.html ← 留言板容器模板
│   │   ├── changelog-item.html    ← 更新日志条目模板
│   │   ├── changelog-container.html ← 更新日志容器模板
│   │   └── post-nav.html          ← 文章上下篇导航模板
│   └── content/pages/
│       ├── index/content-index.html
│       ├── blog/content-*.html
│       ├── blog/en/content-*.html ← 英文博客内容
│       └── templates/             ← 页面模板
├── index.html                     ← 根目录首页
├── sitemap.xml                    ← 站点地图
├── robots.txt
├── build.cmd                      ← 快速构建脚本
└── web_server.py                  ← 服务器启动脚本

自动化构建

服务器自动侦测页面变动，支持单页面构建

兼容性测试

确保在现代以及IE5.5浏览器中正确显示1024x768布局

4月27日~28日更新

写了留言板架构博文，记录了 CGI + txt 存储 + 静态构建注入的完整流程

侧边栏新增最新文章列表（5篇），截断逻辑按像素宽度估算，避免标题溢出

新增文章归档页面，按年-月分组展示所有文章

右侧栏新增网站更新日志，滚动容器与留言板同尺寸（123×260px），数据来自 data/changelog.txt

全站博客正文统一使用宋体（添加 <font face="'宋体',SimSun"> 包裹）

每篇博客底部加入上一篇 / 返回主页 / 下一篇导航，按日期排序自动生成

实现站内搜索（免JS），CGI 脚本扫描 data/search_index.txt 全文匹配

新增文章标签云（tags.html），支持按标签筛选文章

RSS 订阅源修复中文乱码（Get-Content -Encoding UTF8）

博客内容文件增加元数据：date、title、tags，构建时自动扫描

侧边栏搜索框放在顶部，替换了原来的"返回主页"链接

HTML 模板分离：留言板/更新日志/导航的 HTML 结构从 build.ps1 抽出到 src/components/

修复页面 UTF-16LE 编码问题，全站统一为 UTF-8

留言板支持填写邮箱，点击留言 ID 可跳转邮件客户端

支持文章草稿模式（），本地 build-draft.cmd 预览

新增自定义404 页面，ASCII 骷髅头 + blink 闪烁 + Internet Archive 梗

实现文章脚注系统：[^N] 引用自动转上标锚点链接，定义列表渲染在文末，双向跳转

留言板提交后自动触发全站重建，无需手动运行构建脚本

开发了基于 Web 的博客编辑器 editor.py（/cgi-bin/editor.py），格式化工具栏、表格生成、脚注插入、字符计数、新窗口预览

editor.py 编辑器兼容 IE5.5（TextRange 选区回退、String.trim polyfill、命名窗口预览）

全站支持中英双语！侧边栏手动切换中文/English，构建脚本支持 -Lang 参数

全部 8 篇博文及首页完成英文翻译，英文内容目录分离至 blog/en/

新增英文版侧边栏（sidebar-right-en.html）、最新文章（latest-posts-en.html）、归档页

下个月计划

背景音乐功能（可选播放 MIDI / MP3）

文章阅读计数^[1]

适配更多老设备

[1]	文章阅读计数功能将在下个月实现。

« 盘龙阁·服务器

返回主页

留言板架构记录 »

English

搜索

本文标签

日常更新日志网站建设

功能

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