hyhyhy 项目教程

hyhyhy 项目教程

hyhyhy A tool for creating nice looking HTML5 presentations. :trollface: 项目地址: https://gitcode.com/gh_mirrors/hy/hyhyhy

1. 项目的目录结构及介绍

hyhyhy 项目的目录结构如下：

my-new-presentation
├── _assets
│   ├── javascripts
│   │   └── main.js
│   └── stylesheets
│       └── main.css
├── _includes
│   └── bower.json
├── _layouts
│   └── default.erb
├── _slides
│   ├── 1_introduction.md
│   ├── 2_packages.md
│   └── n.html
├── .bowerrc
├── .hyhyhy
└── README.md

目录结构介绍

• _assets: 存放项目的静态资源文件，包括 JavaScript 和 CSS 文件。
  • javascripts: 存放 JavaScript 文件，其中 main.js 是核心的演示文稿脚本。
  • stylesheets: 存放 CSS 文件，其中 main.css 是默认的样式文件。
• _includes: 存放 Bower 组件的配置文件 bower.json。
• _layouts: 存放布局模板文件，其中 default.erb 是基本的模板文件。
• _slides: 存放演示文稿的各个幻灯片或章节文件。
  • 1_introduction.md: 第一组幻灯片。
  • 2_packages.md: 第二组幻灯片。
  • n.html: 最后一组幻灯片。
• .bowerrc: Bower 的配置文件。
• .hyhyhy: hyhyhy 的配置文件。
• README.md: 项目的简化指南。

2. 项目的启动文件介绍

hyhyhy 项目的启动文件是 main.js 和 main.css，它们分别位于 _assets/javascripts 和 _assets/stylesheets 目录中。

main.js

main.js 是 hyhyhy 项目的核心 JavaScript 文件，负责控制演示文稿的逻辑和交互。它包含了页面加载、幻灯片切换、键盘事件处理等功能。

main.css

main.css 是 hyhyhy 项目的默认样式文件，定义了演示文稿的外观和布局。它包含了字体、颜色、布局等样式规则。

3. 项目的配置文件介绍

hyhyhy 项目的配置文件主要包括 .hyhyhy 和 .bowerrc。

.hyhyhy

.hyhyhy 是 hyhyhy 项目的主要配置文件，包含了演示文稿的基本信息和配置选项。例如：

{
  "title": "hyhyhy",
  "description": "Pure & Professional presentations",
  "author": "Maciej A. Czyzewski"
}

.bowerrc

.bowerrc 是 Bower 的配置文件，用于配置 Bower 组件的安装路径和其他选项。例如：

{
  "directory": "_includes"
}

这个配置文件指定了 Bower 组件的安装目录为 _includes。

hyhyhy A tool for creating nice looking HTML5 presentations. :trollface: 项目地址: https://gitcode.com/gh_mirrors/hy/hyhyhy