CHANGELOG
- 将博客文件迁移到用 denote 管理,见 结合 denote 和 org-publish 写博客。
- 搜索页面:修复自动 dark mode 下的样式、增加 backtop、避免横向滚动条。
- 移除了页脚「查看 org 文件的链接」,因为用 denote 管理后,实际文件名和 URL 对不上了,暂时不想维护。
- 图片样式还原成默认样式,不居中,因为有的图片比较小,居中不好看,就需要额外写样式,嫌麻烦。
- 补充了所有文章的 description,这样分享的时候能看到一些描述。
- 新增了基于 tag 生成 Atom feed 的功能,格式是
{tag}.xml
,目前生成了 Zine 和 Emacs 的。
- 移除了 Atkinson 英文字体,都使用落霞孤鹜字体,使得整体更和谐。但缺点是,可能部分英文字母不容易区分。
- 调整了部分手机上的样式,例如 list,details 等,让它们尽可能利用屏幕空间,不要留太多的间距,不然每行内容太少,换行太多。1
- 调整页脚,增加了用于分割页脚的文字,增加了查看 org 文件的链接。如果你看到有错误,也可以 fork 帮我修改,嘿嘿。
- 调整了一下 littlefoot 的样式,使它看起来像是一个 footnote。
- 移除 giscus 评论,see also:移除博客的留言。
- 手机上的字体再增大了一点,最小字号是 22px。
- 增加了「返回顶部」的功能。见 backtop.js。
- 解决 giscus 的主题异常问题,通过动态加载 giscus,确保在 light / dark mode 下都能渲染正确的主题。
- 顺手更新了 给博客添加 dark mode。
- 让 sidenote 分布在文章的两边,充分利用两边的空间,而不是都放在一边,显得不均匀。
- 增大 pagefind 的 Excerpt length,便于看到关键字附近更多的内容,更好的找到想要找的内容。
- 调整 pagefind 的 border 颜色,使其更明显一些。
- 调整 search 和 rss 页面的字体,保持统一。
- 文章中尝试用是
<hr>
去分割段落,同时给<hr>
添加了一些样式。
- 重新添加 霞鹜文楷 字体,粗体现在似乎看起来对比度还可以;字体放到网站的静态资源中托管;一定程度上提高文字的耐看度。
- 添加背景图,内容过多的时候,纯色背景有些单调,使得页面看起来有些枯燥,设置背景使得页面相对耐看一些。
- 现在是一张叶子的背景图,倒是挺像落羽杉的
- figcaption 只有一行的时候居中,好看一些,但对于一些小图片不太合适,需要手动修改样式,有点麻烦。
- 页脚添加了 support me,support me 页面添加了支付宝收款码。
- 调整 list 的样式,避免部分 list item 出现额外的 margin-block。
- 在宽度大于 768px 的设备上,点击图片,在新 tab 展示,可以进一步放大查看。见 image-enhanced.js。
- 调整 dark-mode 下的颜色,让对比相对柔和一点。
- 将 giscus 切换成中文。
- 将 giscus 的字体变大,保持和正文相近的大小,看起来轻松一点。
- 主题为 auto 的时候,使用 high-constact 的主题,也是为了提高可读性。
- 集成 littlefoot,最开始是在 極客死亡計劃 看到的,感觉交互不错,现在我也集成了,当屏幕比较小的时候会用 littlefoot,屏幕大的时候会现实 sitenote。
- 稍微扩大导航的点击范围。
- 调整 TODO 关键字的颜色,原来的红色比较刺眼,换成一个相对柔和的红色。
- 修复暗黑模式下,pre 元素的背景色异常。
- 使得 Atom feed 符合规范,see: 验证你的 RSS/Atom feed 是否有效。
- 调整内容宽度 (1024px -> 900px),使得每一行不会太长。2
- 调整文字的颜色,符合 APCA 定义的 Lc90。3
- 代码块添加了复制按钮,便于复制代码。4
- 代码块支持自动滚动,当鼠标移动到左右边缘时会自动滚动,忘了在哪个博客看到的,感觉对读者比较友好。
- 移除 霞鹜文楷 字体,使用默认中文字体,因为霞鹜文楷的粗体太不明显了。5
- preload Atkinson Hyperlegible 字体,并设置字体缓存。
- 添加了 SideNote,借鉴了 Sacha Chua 的实现,相关 JS 见:sidenote.js。
- 美化了 Atom feed,see: 让你的 RSS/Atom feed 更好看。
- RSS feed 切换到 Atom feed,see: 博客的一些更新。
- 迁移到 org-publish,see: 使用 org-publish 发布博客。
- 迁移到 Hugo,使用的主题是 hugo-theme-even。
- 创建了博客,最开始是 VuePress 搭建的。
脚注:
1
如果在手机上你还是觉得字体太大,你可以通过浏览器调整页面的字体大小,这样就能看到更多啦。
5
虽然霞鹜文楷是有粗体的,但正如 The Easy Intro to the APCA Contrast Method 里面说的,对比是靠周围的内容衬托出来的。 霞鹜文楷的粗体和普通字体之间的差别太小了,很难看出来加粗。