search

zhouhua / obsidian-export-image

Easily convert your article to image.
MIT License
104 stars 4 forks source link

[FR] Configurable image margin #32

Closed alanhe closed 7 months ago

alanhe commented 7 months ago

需求 导出的图片有 32px 的 Margin。在手机上看的时候，两边有大白边，感觉有点儿浪费屏幕空间。 希望可以在 Image Export Preview 对话框中自定义 Margin。

变通法 可以通过 CSS snippets (https://help.obsidian.md/Extending+Obsidian/CSS+snippets) 覆盖默认样式。 缺点是只能配置一个全局样式，没法为每个导出图片单独修改。

body .export-image-preview-root .markdown-preview-view {
    padding: 4px !important;
}
zhouhua commented 7 months ago

没法为每个导出图片单独修改

这句话是什么意思？

我觉得现在配置项已经非常多了 :joy:，像你的需求用 css 可以比较容易解决：

  1. 如果对于所有图片都生效，直接用你的 css 就可以了；
  2. 如果只想对小尺寸图片生效，可以用 css 媒体查询功能，比如用 @media (max-width: 640px) {} 包裹一下你的代码；
  3. 如果只想对部分文章生效，可以给文章添加 cssClasses 的 property，并在你的 css 代码中加入对应的 class。
alanhe commented 7 months ago

多谢大佬的建议。