我在刚开始用 Typecho 时就知道了Handsome这个主题，于 2019 年末购入。刚开始用的时候还挺喜欢，但越到后来发现这一主题并不适合个人博客，而是适合商业化博客，主要痛点有：

  • 模块过于复杂；
  • 三栏模式下，第三栏的「随机文章」和「热门文章」太多余；
  • 字体颜色为灰色，不便于阅读，也不会改；
  • 移动端文章正文两侧空隙太大，阅读体验差。

后来，遇到了Mirages这个主题，第一眼就爱上了它，这种首页以图片为主的主题给我的感觉是很强烈的「优雅」，当即就「种草」了，打算换域名后入手。昨天，在逛博客时，来到了熊猫小A的博客，突然发现这个主题也不错，首页主图还有多种样式可选，正合我意，而且作者仍在活跃的更新，有盼头，便熬夜到1点多给博客做了适配。第二天，针对一些样式上的细节做了些魔改，这里做个记录。

主题内超高级设置

{
    "defaultFontSize": 2,
    "name" : "Erstwhile",
    "largePhotoSet": false,
    "useFiraCodeFont": true,
    "desktopBannerHeight" : 30,
    "showHeadlineInPost": false,
    "nav": [{
        "name": "后花园",
        "items": [{
            "link": "http:\/\/gd.hanwen.workers.dev",
            "title": "谷歌云盘",
            "target": "_blank"
        }]
    }]
}

修改文章过时提醒时限

在/libs/Utils.php中查找isOutdated，将 90 修改为 180。

CSS 修改

  • 降低首页卡片内摘要与卡片下缘间距离到 20px；
  • 增大首页卡片日期与卡片上缘距离到 140px；
  • 增大首页头图高度到 80px；
  • 减小了首页卡片内标题和摘要的字体。

魔改后看起来舒服不少，但难受的是移动端的表现不太好，亟待解决的问题有：

  • 正方形的卡片图；
  • 首页和 PC 端一样大的字体；
  • 卡片间距太大。

不过话说回来，主题终究是次要的，无论是什么网站，都应是内容为王。现阶段我只是把博客当成一个网络笔记本来用，在偶尔的情绪化时作一个宣泄的窗口，「写作」对我来说，既不是需求也不是目的。