教程:网页插入GeoGebra 动画的三种方法
这是一篇示例文章,用来测试 GeoGebra 嵌入网页的三种方法。 把这个本地的 “勾股定理.ggb” 嵌入到 Hugo 博客里,有两条完整的可执行方案: 插入网上的GGB文件,和插入本地的的GGB文件。 📦 方案一:最省事→ 上传到 GeoGebra 在线库 + 嵌入(推荐) 这是最稳定的方式。 1.在线保存你的作品 点击「文件」→「在线保存」,用你的 GeoGebra 账号登录并保存 “勾股定理.ggb”,设置为「公开」。 2.获取嵌入代码 保存成功后,会跳转到作品的在线页面。点击右上角「分享」→「嵌入」,就能得到标准的 iframe 代码,类似: <iframe src="https://www.geogebra.org/classic/你的作品ID?embed" width="100%" height="600" frameborder="0" allowfullscreen></iframe> 本例中 `id` 为`wbhb7sdm` 3.嵌入到 Hugo 文章 从代码中获得 id ,只需要替换GeoGebra官方网站在线动画文件的 id 即可: {{< geogebra id="wbhb7sdm" width="100%" height="520" >}} 下面是演示效果 直接把这段代码粘贴到你的 Markdown 文章里即可。 这种方式插入不会显示工具栏,无法拖动画布。 优点:稳定省心,GeoGebra 官方托管,不会有跨域和加载问题。 缺点:需要注册 GeoGebra 账号,且作品必须公开。 📦 方案二:本地导出 + 自托管(不依赖 GeoGebra 账号) 如果你不想上传到 GeoGebra 官网,可以直接从当前界面导出并嵌入。 ...