惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Cloudbric
Cloudbric
酷 壳 – CoolShell
酷 壳 – CoolShell
人人都是产品经理
人人都是产品经理
G
Google Developers Blog
美团技术团队
MongoDB | Blog
MongoDB | Blog
博客园 - 聂微东
博客园 - Franky
罗磊的独立博客
雷峰网
雷峰网
F
Fortinet All Blogs
Stack Overflow Blog
Stack Overflow Blog
T
The Blog of Author Tim Ferriss
宝玉的分享
宝玉的分享
H
Help Net Security
Vercel News
Vercel News
Last Week in AI
Last Week in AI
Microsoft Security Blog
Microsoft Security Blog
B
Blog
Microsoft Azure Blog
Microsoft Azure Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 叶小钗
Apple Machine Learning Research
Apple Machine Learning Research
L
LangChain Blog
量子位
F
Full Disclosure
Hugging Face - Blog
Hugging Face - Blog
C
Check Point Blog
WordPress大学
WordPress大学
IT之家
IT之家
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Recorded Future
Recorded Future
D
Docker
T
Tailwind CSS Blog
博客园 - 司徒正美
博客园 - 三生石上(FineUI控件)
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Blog — PlanetScale
Blog — PlanetScale
阮一峰的网络日志
阮一峰的网络日志
GbyAI
GbyAI
Y
Y Combinator Blog
月光博客
月光博客
aimingoo的专栏
aimingoo的专栏
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Jina AI
Jina AI
Recent Announcements
Recent Announcements
V
Visual Studio Blog
The Cloudflare Blog
P
Proofpoint News Feed

Hyde Blog

Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog 关于我 关于我 Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog
Hyde Blog
Hyde · 2025-10-05 · via Hyde Blog

配置3D模型 ​

版权 ​

效果 ​

前往留言板块 查看或者访官方网站预览,点击跳转

配置 ​

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

1739957408721

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

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

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

image-20250219173908233

粘贴标签页中的的 js 代码

image-20250219174122726

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

  • 大功告成啦!!

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


代码 ​

自己这里配置的模型宽度按自己喜好进行调整,将这个在线模型和作者一样放在了自己的留言区这个 markdown 文档里了自己最终代码如下:

html

<div class="sketchfab-embed-wrapper">
  <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>
  <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
    <a
      href="https://sketchfab.com/3d-models/gipsy-danger-9af0ae87238a4840b95a83f9e6c5cdde?utm_medium=embed&utm_campaign=share-popup&utm_content=9af0ae87238a4840b95a83f9e6c5cdde"
      target="_blank"
      rel="nofollow"
      style="font-weight: bold; color: #1CAAD9;"
    >
      gipsy danger
    </a>
    by
    <a
      href="https://sketchfab.com/saltmecha?utm_medium=embed&utm_campaign=share-popup&utm_content=9af0ae87238a4840b95a83f9e6c5cdde"
      target="_blank"
      rel="nofollow"
      style="font-weight: bold; color: #1CAAD9;"
    >
      saltmecha
    </a>
    on
    <a
      href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=9af0ae87238a4840b95a83f9e6c5cdde"
      target="_blank"
      rel="nofollow"
      style="font-weight: bold; color: #1CAAD9;"
      >Sketchfab</a
    >
  </p>
</div>