iissnan / iissnan/theme-next-docs
hexo布置的博客,显示的文章内容能不能变得宽一点呢,因为现在屏幕比较大
- Dominant language
- HTML
- Stars
- 165
- Forks
- 55
- PR merge metrics
- No merged PRs in 30d
Description
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); }
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Review the issue's guidance for source/css/_variables/custom.styl and the Pisces CSS snippets, then compare it with the repository's documentation structure. Done means documenting the applicable width settings and theme-specific instructions clearly enough for readers to follow them.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- stylus
- Domain
- documentation
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100