0 0 分钟

Panorama

2025-12-05 优质插件 编辑

Panorama

全景图插件,在文章中嵌入全景图,支持等距柱状投影和立方体贴图两种类型

下载

开源地址:https://github.com/wangdaodao/TypechoPlugins

功能特点

  • 支持将Markdown图片转换为全景图(等距柱状投影和立方体贴图)
  • 兼容Typecho的图片索引管理机制
  • 支持直接链接和引用链接两种格式
  • 可配置全景图尺寸、自动加载、自动旋转和显示指南针
  • 基于Pannellum全景图库,提供流畅的全景图浏览体验
  • CDN支持:使用CDN加载Pannellum资源,减少服务器负载

后台展示

6903692a160b7.webp

使用方法

方法一:使用编辑器按钮
在文章编辑页面,正常插入图片(使用Typecho自带的图片上传功能)
选中生成的Markdown图片代码,如:![图片描述](图片URL)
点击编辑器工具栏中的"📷"按钮
在弹出的对话框中确认图片信息,点击"确认转换"
图片将被转换为全景图短代码:[panorama src="图片URL" alt="图片描述"]

方法二:手动编写短代码
你也可以直接在文章中手动插入全景图短代码:

[panorama src="图片URL" alt="图片描述"]

短代码参数说明
type:必选参数,指定全景图的类型,默认为"equirectangular"
"equirectangular":等距柱状投影
"cubemap":立方体贴图
src:必选参数,指定全景图的URL
alt:可选参数,指定图片的描述文本
width:可选参数,指定全景图的宽度,默认为100%
height:可选参数,指定全景图的高度,默认为400px
autoload:可选参数,是否自动加载,默认为true
compass:可选参数,是否显示指南针,默认为true
autorotate:可选参数,自动旋转速度,默认为0(不旋转)
-2:逆时针慢速
-1:逆时针快速
0:不旋转
1:顺时针快速
2:顺时针慢速