0%

第一次修改博客配置🎈

由于之前安装的next版本是最新的7.5,很多地方比起5.0发生了蛮大的变化,主要是字体变大以及文章内容框变宽导致看得很不习惯,于是自己开始谷歌并修改配置文件。

修改的配置文件存放在MyBlog\themes\next\source\css\_schemes\Pisces\_layout.styl中,选择对应的主题文件,我的是Pisces。按照网上的文档,原以为只要在结尾处加上如下代码就行了。

1
2
3
.header{ width: 80%; } /* 80% /
.main-inner { width: 80%; } / 80% */
.content-wrap { width: calc(100% - 260px); }

结果发现实际上文章的区域还是没有改变,仍旧在原来的位置,只好在其本身的width处改成width: 80%;

成功解决。

字体则是把所有字号都缩小,代码如下:

1
2
3
4
5
6
7
8
9
// Font size
$font-size-base = (hexo-config('font.enable') and hexo-config('font.global.size') is a 'unit') ? unit(hexo-config('font.global.size'), em) : 1em;
$font-size-smallest = .675em;
$font-size-smaller = .75em;
$font-size-small = .8125em;
$font-size-medium = .875em;
$font-size-large = 1em;
$font-size-larger = 1.125em;
$font-size-largest = 1.25em;

整个博客看起来舒服多了。