最近发了篇文章,带了些截图,发现对于 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
再部署,否则样式表文件并不会更新导致修改不生效。