This repository contains a presentation built with reveal.js.
- Click "Use this template" button at the top of this repository
- Create your new repository
- Clone your new repository
- Run the setup script to customize:
./setup-template.sh
- The script will:
- Update the README with your repository name
- Update index.html with your presentation title
- Rename the markdown file to match your repo name
- Update package.json
- Self-delete when done
- Clone this repository
- Manually update:
README.md
: Replace placeholders with your valuesindex.html
: Update title and markdown file referenceslides/presentation.md
: Rename to your preferred namepackage.json
: Update the name field
After setup, this link will automatically point to your GitHub Pages deployment.
The presentation is written in Markdown. Edit the file in the slides/
directory.
- Use
---
to separate slides - Use
--
for vertical slides - Add images to the
images/
directory - Customize styling in
css/custom.css
To preview your presentation locally:
npm start
This will start a local server at http://localhost:8000
- Go to your repository Settings > Actions > General
- Scroll down to Workflow permissions
- Select Read and write permissions
- Check Allow GitHub Actions to create and approve pull requests
- Click Save
- Go to your repository Settings > Pages
- Under Source, select GitHub Actions from the dropdown
- Click Save
- Push your changes to the
main
branch:git add . git commit -m "Initial presentation" git push
- The GitHub Actions workflow will automatically build and deploy your presentation
- Check the Actions tab to monitor the deployment
- Once complete, your presentation will be available at
https://YOUR-USERNAME.github.io/YOUR-REPO-NAME/
Note: The first deployment may take a few minutes. Subsequent updates deploy automatically when you push to main
.
- Styling: Edit
css/custom.css
for custom styles - Images: Add images to the
images/
directory - Theme: Change the reveal.js theme in
index.html
- Configuration: Modify reveal.js settings in
index.html