gpt4 book ai didi

markdown - 如何在reveal.js中显示大型代码示例?

转载 作者:行者123 更新时间:2023-12-04 01:09:21 26 4
gpt4 key购买 nike

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。












想改进这个问题?将问题更新为 on-topic对于堆栈溢出。

8年前关闭。




Improve this question




我经常在reveal.js 幻灯片中有代码示例,它们跨越了很多行。
以markdown代码为例:

---
title: "Long and silly code"
author: "Yours truly"
---

```python
print('1')
print('2')
print('fizz')
print('4')
print('buzz')
print('fizz')
print('7')
print('8')
print('fizz')
print('buzz')
print('11')
print('fizz')
print('13')
print('14')
print('fizzbuzz')
print('16')
print('17')
```
渲染后,它看起来像这样,带有一个滚动条:
enter image description here
代码块似乎总是有一个最大高度,并且超过一定数量的行会出现一个滚动条,即使我更喜欢一个更大的框。
我还没有弄清楚如何使框在垂直和水平方向上都更大,以便填充可用的幻灯片区域而不是滚动:我没有兴趣暂停演示文稿以使用鼠标滚动来显示更多代码!
有人有建议吗?

最佳答案

Reveal.js 提供的 css 似乎是 responsible for the vertical limit .
因此,您似乎别无选择,只能自己调整 CSS。

比如修改文件css/reveal.css (并重新生成 css/reveal.min.css )。

或者您可以尝试使用您提供的其他主题来覆盖此值。例如,复制 css/theme/default.csscss/theme/mine.css ,为代码块定义您想要的样式,并在 <head> 中链接到此文件您的.html演示文件。

关于markdown - 如何在reveal.js中显示大型代码示例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23204784/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com