Deck JS: HTML5 幻灯片

程序员迈克 程序员迈克 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 900+累计阅读 939平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄16年
关注
转载 最新推荐文章于 2026-09-24 23:00:16 发布 939 阅读 AI 写同款· GEO 优化 ›
deck.js-base:一个带有一些花里胡哨的deck.js 的基本安装 介绍 这个 repo 为基于的幻灯片提供了一个起点。 它包括以下内容： 包含瑞士主题的核心deck.js 文件（截至2015-04-26 的） 甲板菜单扩展 带有和 PHP 和 HTML库 (1.1.9) 就像deck.js 本身一样，这个项目是在下获得。 基本设置 在您喜欢的文本编辑器中打开index.html 。 更新顶部的title标签值和meta标签属性值。 向下滚动到body标签内，找到id属性值为title-slide的div标签。 在该div标签中，更新h1和h2标签。 此时，您可以在浏览器中打开index.html并查看您的标题幻灯片。 如果要添加任何自定义 CSS，可以在css/deck.custom.css 。 它已经包含在index.html 。 这同样适用于自定义 JS 的js/deck.custom.js 。 index.html还包括与deck.js 捆绑 立即下载

Deck.js 是一组开源的 JavaScript 类库，方便使用现代的 HTML5/CSS3/JS 技术创建幻灯片。

该软件十分适用于开源项目介绍，交互式的方式比单纯的文字说明更简洁易懂。

不废话了，赶紧前往该项目主页去体验 HTML5 时代的幻灯片吧！

项目主页及演示

消息来源

收录于
Html5/Javascript

当前文章被收录于：

Html5/Javascript
32 篇文章 0 人学习
订阅专栏 查看详情
标签
#html5 #javascript
slides-deck-js:使用deck.js完成的幻灯片 ＃deck.js 一个用于构建现代HTML演示文稿JavaScript库。 deck.js足够灵活，可以让高级CSS和JavaScript作者制作高度自定义的卡片组，还为HTML新手提供了模板和主题，以构建标准幻灯片。 依赖关系（包含在此存储库中） 文献资料 请查看，以获取有关核心以及所有随附扩展中可用的方法，事件和选项的更多信息。 包装中的“ introduction文件夹下包括一个标准的标准滑板样板。 您还可以在线以使用可用的样式和过渡主题。 扩展，主题和相关项目 看一下 ，了解扩展，主题和其他相关信息的列表。 如果您有自己的公开项目，请随时添加到列表中。 测试与支持 单元测试使用和编写。 您可以。 deck.js已通过jQuery 1.6+进行了测试，可在IE7 +，Chrome，FF，Safari和Opera中运行。 功能更强大的浏览器获得了更大的增强，但是基本的剖面幻灯片将适 立即下载

相关推荐

deck.js-template:deck.js-模板

＃deck.js 一个用于构建现代HTML演示文稿JavaScript库。 deck.js足够灵活，可以让高级CSS和JavaScript作者制作高度自定义的卡片组，还为HTML新手提供了模板和主题以构建标准幻灯片。 依赖关系（包含在此存储库中） 文献资料 请查看，以获取有关核心以及所有随附扩展中可用的方法，事件和选项的更多信息。 包装内的“ introduction文件夹下包括一个标准幻灯片样本示例。 您还可以在线以使用可用的样式和过渡主题。 扩展，主题和相关项目 看一下 ，了解扩展，主题和其他相关信息的列表。 如果您有自己的公开项目，请随时添加到列表中。 测试与支持 单元测试使用和编写。 您可以。 deck.js已通过jQuery 1.6+进行了测试，可在IE7 +，Chrome，FF，Safari和Opera中运行。 功能更强大的浏览器获得了更大的增强，但是基本的剖面幻灯片将适用

使用deck.js创建现代化HTML演示文稿指南

deck.js是一个基于jQuery的现代化HTML演示文稿库，它允许开发者使用纯HTML和CSS创建精美的幻灯片演示。与传统的PPT工具不同，deck.js完全基于Web技术，可以在任何现代浏览器中运行，并且支持响应式设计。 ## 快速入门 ### 基础结构 deck.js演示文稿的基本HTML结构非常简单： ```html ...

