WebSlide-AllInOne 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
WebSlide-AllInOne 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
WebSlide-AllInOne 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
WebSlide-AllInOne 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
WebSlide-AllInOne 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

Web Slide - All In One 是一个用于生成网页幻灯片的 Node 程序,由多个输入文件(html、css、js、json),最终输出为一个 HTML 文件。

示例

网页幻灯片

右下角的按钮可翻页。

示例源文件可见demo/#input

使用方法

  1. 在项目目录下运行npm link
  2. 在工作目录下新建#input文件夹,在这个文件夹中编写幻灯片内容(html、css、json)。
  3. 在工作目录下运行web-slide

运行成功后在工作目录下会生成#output 文件夹。

观察模式:

sh web-slide --watch

输入

所有输入(配置、幻灯片、资源)放置在 #input 文件中,所有输出产生在 #output 中。

配置

配置文件类型为 JSON,默认名称为 \$config.json

配置项可见:./src/config/runtime.js

全局脚本

全局脚本会在 DOMContentLoad 后执行,默认名称为 \$config.js

模块可使用 CommonJs 和 ES 模块方式引入。

全局样式

全局样式会应用到所有幻灯片中,默认名称为 \$config.css 。 在\$config.css 中设置#Slide的属性可以配置全局样式。

内置的 id 和 class 使用大坨峰和连字符命名,自定义的 id 和 class 建议使用小拓峰和连字符命名。

幻灯片

幻灯片以 HTML 文件组织,一个 HTML 文件代表一张幻灯片。

幻灯片以 HTML 的名称排序。

模板

html <body></body> <style></style> <script></script>

body、style、script 的内容会被提取并添加到页面中。

API

Broadcast(广播,详见:./src/web/core/broadcast/index.js),会触发事件:

  • render:渲染

样式

详见./src/web/style

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2019/03/12 10:28

PCL AllInOne msvc2017 下载

最近项目用到 VS 挂接 PCL,官网固然好,不过不知什么原因老是下到一半就0B了,为方便有需要的小伙伴,我把它传到了网盘上,虽然可能有些慢,不过好歹链接是稳定的! PCL-1.8.1-AllInOne-msvc2017-win32.exe(提取码 zsd3 ) PCL-1.8.1-AllInOne-msvc2017-win64.exe(提取码 5yse ) PCL-1.9.1-AllInOne-msvc2017-win32.exe(提取码 cedq) PCL-1.9.1-AllInOne-msvc2017-win64.exe(提取码 ikzm) 环境变量: 安装完成后貌似安装...

0
0
发表了博客
2018/08/25 15:32

ansible 2.4+ allinone 接口

参考/整理/改写 allinone接口 ,实现playbook,adhoc 调用。 日志部分待完善 #!/usr/bin/env python # -*- coding=utf-8 -*- # leaning ansbile api ing~ import json, sys, os import logging from ansible import constants from collections import namedtuple from ansible.parsing.dataloader import DataLoader from ansible.inventory.manager import InventoryManager from ansible.vars.manager import ...

0
0
发表了博客
2019/11/29 11:56

微服务框架saf-1:容器化部署allinone-demo

目录 (1).关于saf (2).saf-allinone-demo说明 (3).容器化部署环境准备 1.硬件要求 2.K8S单节点集群搭建 3.容器化相关基础组件 3.1.基础中间件容器化准备 3.2.zookeeper容器化部署 3.3.mysql容器化部署 3.4.redis-cluster容器化部署 3.5.rocketmq-cluster容器化部署 3.6.apollo容器化部署 3.7.ingress容器化 3.8.配置相关的ingress代理 4.数据准备 (4).编译saf 1.下载工程 2.apollo配置基础组件 3.编译saf工程 (5).容器化部署saf...

0
0
发表于云计算专区
2016/10/20 01:08

Openstack最新版本Newton-AllInOne免费安装视频详解

为了让更多的人在入门云计算Openstack时候少走弯路,因此免费录制视频分享给大家。 注:该视频,只适合于用来入门Openstack的同学,其中讲解了如何最快的速度根据官方文档一步步搭建Openstack,到能创建虚拟机。 下述提供两个下载链接: Openstack-Newton的vmware workstation 10.0.2 build-1744117虚拟机镜像下载: 链接:http://pan.baidu.com/s/1o88PvOe 密码:h0mx 镜像账号密码root:yunjisuan Openstack Newton版本allin...

0
4
发表了博客
2019/12/12 14:09

微服务框架saf-2:容器化部署allinone-demo

目录 (1).关于saf (2).saf-allinone-demo说明 (3).容器化部署环境准备 1.硬件要求 2.K8S单节点集群搭建 3.容器化相关基础组件 3.1.基础中间件容器化准备 3.2.zookeeper容器化部署 3.3.mysql容器化部署 3.4.redis-cluster容器化部署 3.5.rocketmq-cluster容器化部署 3.6.apollo容器化部署 3.7.ingress容器化 3.8.配置相关的ingress代理 4.数据准备 (4).编译saf 1.工程下载与编译顺序 2.编译saf 3.编译saf-boot-starter 4.编译saf...

0
0
发表于云计算专区
2016/03/29 10:15

juno版本allinone修改openstack的ip修改需要做的操作

vim /etc/nova/nova.conf vim /etc/neutron/plugins/ml2/ml2_conf.ini

0
0
发表于云计算专区
2015/03/12 22:30

CentOS7.0安装OpenStack JUJO -- 单节点Allinone

安装CentOS 7.0,选择最小化安装,服务器设置如下 IP地址:192.168.0.151/24 网关:192.168.0.1 DNS:192.168.0.1 主机名 node151.example.com 添加RDO YUM源,并修改yum配置保存下载的软件包,便于后续离线安装 # curl -O ftp://partners.redhat.com/8aa5fd896ed3a83f6533a78287906111/OpenStack/6.0-RHEL-7/2015-01-20.1/RH7-RHOS-6.0.repo # sed -i s#keepcache.*#keepcache=1#g /etc/yum.conf # sed -i s#cachedi...

0
0
发表了博客
2019/12/08 12:23

OpenStack(三)——allinone云平台的使用方法

  接着OpenStack(二)——使用Kolla部署OpenStack-allinone云平台继续操作。   特别感谢https://www.cnblogs.com/openstackteam/p/5519961.html,Exsi虚拟机下网络不通卡了我半个月。特此说明:如果OpenStack的宿主机是Exsi创建的虚拟机,则必须进行如下操作,选中OpenStack所在的Esxi系统-->进入摘要-->选中OpenStack宿主机所使用的虚拟网卡-->右键,编辑设置-->选择设置页面的安全-->混杂模式、MAC地址更改、伪传输全部设...

0
0
发表了博客
2019/11/30 12:00

OpenStack(二)——使用Kolla部署OpenStack-allinone云平台

(1).Kolla概述   Kolla是OpenStack下用于自动化部署的一个项目,它基于docker和ansible来实现,其中docker主要负责镜像制作和容器管理,ansible主要负责环境的部署和管理。   Kolla实际上分为两部分:Kolla部分提供了生产环境级别的镜像,涵盖了OpenStack用到的各个服务;Kolla-ansible部分提供了自动化的部署。最开始这两部分是在一个项目中的(即Kolla),OpenStack从O开头的版本开始被独立开来,这才有了用于构建所有服务...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
1 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部