解决以下问题:
  • Hexo 插入代码段有时候会显示垂直滚动条导致无法滚动问题
  • 超出边框会显示横向滚动条难看问题
第一步：

打开这个文件 themes\next\source\css_common\components\highlight\highlight.styl

第二布：

按下面代码修改样式

1
2
3
4
5
6
7
8

  .code pre {
		// width: 100%  注释这句或者下面两句，解决有时候会显示垂直滚动条问题
    padding-left: 10px
    padding-right: 10px
    background-color: $highlight-background
    white-space: pre-wrap  //自动换行，不显示横向滚动条
    word-wrap: break-word  //自动换行，不显示横向滚动条
  }