去除 Hexo Next 主题图片的灰色边框

最近发了篇文章,带了些截图,发现对于 macOS 处理过的截图,Next 主题在图片周围加一圈灰色边框并不美观。

于是便想办法去掉它。打开浏览器检查图片样式,发现图片周围加了一圈一个像素宽度的灰色边框。

打开 Hexo 博客目录,直接搜索整个目录,果然在 themes/next/source/css/_common/components/post/post-expand.styl 这个文件里找到了配置。

只需将以下代码

img {
  box-sizing: border-box;
  margin: 0 auto 25px;
  padding: 3px;
  border: 1px solid $gray-lighter;
}

改为

img {
  box-sizing: border-box;
  margin: 0 auto 25px;
  padding: 3px;
  border: none;
}

即可去除边框。

去除边框之后的效果,看起来舒服多了。

最后记得一点,一定要先执行 hexo clean 再部署,否则样式表文件并不会更新导致修改不生效。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注