Hexo next 主题页面两侧空白问题

问题

最近使用hexo next主题时发现页面内容两侧有大量空白区域，很影响阅读体验，如下所示：

解决方法也很简单，只需要修改两个next主题配置文件

在主题配置文件 next/source/css/_variables/custom.styl 中添加内容

// 修改成你期望的宽度
$content-desktop = 700px
// 当视窗超过 1600px 后的宽度
$content-desktop-large = 900px

在主题配置文件 next/source/css/_schemes/Pisces/_layout.styl 修改内容

1
2
3

.header{ width: 99.5%; } 
.container .main-inner { width: 99.5%; } 
.content-wrap { width: calc(100% - 260px); }

主要是修改 _layout.styl 配置文件

调整后效果如下