【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"/>

效果如下

由 VisualStudioCode CodeSnap📸 生成

问题

  • 首页显示不出图片

【Hexo】icarus主题图片样式修改

https://biteax.com/48570f02.html

作者

石志超

发布于

2021-11-17

更新于

2023-09-27

许可协议