iissnan / iissnan/theme-next-docs

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

Open
#194 2 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.