每个故事都有一个开头
- 又到了白色相簿的季节，我在一个平凡的日子里，也许是过于悠闲，便翻出了九十年代的《网站设计宝典》，一边依靠网上冲浪所搜到的知识，一边靠着自己匮乏的知识储备，写出了这个主题。
- 主题成分包含：
- 0% Javascript
- 1.319855% HTML
- 1.688719% SCSS
- 96.991426% 一颗崩溃的心
- 这主题一无是处的样子，像极了我的人生。
每个故事都有一个过程
最开始这是一个 Hugo 主题，在使用的过程中，我逐渐忍受不了 Hugo 的臃肿。既然有了醋了，何不为了这瓶醋包一顿饺子？于是这个网站便改用了自创的生成器。
主题特点
- 不使用JavaScript
- 不使用任何前端框架
- 有小音符！
生成器特点
- 内置一个简单的 HTTP Server，可以直接预览生成的网站。
- 自动生成 Workers Site 所需的 index.js，其中包含了 Server Push。
- 自动生成 Azure Search 索引，可以配合 Github Actions食用。
- 自动给外链添加
rel="external noopener noreferrer nofollow" target="_blank"等属性。 - 链接支持
[本地文章](@another-article)这种格式，并且可以自动检查相应的文章是否存在。 - 如果文章的摘要中只包含一个
<h>标签，那就隐藏标签内的内容，因为主页里的摘要部分如果只显示一个 Heading 会显得很突兀。 - 依赖很少，极少，只有 Goldmark 和 HTML minify.
版本记录
- 0.0.1 可以生成网页(仅适配 PC 端 Chrome)。
- 0.0.2 自动生成 Workers Site 和 Azure Search 所需的文件。
- 0.0.3 支持代码高亮，以及侧边栏显示 Table of Content。
- 0.0.4 费了半天劲搞成了多线程，发现性能毫无提升。
- 0.0.5 重写了大部分的代码。
改进目标
- 右上角的 LOGO 设置成在边栏隐藏时才显示？
- 改进兼容性(移动端、Firefox、Safari)。
- 暗色模式。
- 重写 SCSS。
- 自动压缩图片。
- 添加一些肉眼难以察觉的动画效果。
已知 Bug
<code>在列表中会溢出，原因是由于<ul>和<ol>使用了 display: table，目前的 workaround 是强制代码自动换行。- Edge: 滚动条可以向上或者向下拉过头。