Welcome to My Talks

• Powered by Sli.dev + GitHub Actions + GitHub Pages
• Thanks to fguisso for building the repo setup
• Theme used is my iteration on lightvue/slidev-theme-light-icons

Outline

• Running for development
• Deploy in GitHub Pages
  • First Time
  • Format Slide Deck
  • Upload Slidev via GitHub Actions
• Commands
• Resources on Creating Slides with Slidev
• Additional Notes
• Past Talks

Running for development

npm install
npm run dev Slides_my_slides.md

Visit: http://localhost:3030

Deploy in GitHub Pages

First Time

For the first deployment:

1. GitHub Repo > Settings > GitHub Pages
2. Set Source to gh-pages branch

Format Slide Deck

npm run format Slides_my_slides.md

Example:
npm run format Slides_Book_ConnectingParagraphs.md

Upload Slidev via GitHub Actions

Deploys are dispatched by commit messages:

git add SLIDES_NAME.md

git commit -m "Upload: SLIDES_NAME"

git push

Commands

Commands	Purpose
npm run format SLIDES_NAME.md	Format the markdown file
npm run build SLIDES_NAME.md	Build for production SPA
npm run dev SLIDES_NAME.md	Start dev server
npm run export SLIDES_NAME.md	Export slides to pdf

Resources on Creating Slides with Slidev

• Slidev documentations
• fguisso/talks Repo
• antfu/talks Repo
• ahandsel/debugging_log/SliDev_LightVue
• npx slidev --help

Additional Notes

Image Sizes

• Slide backgrounds: 1600 px by 900 px
• Vertical thin slots: 400 px by 900 px

Past Talks

Title	Slides Link	Status
Slides_lewagon_cybozu	https://ahandsel.github.io/Talks/Slides_lewagon_cybozu/	Done ✅
Slides_Kintone_Intro_Kids	https://ahandsel.github.io/Talks/Slides_Kintone_Intro_Kids/	Done ✅
Slides_Book_ConnectingParagraphs	https://ahandsel.github.io/Talks/Slides_Book_ConnectingParagraphs/	Done ✅
Slides_KDP_Hiring_Jun_2022	https://ahandsel.github.io/Talks/Slides_KDP_Hiring_Jun_2022/	Done ✅
Slides_KDP_React_Workshop	https://ahandsel.github.io/Talks/Slides_KDP_React_Workshop/	Done ✅