关于本地图片高度的问题

比如你笔记最开头声明

---
cssclass: img-height-limit
---

然后在 css snippet 里写

.img-height-limit img {
  width: auto;
  height: 200px;
}

这样就是对特定某篇笔记, 调整其中所有图片的高度


另一个办法, 可以不改变笔记所有图, 而是仅针对单个图片

.markdown-source-view img[alt="h100"] {
  width: auto;
  height: 100px;
}
.markdown-source-view img[alt="h300"] {
  width: auto;
  height: 300px;
}
.markdown-source-view img[alt="h500"] {
  width: auto;
  height: 500px;
}

.markdown-preview-view img[alt="h100"] {
  width: auto;
  height: 100px;
}
.markdown-preview-view img[alt="h300"] {
  width: auto;
  height: 300px;
}
.markdown-preview-view img[alt="h500"] {
  width: auto;
  height: 500px;
}

然后图片里加上 h100 / h300 这样子的备注 ![[torch.png|h100]]

3 个赞