AI摘要：作者发现博客支持全景图功能，并使用Pannellum插件实现。受此启发，作者开发了一个简易全景图插件，目前支持单张图片合成。计划未来完善功能，支持多图拼接并开源。作者展示了使用专业设备和手机拍摄的全景图效果，并推荐使用谷歌相机和相册体验360全景功能。最后，作者分享了Pannellum的开源代码链接。

前几天逛博客，发现夜枫的博客还支持全景图了，于是看了看源码，发现是用Pannellum这个插件实现的，研究了下代码，发现实现起来很简单于是动手写了一个全景图插件。

插件目前支持直接选中markdown生成的图片链接直接解析，也支持手动输入图片地址：

最终转换成如下代码：

[panorama src="//pannellum.org/images/cerro-toco-0.jpg" type="equirectangular" alt="请输入图片描述" compass="true" autoload="true" autorotate="0"]

[panorama src="//wangdaodao.com/usr/uploads/2025/10/69034bca9de6a.webp,//wangdaodao.com/usr/uploads/2025/10/69034bd780080.webp,//wangdaodao.com/usr/uploads/2025/10/69034be2dd0da.webp,//wangdaodao.com/usr/uploads/2025/10/69034bfdba66a.webp,//wangdaodao.com/usr/uploads/2025/10/69034c07d44a3.webp,//wangdaodao.com/usr/uploads/2025/10/69034c203f567.webp" type="cubemap" alt="2025-10-30T11:28:09.png" compass="true" autoload="true" autorotate="0"]

后续我将投入时间完善功能包括样式方面的美化，并计划将插件开源，供大家试用。该插件目前对航拍博客用户尤为适用，对我而言，由于缺乏专业设备，只能借助手机和算法来实现。

专业设备效果如下：

手机设备效果如下：

是不是惨不忍睹，也可能和我拍照技术有关，我一般拍的照片都没有什么美感。

我用的是谷歌相机，里面有一个360全景的功能，查看的话还需要配上谷歌相册才可以，如果想尝鲜的可以试一试。

放一下pannellum的开源代码，感兴趣的可以看一看！

pannellum

Owner：mpetroff

Updated：2025-10-30 01:48

Watch：4614

Star：4614

Fork：750

Pannellum is a lightweight, free, and open source panorama viewer for the web.