博客主题更换

 

2020 年的第一个月,给整个世界都带来了糟糕的心情。而对于我们而言,最切身可感的,恐怕就是由 2019-nCoV 病毒带来的肺炎疫情了。寒假在家,我总是闲来无事想早点回学校;但是因为防疫需要,学校推迟开学,并且禁止学生提前回校。这样一来,原本没有工作动力的我就更想摸鱼了。实在不知道该做什么,就打开了我的博客。心里不由得生发出感慨:实在太丑了!于是决定立刻动手给它换了一个主题。

虽然 Jekyll 主题很多,但是找来找去都没找到令我满意的。不是过于花哨就是实在太简洁,或者没有做中文适配(想象一下满屏幕的正文都是有衬线的宋体)。踏破铁鞋无觅处的时候,在 GitHub 上发现了 TeXt 这个主题,眼前一亮:就是它了!

当然,由于我之前用的就是 jekyll-remote-theme,而 TeXt 也支持,所以更换主题工作量不大,只需要换掉主题的名字以及改配置文件就行了。其后改掉不一样的 layout 的名字等工作也是比较平凡的。唯一的坑点在于,这个主题要依赖 _data 目录下面的一些变量(比如远端 CSS 路径),但没有打包在 gem 里面,这导致了一开始的时候我的主题表现非常感人。意识到问题之后我从模板里面复制了这些变量,于是一切就正常了。

TeXt 号称自己是“super customizable”,而事实的确如此:它支持的 配置选项 多到让我震惊了。于是照着它瞎配了一通以后,我的新博客主题就上线了。这个主题的响应式做得也比旧主题要好多了,并且更简洁,让我比较满意。

当然,我也遇到了一些新的问题:

  • 所有地方都出现了评论框:在加载代码中判断 page.path contains '_posts' 即可(不知道为什么 page.layout == 'article' 并不工作?)
  • 一部分代码格式化似乎不工作(如 这里):看起来是 rogue highligher 的问题,没什么好办法
  • favicon 一定要矢量的:呃…改天对着画一个吧

Playground

点我

不要点我

Fatal Error

Learn Helper 二维码

graph TB;
    A[Do you have a problem in your life?]
    B[Then don't worry]
    C[Can you do something about it?]
    A--no-->B;
    A--yes-->C;
    C--no-->B;
    C--yes-->B;
{
  "type": "polarArea",
  "data": {
    "datasets": [
      {
        "data": [
          11,
          16,
          7,
          3,
          14
        ],
        "backgroundColor": [
          "#FF6384",
          "#4BC0C0",
          "#FFCE56",
          "#E7E9ED",
          "#36A2EB"
        ],
        "label": "My dataset"
      }
    ],
    "labels": [
      "Red",
      "Green",
      "Yellow",
      "Grey",
      "Blue"
    ]
  },
  "options": {}
}