内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

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

2019-03-18 11:35 出处:清屏网 人气: 评论(0

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


分享给小伙伴们:
本文标签: Next

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.