PaperMod 是个很完整的主题,默认就很好看。我只改了 4 个地方:

1. 配色

改的颜色不多,就换了三个值:

:root {
  --accent: #2563eb;      // 链接和强调色
  --theme: #ffffff;        // 页面背景
  --entry: #f9fafb;        // 文章卡片背景
}

PaperMod 用了 CSS 变量,在 assets/css/extended/ 下建个文件覆盖就行,不用碰主题源码。

2. 字体

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&display=swap');
body {
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
}

其实 PaperMod 默认的字体也不错,换了思源黑体感觉阅读稍微舒服点,差别不大。

3. 代码块

默认代码块的复制按钮我觉得放上面有点碍眼,保留了但没改样式。主要调整了行距和内边距:

.post-content pre {
  font-size: 0.88rem;
  line-height: 1.5;
}

代码块背景用了深色 #1e293b,跟默认的灰色做区分。

4. 文章页边距和行距

PaperMod 默认文章页间距我觉得有点紧,调整了行距和标题边距:

.post-content {
  line-height: 1.8;
}
.post-content h2 {
  margin: 2em 0 0.8em;
}

没改的

  • 没改导航栏(默认的够用)
  • 没加社交图标以外的任何功能
  • 没用 Shortcodes
  • 没用 Profile Mode

PaperMod 的好处就是默认够好,我只动了真正觉得不舒服的几个像素。