至繁归于至简

年伊始,我重新打开了尘封已久的博客文件夹,发布了一篇二〇二五年的年终总结。上一次执行 hugo newgit push 的指令,还是在二〇二四年初。依次点击了友链中的博客链接,发现也有一些人停更超过了一年的时间,甚至有的已无法访问。可能大家都忙于现实的工作和家庭,早已无暇折腾这些无关要紧的事。但还是有人在坚持创作,分享自己的故事,这给予了我莫大的动力。我觉得写作的目的不单单是分享自己的经验,更重要的是记录自己的成长,人生观念的转变。翻阅以前的文章,看看这一路是如何走过来的,能够对自己有更清晰的认识。

二〇一一年,我在阅读《乔布斯传》的时候,了解到「至繁归于至简[1]」的理念。个人博客也应如此。花里胡哨的动画,各式各样的功能插件,绚丽多彩的配色,现在感觉都是多余的。优质的内容和舒适的排版才是博客的核心。于是,在本次升级 Hugo 和 MemE 主题之时,优化了个别功能的代码,调整了博客页面的细节。

字体修改

之前在《网站字体优化方案》一文中,我已对自己使用的字体进行过说明:中文字体采用的是思源宋体 Noto Serif SC,英文字体采用的是可变字体 Amstelvar。本次修改参考了 reuixiy,中文部分增加了:

此外,我将 Amstelvar 的字形做了轻微的调整以适配中文。 Amstelvar 字体大写字母的默认顶部高度较高,会造成英文比中文字号大的错觉,所以需要把顶部高度调低一些,整体线条调细一些。而文章的标题需要醒目,所以我把标题里的小写字母的高度调高了一些。Amstelvar 字体具体设置的参数如下所示。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
// body 字形
body {
    font-variation-settings:
        'wdth' 100,
        'opsz' 40,
        'XOPQ' 145,
        'YTLC' 480,
        'YTUC' 710,
        'YTAS' 726,
        'YTFI' 720;
}

// 标题字形
.post-title {
    font-variation-settings:
        'wght' 550,
        'opsz' 30,
        'YOPQ' 100,
        'YTLC' 570,
        'YTUC' 710;
}

// 文章内标题字形
.list-title {
    font-variation-settings:
        'wght' 550,
        'opsz' 30,
        'YOPQ' 100,
        'YTLC' 570,
        'YTUC' 710;
}

// 文章目录页标题字形
.list-item {
    font-variation-settings:
        'wght' 400,
        'wdth' 103,
        'opsz' 20,
        'YOPQ' 90,
        'YTLC' 570,
        'YTUC' 710;
}

// 文章目录页年份字形
.list-year {
    font-variation-settings:
        'wdth' 100,
        'opsz' 20,
        'YOPQ' 100,
        'YTUC' 710;
}

自定义组件位置调整

之前我在部分时效性比较强的技术类文章中添加了内容过时提醒。当时的方法是将该组件插入进正文的最前面。但放置在这个位置需要修改主题中的几个模板文件,导致每次更新主题的时候,都要核对下这几个文件有没有变动,非常繁琐。正好 MemE 主题有一个自定义 post-meta 的文件,我将该功能的代码转移到了这里,删除了之前的几个文件。其实内容是否过时算是文章的基础信息,本就应该放在 post-meta 中。

部分功能和页面关闭

这次更新,我关闭了以下几个功能:

  • 多语言切换。我的英文页面只有一个「About」。对于一个不起眼的中文博客网站,可以存在一个英文说明来介绍自己,但没必要留有多语言切换按钮。这个按钮仅在「主页」和「关于」页面存在,破坏了菜单栏的结构稳定性。
  • 文章分类页面。既然已经有了整体的文章目录页,和标签页,再单独放置一个分类页面就有些多余了。我基本不会点击这个页面,对于每篇文章的分类,可以直接从每篇文章的 post-meta 中获取。
  • 个人收藏页面。我一直在思考如何优雅地展示自己收藏的有意思的东西。之前是单独创建了一个类似于相册的页面,但完成度不高。我觉得还是等这部分功能完善后再放上来吧。
  • 文章更新时间。从重要度上看,生活类文章没必要展示更新时间。而时效性较强的技术类文章,我已添加了「内容过时提醒」。这样一来,再显示一个文章更新时间,似乎也有些多此一举。并且在阅读文章的时候,看到标题下方有两个时间,也会给读者带来困扰。
  • 文章字数、阅读时长。这两个信息现在看来也是多余的存在。不同人的阅读速度不同,这两个信息无法为阅读提供任何帮助。
  • 今日诗词。之前我在页脚添加了今日诗词的功能。它会根据你所在的 IP、天气等因素,推荐相关联的诗句,有一定的互动性。但这毕竟是引入了一个外部的东西,不属于博客本身。秉持着「至繁归于至简」的理念,该功能不再保留。

评论组件维护

我对是否关闭评论功能的问题思考了许久。一是因为总有些莫名其妙的「剑客」在评论里发布垃圾信息;二是因为 Waline 更新迭代的速度太快,作为非专业选手,我每次都要花费不少时间进行主题适配性调整。最终觉得,还是留着评论吧。尽管留言的人很少,但我还是想有些互动,不想成为一座孤岛。

我仍在使用 Waline 评论。目前官方已更新到了 v3.8.0 版本。v3 相对于 v2 最大的改动是,v3 的 JavaScript 函数是以 module 形式载入的。我简单尝试了一下从 v2 升级到 v3,改了少许代码。当我看到 PC 端 和 Android 移动端都成功加载评论组件,准备庆贺之时,却发现 iPad 上出现了错误——算了,我懒得折腾了,v2 已经够用了。

此外,目前评论的邮件提醒功能异常,我还没有检查是哪个环节的问题,大概率是邮箱的授权过期了。现在正忙着补发这两年构思好但没发布的文章,等忙完这一切再来修复吧。


  1. Simplicity is the ultimate sophistication」,这是达·芬奇的一句格言。早在苹果公司创立初期,乔布斯就将其作为苹果产品的宗旨。 

加载评论
点击刷新