1. 前言🗡

最近看着用markdown写的文章,发现里面的文章配图很尖锐,很是不美观,这明显影响了我博客游客的阅读体验嘛!!!

所以,作为强迫症患者,这时候忍不了。改!

2. 正文🔪

2.1 修改图片大小

  • 使用html中的img标签

    1
    <img src="链接" alt="如果无法显示图像,浏览器将显示替代文本" width="500px" height="313px" ><img>

    原图:
    20201019085923
    修改:

  • 直接在MD后加修改样式
    格式:链接空格=100x50,如下:

1
![20201019085923](https://img-blog.csdnimg.cn/img_convert/ff301a4ef99771d53bdbc07c63c6747b.png =400x300)

此方法可在csdn中使用,有效!其他md编辑器好像都不起作用!

  • 使用自定义样式

见2.2 修改图片圆角

2.2 修改图片圆角

添加一个自己的css文件,确保这个文件被引用,然后在 CSS 里定义“src 里包含字符串 #img-radius”的规则,如我的图片圆角:

1
2
3
img[src*="#img-radius"] {
border-radius: 9px;
}

然后直接在图片链接后面,添加#img-radius,就有圆角效果了:
20201019085923

3.总结 🚩

从目前了解的方法,常用的就html和自定义样式,各有各的好,自选!

更多请看官方文档: MDN 文档

注意:可以选择中文模式阅读,在右上角选择语言。

参考链接:how-to-style-images-with-markdown


以上就是以上就是 zero以上就是今天要分享的内容,欢迎大家留言评论,提出你的见解,我们一起学习进步!💪💪💪