在 Hexo 中插入全景图片

Author Avatar
wshunli 11月 30, 2017
  • 在其它设备中阅读本文章

一款基于 Three.js 全景显示的 Hexo 插件。

Threejs 介绍

three.js The aim of the project is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

Hexo 中插入全景图片

hexo-tag-panoview 是一款在 Hexo 中使用 全景图片 的插件。

插件的安装和使用非常的简单,只需要进入博客目录,然后安装:

$ npm install hexo-tag-panoview --save

之后在文章内使用 panoview 的 tag 就可以了:

{% panoview "https://img.wshunli.com/Hexo/hexo-tag-panoview/pano/pano2.jpg" 400 800 %}

{% endpanoview %}

其中:
panoviewendpanoview 是 Hexo 的标签,不需要修改;
https://img.wshunli.com/Hexo/hexo-tag-panoview/pano/pano2.jpg 部分是全景照片,建议 1024*512 ;
400 是指全景的高度;
800 是指全景的宽度。

灵感来自 webgl_panorama_equirectangular
也是我发布的第二个 npm 组件。

如果本文对您有所帮助,且您手头还很宽裕,欢迎打赏赞助我,以支付网站服务器和域名费用。 https://paypal.me/wshunli 您的鼓励与支持是我更新的最大动力,我会铭记于心,倾于博客。
本文链接:https://www.wshunli.com/posts/hexo-tag-panoview.html