hexo布置的博客，显示的文章内容能不能变得宽一点呢，因为现在屏幕比较大

[ghost]

hexo布置的博客，显示的文章内容能不能变得宽一点呢，因为现在屏幕比较大，导致两边的留白比较小，同时插入的代码块也显示不完全，需要拖动，非常不方便，有知道的朋友请告知哦

网上搜到这个，但是按照这个设定了，依然没有变化啊

我们用Next主题是发现在电脑上阅读文章时内容两边留的空白较多，这样在浏览代码块时经常要滚动滚动条才能阅读完整，体验不是很好，下面提供修改内容区域的宽度的方法。 NexT 对于内容的宽度的设定如下：

• 700px，当屏幕宽度 < 1600px
• 900px，当屏幕宽度 >= 1600px
• 移动设备下，宽度自适应

如果你需要修改内容的宽度，同样需要编辑样式文件。 在Mist和Muse风格可以用下面的方法：

编辑主题的 source/css/_variables/custom.styl 文件，新增变量：

// 修改成你期望的宽度
$content-desktop = 700px

// 当视窗超过 1600px 后的宽度
$content-desktop-large = 900px

当你使用Pisces风格时可以用下面的方法：

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

[darrenliuwei]

我也遇到了这个问题，不知道该怎么解决，请问您解决了吗？我新增了那两个变量，结果发现首页变成了这样：

[ghost]

记得在hexo-theme-next的issues中有提过，现在找不到了。但是记得是这样改的： 编辑source/css/_variables/base.styl，修改变量：

• main-desktop 总宽度
• content-destop 文章宽度

修改了文章宽度最好修改总宽度，避免出现溢出的情况。不过这种方式修改可能不利于以后更新。最新的程序可以直接在custom.styl中修改？用上面提到的方法倒是可以直接修改没问题。