python - 木星 : nbconvert does convert HTML image to LaTex

Question

我喜欢使用 jupyter notebook 来记录我的物理类(class)的主题，所以我让我的学生使用 CoCalc 和 Markdown 或 Jupyter notebook 来编写他们的实验报告。我有一个问题。

在jupyter notebook中，插入图片的Markdown方式是![Two slit](twoSlit1.png) ， 例如。但是，您无法控制大小、位置和环绕。 Stack Exchange [此处] 有很多有用的建议来控制大小 1 .

但是，当我尝试将其转换为 pdf 时，如果使用 HTML 插入图像，图像就会丢失。例如

![Two slit](twoSlit1.png)

用 jupyter nbconvert Example.ipynb --to html 转换工作正常，但无法控制放置的图像大小。然后我可以将其打印为 pdf，但它的“文档”外观不佳。但是

<img align="right" src="twoSlit1.png" width="200" />

用 jupyter nbconvert Example.ipynb --to pdf 转换给出了pdf渲染图，但是图片不见了。我尝试了许多不同的 HTML 图像编码，但没有一个适用于 nbconvert --to pdf

CoCalc File -> Download as PDF via LaTex (.pdf)...确实会渲染图像。

如果我创建一个 Markdown 文档并使用 pandoc Example1.md -o Example1.pdf，我会在 CoCalc 上得到类似的结果创建 pdf 文件。

顺便说一句，两者都完美地呈现了方程式。

我在本地运行 jupyter 的 Mac 上也得到了相同的结果(Anaconda 发行版，python 3.7)

Answer 1

当我发布支持请求时，我在 CoCalc 得到了 William Stein 和 Harald Schilly 的迅速答复。这是我的答案。

1. 问题是 Markdown(可能还有 jupyter notebook Markdown 单元格)预览 Pane 在前端呈现，而不是在后端使用 pandoc，所以当我从终端使用 pandoc 时，我得到了不同的结果。

2. 我可以通过放置 HTML <style> 来获得看起来合理的 HTML标记在 Markdown 文档的开头，并将 CSS 代码放在 <style> 中标签。然后我将图像放入 HTML <div>使用 CSS 设置其大小、使其正确 float 、添加标题等。我还在 CSS 文件中减小了标题字体的大小，将字体系列设置为衬线等。然后Preview看起来还可以，但是打印Preview保存成pdf的时候还是有问题。所以:

3. 只需使用 Markdown 并使用 HTML 来做一些事情:a) A <div class="center">将标题、作者、……居中 b) <blockquote>为摘要设置样式。 c) A <div class=figure width="280px">插入 float 图形。

4. 创建文件 style.css并使用

   从命令行运行 pandoc

   pandoc Example.md -s --css="style.css" --mathjax -o Example.html
   

5. 在 CoCalc 中打开 Example.html 并使用渲染 Pane 中的打印图标并保存 pdf 文件。

我很满意。学生无需使用 LaTeX 和最少的 HTML 就可以得到不错的报告。我给他们 CSS 文件。