【Hexo】icarus主题图片样式修改
默认情况下使用 ![]()
插入的图片就只能靠左,而且和背景融为一起,相当不好看
这篇文章介绍了一种修改主题的方式来插入自己的图片样式
我希望图片能有以下的属性
- 倒角
- 居中
- 固定宽度
使用 html 中的 <img>
标签可以设置图片的样式
该样式是在icarus主题的文档中抠出来的,效果还不错
测试一下
在文章中使用该属性添加一张图片:
1 | <img src="test1.png" alt="图片来源于网络" class="box px-0 py-0 ml-auto mr-auto" width="360"/> |
效果如下
测试一下代码图片
在文章中使用该属性添加一张图片:
1 | <img src="test.png" alt="由 VisualStudioCode CodeSnap📸 生成" class="box px-0 py-0 ml-auto mr-auto" width="360"/> |
效果如下
问题
- 首页显示不出图片
【Hexo】icarus主题图片样式修改