建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

Shower 基于 HTML、CSS 和 vanilla 构建的 JS HTML演示引擎

来源:易助科技网浏览量:16收藏

简介


Shower 是基于 HTML、CSS 和 vanilla 构建的Shower JS  HTML演示引擎,适用于所有现代浏览器。主题和引擎是分开的。完全可通过键盘访问。可打印为PDF。

(下载的附件中附有DEMO)


更多 HTML 演示插件:👉  [ 详情 ]


Shower 基于 HTML、CSS 和 vanilla 构建的 JS HTML演示引擎


特点:


基于HTML、CSS和vanilla JavaScript构建。

适用于所有现代浏览器。

主题和引擎是分开的。

完全可通过键盘访问。

可打印为PDF。


浏览器支持


支持Chrome、Edge、Firefox和Safari的最新稳定版本。



使用


1.  通过CLI方式快速开始


您需要在计算机上安装Node.js。

安装Shower CLI实用程序:


npm install -g @shower/cli


创建演示文稿:


shower create


更多细节请参阅: 👉  [ shower/cli ]


2.  通过主机(host)方式快速开始


您需要在计算机上安装Node.js。

1)通过将下载的库复制到您的GitHub帐户:

         A.  打开导入页面

        B.  使用https://github.com/shower/shower用于存储库URL使用您的演示文稿名称

        C.  将生成的存储库克隆到您的计算机上

        D.  安装依赖项npm安装并启动本地服务器npm启动


2)使用实时重新加载开始编辑幻灯片


完成后,您可以构建幻灯片的干净副本:


npm run bundle


您可以在捆绑文件夹中找到您的演示文稿。您还可以运行npm-run-archive以在presentation.zip中获得相同的文件。

通过运行以下命令在线发布您的演示文稿:


npm run publish


您的幻灯片将发布到https://USER.github.io/REPO/.



相关链接


官网地址: https://shwr.me/

GitHub 地址 :  https://github.com/shower/shower

效果演示地址 :  https://shwr.me/#see-more

易助科技网文档地址:  http://demo.easyzone.net.cn/plugin/shower/index.html