留言区3D在线模型效果

好看的3D在线模型

留言区3D在线模型效果

版权

次配置来源于《兰德胡涂》大佬《博客添加3D在线模型》文章，十分感谢原作者💖。

环境

2025.2.20(亲测有效)

自己开源的 《vuepress-theme-vdoing-one-public》网站模板。

此模板是在Young Kbt blog的开源项目《Kele-Bingtang.github.io》基础上修改为自己的风格而成，感谢大佬开源的模板&感谢原作者开源的vdoing主题。❤️❤️

效果

配置

网上冲浪时看到个3D模型网站，想着折腾下，就把留言区加上了3D模型显示，以下是操作记录

• 首先打开3D模型官网：https://sketchfab.com

• 选择自己喜欢的模型，比如我选择了：https://sketchfab.com/3d-models/gipsy-danger-9af0ae87238a4840b95a83f9e6c5cdde

• 打开该模型预览页面，选择Embed标签，如下图所示

  

• 粘贴标签页中的的js代码

  

• 将代码复制到留言板或者其他md文档中

  

  <iframe class="c-viewer__iframe" src="https://sketchfab.com/models/9af0ae87238a4840b95a83f9e6c5cdde/embed?autostart=1&amp;" id="api-frame" allow="autoplay; xr-spatial-tracking" xr-spatial-tracking="true" allowfullscreen="" width="100%" height="300"></iframe>

  本次自己是将3d模型配置在留言区位置哦：

  docs\80.关于\40.留言区.md

  

• 大功告成啦！！

这个网站上的模型非常多，而且还有动态的3D模型，有兴趣的可以自行尝试。