gitblog_00255的博客 491

前端项目-deck.js.zip

前端项目-deck.js,Modern HTML Presentations

如何读懂TimePlanner的模块化架构：4大Feature模块与Dagger 2依赖注入完全指南

**TimePlanner** 是一款完全免费的日常任务规划 Android 应用，采用多模块化设计 + Dagger 2 依赖注入构建。本文将带你快速读懂它的 4 大 Feature 模块（Home、Editor、Analytics、Settings）与 api/impl 双层架构，以及 Dagger 2 Component 如何串联起整个应用，是 Android 新人学习模块化架构的优质开源案

gitblog_01170的博客 712

USRP B210 运行gnuradio时 FPGA固件版本冲突错误解决方法

事情起源于昨天拿到USRP后开始调试，结果整了一个下午都没解决这个问题。 昨天晚上自己思考了一下，觉得还是版本问题。 首先，uhd_find_devices和uhd_usrp_probe均可以正常运行，没有报错，固件正常加载，序列号也可看到。 teray@teray-X550JK:~$ uhd_find_devices [INFO] [UHD] linux; GNU C++ version 7.5...

斯哈研究所 4243

Eigen 直线拟合/曲线拟合/圆拟合/椭圆拟合

使用Eigen库进行直线拟合是数据分析和科学计算中的常见任务，主要通过最小二乘法实现。该代码演示了二维空间中的直线拟合，输出斜率和截距。

深之JohnChen的专栏 1596

Deck.js 开源项目教程

Deck.js 是一个用于创建现代 HTML 演示文稿的开源项目。它允许用户通过简单的 HTML 结构和 CSS 样式来构建交互式的幻灯片演示。Deck.js 支持多种浏览器，并且可以通过扩展和主题进行高度定制。 ## 项目快速启动 要快速启动 Deck.js 项目，请按照以下步骤操作： 1. **下载项目**： ```bash git clone https://github.c...

gitblog_00123的博客 515

FreeModbus从入门到实战：手把手教你用STM32实现工业级Modbus RTU通信

本文详细介绍了如何使用STM32和FreeModbus实现工业级Modbus RTU通信，涵盖硬件搭建、协议栈移植及优化技巧。重点解析了FreeModbus的移植过程，包括串口驱动适配、定时器配置和工业级稳定性优化，为开发者提供了一套完整的工业通信解决方案。

weixin_33737774的博客 348

为什么每个开发者都需要gita/gitattributes：解决Git仓库管理的5大痛点

gita/gitattributes是一个强大的Git仓库管理工具集合，它提供了一系列预配置的.gitattributes模板，帮助开发者解决跨平台协作、文件格式统一和仓库维护中的常见问题。无论是个人项目还是团队协作，这些模板都能显著提升Git使用体验，减少因配置不当导致的冲突和错误。 ## 📌 痛点1：跨平台换行符混乱问题 在Windows、macOS和Linux系统中，文本文件的换行符分

gitblog_00061的博客 499

Spark Graphx 项目实战（航班飞行网图分析）

航班飞行网图分析一.需要的技能点二.任务描述三.数据探索1.下载数据2.数据格式四.航班飞行网图问题分析1.构建航班飞行网图2.统计航班飞行网图中机场与航线的数量3.计算最长的飞行航线4.找出最繁忙的机场5.找出最重要的飞行航线6.找出最便宜的飞行航线五.代码实现 一.需要的技能点 Spark GraphX API Spark GraphX PageRank Spark GraphX Pregel 二.任务描述 需求概述： 探索航班飞行网图数据 构建航班飞行网图 使用Spark GraphX完成下列任

May_J_Oldhu的博客 1538

把浮点数这件小事讲清楚：ABAP 7.51 里 Open SQL 与 ABAP CDS 的 FLTP 新玩法与避坑指南

