微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Jekyll:index.md 扭曲了 Plotly 交互图的 _includes html

如何解决Jekyll:index.md 扭曲了 Plotly 交互图的 _includes html

我正在使用 Github Pages 和 Jekyll 来提供 Plotly 交互式绘图。目前,对于每个图,我都 Plotly 生成了 html 并将其保存到我的根目录中的 from sense_hat import SenseHat import time from random import randint from time import sleep sense = SenseHat() sense.low_light = False sense.clear() white = (255,255,255) black = (0,0) x = 0 y = 0 xspeed = 0 yspeed = 0 while True: pitch = sense.get_orientation()['pitch'] roll = sense.get_orientation()['roll'] if 270 < pitch < 345 and x < 7: sense.set_pixel(x,y,black) x+=1 if 45 < pitch < 90 and x > 0: sense.set_pixel(x,black) x-=1 if 45 < roll < 90 and y < 7: sense.set_pixel(x,black) y+=1 if 270 < roll < 345 and y > 0: sense.set_pixel(x,black) y-=1 sense.set_pixel(x,white) if 300 < pitch < 350: delay = (pitch-300)/200 elif 300 < roll < 350: delay = (roll-300)/200 elif 15 < pitch < 45: delay = (pitch-310)/-200 elif 15 < roll < 45: delay = (roll-310)/-200 else: delay = 0 time.sleep(delay) 中。为了显示绘图,我将 _includes 中的 home.html 布局修改为仅包含 _layouts 语句,而 {% include filename.html %} 为空白。这完成了我想要它做的事情(见图 1),但有点笨重。

Properly displayed page.

因此,我一直在尝试使用 index.mdhome.html<head> 部分修改 <title>,然后将我的 <body> 语句放入正文中{% include filename.html %}。但是,当 index.md 填充 home.html 中的 {{ content }} 时,我的图突然变小了(见图 2)。

Distorted page.

有没有办法让 index.md 语句的内容填满整个页面,就像我在 {% include filename.html %} 中有 {% include filename.html %} 语句的情况一样?

谢谢!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。