在Jekyll中使用自定义主题时,如何更改标题大小?

时间:2019-12-19 13:17:05

标签: html css jekyll

我将以说自己是html / css / md / webdev的完整初学者作为开头。

我正在使用自定义主题Swiss通过Jekyll框架创建网站。 “帖子”布局的默认标题大小确实很大,因此我想使其更小一些。

我尝试在网站根目录中创建名为_sass的目录,并在其中复制了名为_variables.scss的瑞士主题文件,如下所示:

// Font family
$body-font-family: "Helvetica Neue", Arial, sans-serif;
$body-font-size: 16px;
$prose-font-size: 20px;


// Type scale
$h0-mobile: 64px;
$h0-desktop: 128px;

$h1-size: 40px !default;
$h2-size: 32px !default;
$h3-size: 24px !default;
$h4-size: 20px !default;
$h5-size: 16px !default;
$h6-size: 12px !default;

// Default border color
$color-border: #ddd !default;

// Container width
$container-width: 64em;

// Large breakpoint
$breakpoint-lg: 52em;

// Spacing unit
$spacer: 8px !default;

// Spacing scale
$spacer-1: $spacer !default; // 8px
$spacer-2: ($spacer * 2) !default; // 16px
$spacer-3: ($spacer * 4) !default; // 32px
$spacer-4: ($spacer * 8) !default; // 64px

我认为每个页面的标题都编码为h1标头,因此我将h1-size的值更改为4,以查看其是否有效。它没有改变标题的大小。通常,似乎在编译新网站时,它没有在_sass/_variables.scss文件中查找变量。

这是更改默认主题设置的正确方法吗?如果没有,正确的方法是什么?

0 个答案:

没有答案