ABAP浮点数计算的风险与应对 摘要：ABAP项目中的浮点数(FLTP)在跨平台计算时存在误差风险，同一逻辑在不同数据库平台可能产生细微差异。ABAP 7.51新增了两项关键能力：1)Open SQL和ABAP CDS中可为AVG函数指定结果类型，避免默认返回FLTP；2)ABAP CDS提供FLTP_TO_DEC转换函数。但需注意这些转换仍可能存在平台相关差异，且FLTP_TO_DEC会截断而非四舍五入小数位。开发者在涉及金额、数量等关键业务计算时，应明确数值语义并设计容错机制。

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 214

揭秘pydown工作原理：Python如何将Markdown转换为交互式HTML5幻灯片

pydown是一款由Python编写的HTML5演示文稿构建工具，它能将简单的Markdown文本转换为精美的交互式幻灯片。本文将深入解析pydown的核心工作流程，带您了解这个强大工具如何实现从纯文本到动态演示的神奇转变。 ## 🌟 pydown的核心功能与优势 pydown的设计理念非常简洁：**让用户专注于内容创作，而非格式排版**。它主要具有以下特点： - **极简工作流**：只需

gitblog_00134的博客 213

UNet改进（12）：融合小波变换与注意力机制的图像分割新方法

本文提出了一种改进的WaveletAttentionUNet架构，通过结合小波变换和注意力机制来增强传统UNet的多尺度特征提取能力。该网络使用分组卷积模拟小波分解，将输入通道扩展为4个子带（LL、LH、HL、HH），并通过通道注意力机制自适应加权各子带特征。网络保留了UNet的编码器-解码器结构，在关键位置集成了WaveletAttention模块。实验证明该方法在医学图像分割等任务中能更好地保持边缘细节和复杂纹理特征，同时保持计算效率。

2501_91516851的博客 758

探索 Deck.js：一款强大的HTML5演示文稿框架

