在 Hexo 中插入全景图片

wshunli
2017-11-30 / 0 评论 / 45 阅读 / 正在检测是否收录...

一款基于 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.

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

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 组件。

0

评论 (0)

取消