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

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

第二布:

按下面代码修改样式

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