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

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

插件目前支持两种主要的图片链接解析方式，以提供用户便捷的操作体验。首先，它能够直接识别并解析用户在Markdown文档中生成的图片链接。这意味着，当用户在编辑Markdown文件时，如果已经插入了图片（通常是通过在链接后添加图片描述的方式，如![图片描述](图片链接)），插件可以自动检测到这些链接，并对其进行解析处理，从而方便用户获取或进一步操作这些图片资源。

其次，除了自动解析Markdown生成的图片链接外，插件同样支持用户手动输入图片地址的功能。这一功能的设计考虑到了一些特殊情况，比如用户可能需要引用并非由Markdown直接插入，而是通过其他方式获取的图片链接；或者用户可能需要在没有Markdown环境的情况下，直接通过输入图片URL来使用插件的解析功能。通过手动输入图片地址，用户可以灵活地指定需要解析的图片资源，确保了插件的通用性和实用性。

总而言之，无论是直接解析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 23:12

Watch：4616

Star：4616

Fork：750

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