修改Hexo博客NexT主题文章页面宽度

网上方法很多,我简单记录一种,手动修改样式,宽度自适应。

\themes\next\source/css/_schemes/Picses/_layout.styl文件末尾添加如下代码即可

// 以下为新增代码!!修改post宽度
header{ width: 80% !important; }
header.post-header {
  width: auto !important;
}
.container .main-inner { width: 80%; }
.content-wrap { width: calc(100% - 260px); }

.header {
  +tablet() {
    width: auto !important;
  }
  +mobile() {
    width: auto !important;
  }
}

.container .main-inner {
  +tablet() {
    width: auto !important;
  }
  +mobile() {
    width: auto !important;
  }
}

.content-wrap {
  +tablet() {
    width: 100% !important;
  }
  +mobile() {
    width: 100% !important;
  }
}