是一个开源项目，由 [Benjamin Coe](http://benvc.org/) 创建，旨在提供一个基于现代Web技术的优雅、简洁且高度可定制的演示文稿制作工具。通过利用HTML、CSS和JavaScript的力量，Deck.js使得创建在线演示变得轻而易举。 ## 技术分析 Deck.js 的核心是基于模块化的设计，这使其能够轻松地扩展和适应各种需求。其主要特性包括： - **基于H...

gitblog_00010的博客 630

FTU电科院检测学习笔记-规划

如果写到最后，还非常的有动力和兴趣，可能会举出一些特定的例子来，但不保证一定是这样。

sixtome 1101

android 蓝牙通讯demo

android 下蓝牙通讯demo，实现了发现蓝牙，使能蓝牙，通过蓝牙发送消息。

5分钟上手pydown：从Markdown到HTML5幻灯片的终极转换工具

pydown是一款基于Python开发的HTML5演示文稿构建工具，它能帮助你快速将Markdown文件转换为精美的幻灯片。无需复杂的前端知识，只需简单几步，就能创建出专业级别的演示文稿。 ## 🚀 快速安装指南 安装pydown非常简单，通过pip命令即可一键完成： ``` $ pip install python-pydown ``` 如果你更喜欢从源码安装，可以克隆项目仓库： `

gitblog_00483的博客 152

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用，资源的后缀为tar.gz格式的压缩包

visual-explainer PPTX 静态导出指南：将 HTML 幻灯片转换为 .pptx 文件

本篇指南围绕 visual-explainer 的 `plugins/visual-explainer/pptx` 导出模块展开，讲解如何把 skill 生成的 HTML 幻灯片（slide deck）通过 best-effort 静态导出器转换为可交付的 `.pptx` 文件。读完本文，你将掌握 `visual-explainer-pptx` 命令的安装、调用与路径规则，理解导出器能提取哪些内容

gitblog_00780的博客 808

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

deck.js事件系统完全指南：掌握beforeChange、change和init事件

在现代HTML演示文稿开发中，deck.js的事件系统是构建交互式演示文稿的核心工具。通过深入理解beforeChange、change和init这三个关键事件，开发者能够创建出功能丰富、用户体验优秀的演示文稿应用。🚀 ## 为什么需要了解deck.js事件系统？ deck.js作为一款现代化的HTML演示框架，其事件机制为开发者提供了强大的扩展能力。无论是添加自定义动画、集成第三方服务，还

gitblog_00103的博客 1186

html-anything 课程/培训 Deck 模板深度解析：用 Agent 生成带常驻学习目标与 MCQ 自测的教学幻灯片

本文以 html-anything 仓库中的 `deck-course-module` 技能模板（[SKILL.md](https://link.gitcode.com/i/cd02569029500bbfa0b8206cb0fd818b)）为核心，讲解如何让本地 AI Agent 基于该模板自动生成教学 / workshop 场景的 HTML 幻灯片：暖纸底色、Playfair 衬线排版、左侧常

gitblog_00904的博客 289

HTML Anything 的 ppt-keynote 模板实战：用本地 AI Agent 生成 Keynote 风格 HTML 幻灯片

本文围绕 HTML Anything 仓库中内置的 `ppt-keynote`（Keynote 风格 PPT）模板展开，讲解如何让本地 AI Agent（Claude / Cursor / Codex 等）把一段 Markdown 产品介绍直接生成一屏一卡、支持键盘左右切换的 16:9 HTML 幻灯片。读完本文，你将掌握该模板的目录结构与元数据约定、prompt 指令的完整含义、`.slide`

gitblog_01085的博客 304

10 个最好的JavaScript和HTML5幻灯片演示框架。

10 个最好的JavaScript和HTML5幻灯片演示框架。 1) HTML5 Slides 如http://www.tfan.org/wp-content/slides/html5.html#1 Slides is an efficient presentation framework for web development. Provided by Google,

kongjiea笔记 1万+

从PowerPoint迁移到deck.js：现代化演示文稿制作的终极转型指南

想要告别传统PowerPoint的束缚，拥抱现代化演示文稿制作的全新体验吗？**deck.js**作为一款强大的JavaScript库，正在彻底改变HTML演示文稿的制作方式。无论你是技术新手还是资深开发者，deck.js都能为你带来前所未有的演示体验。 ## 🎯 为什么选择deck.js替代PowerPoint？ **deck.js**提供了一种完全不同的演示文稿制作理念： - **开放

gitblog_00581的博客 869

html-anything 宣言式演讲 Deck 模板（deck-ljg-present）源码级拆解：用 Outline-Faithful 规则把 Markdown 1:1 铸成色块大字幻灯片

> 本文围绕 html-anything 内置 Skill 模板 `deck-ljg-present`（宣言式演讲 / Outline-Faithful Manifesto Deck）展开。它解决的问题是：当用户手里只有一份演讲 outline 或 Markdown 时，如何不抽提、不重写、不重排地把它渲染成一套 16:9 的「色块大字」宣言风 HTML 幻灯片。读完你会掌握该 Skill 的完整

gitblog_00852的博客 280

html-anything 投资人 Pitch Deck Skill 全解析：从 SKILL.md 到 10 页融资 Deck 的生成链路

html-anything 是一个"Agentic HTML 编辑器"：你把自己的业务内容交给本地 AI Agent，Agent 依据仓库内置的模板 Skill 直接输出自包含的单文件 HTML。`deck-pitch`（投资人 Pitch Deck）正是其中面向融资场景的典型模板——一个通过 `SKILL.md` 声明元数据与版面意图、再配合预渲染 `example.html` 的完整 Skil

gitblog_01073的博客 998

python快速注释html5_Python rst2html5-tools包_程序模块 - PyPI - Python中文网

使用它生成基本HTML文档：rst2html5 examples/slides.rst > clean.html使用deck.js生成一组幻灯片：rst2html5 --deck-js --pretty-print-code --embed-content examples/slides.rst > deck.html使用reveal.js生成一组幻灯片：rst2html5 --jqu...

weixin_39707693的博客 380
上一篇： 疯狂的 Web 应用开源项目
下一篇： SmartRCP是什么
点赞 0
评论 0
书签 书签 0
程序员迈克
程序员迈克
博客等级 码龄16年 36粉丝 71原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值