首页 专区 文章 专题 AI工具 学习 编程手册

PHP MySQL jquery HTML CSS
首页 > Skill > IT运维与安全

Revealjs Presentations

Polar Sponsor
爱发电 赞助
.NET 9.0
立即下载

创建、编辑并部署 reveal.js 演示文稿为单个 HTML 文件，可选自定义 CSS。适用于需要制作演示文稿、幻灯片或宣传材料时使用。

explocation.js 演示文稿 : 使用 explocation.js v5 使用 CDN.QQ快速 Start.

功能概述

explocation.js 演示文稿 : 使用 explocation.js v5 使用 CDN.QQ快速 Start.是一项面向实际任务的技能，主要用于Copy 资产/ template.html 创建基于网络的演示文稿作为单一的 HTML 文件；将 QQTITLEQQQ, QQSUBTI 替换为项目目录。

核心要点

  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
  • 从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。

使用与执行

实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；

结果检查与注意事项

涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。

reveal.js 演示文稿

通过 CDN 使用 reveal.js v5 创建基于 Web 的单 HTML 文件演示文稿。

快速开始

  1. 将 assets/template.html 复制到项目目录中
  2. 替换占位符 {{TITLE}}、{{SUBTITLE}} 和 {{THEME}}
  3. 在
    内添加
    元素作为幻灯片
  4. 在浏览器中打开，或部署至 Vercel / GitHub Pages

幻灯片结构


  

    
幻灯片 1

    
幻灯片 2

    
    

      
幻灯片 3.1

      
幻灯片 3.2（向下）

核心功能

片段（点击显示）

点击后出现


然后显示此项

支持的样式：fade-in（默认）、fade-up、fade-down、fade-left、fade-right、fade-out、fade-in-then-out、grow、shrink、strike、highlight-red/green/blue

自动动画（Auto-Animate）

为相邻的

添加 data-auto-animate 属性——匹配的元素将自动执行过渡动画：


  
标题





  
标题

  
新增内容

背景

纯色背景


渐变背景


图片背景

演讲者备注


  
幻灯片

视口尺寸配置

在 Reveal.initialize() 中设置 width 和 height。reveal.js 会自动缩放内容以适配浏览器窗口。若内容在屏幕上显示过大，可使用更大的值（例如 1400×800）——框架会自动缩小渲染。

Reveal.initialize({
  width: 1400,
  height: 800,
  margin: 0.04,
});

自定义样式

可使用独立的 style.css 文件，或内联